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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_template_id_97c48f5c_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/index.vue?vue&type=template&id=97c48f5c&lang.js"],"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":["_createElementBlock","_createBlock"],"mappings":";;;;;;;;0BACEA;IACG,gDAA6B;IAC7B,kDAAS;;0BAEVA,0DAC0B,aAAhB,MAAM;8BADhBC;QAEG,KAAK;AAAA,QACL,MAAM,SAAU,cAAS,SAAS;AAAA,QAClC;AAAA,QACA,OAAO;AAAA;;;;;;;"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var menu_vue_vue_type_script_lang = require('./menu.vue_vue&type=script&lang.js');
-var menu_vue_vue_type_template_id_9c79e4e2_lang = require('./menu.vue_vue&type=template&id=9c79e4e2&lang.js');
+var menu_vue_vue_type_script_lang = require('./menu.vue_vue_type_script_lang.js');
+var menu_vue_vue_type_template_id_9c79e4e2_lang = require('./menu.vue_vue_type_template_id_9c79e4e2_lang.js');
 
 menu_vue_vue_type_script_lang["default"].render = menu_vue_vue_type_template_id_9c79e4e2_lang.render;
 menu_vue_vue_type_script_lang["default"].__file = "packages/components/cascader-panel/src/menu.vue";

package/lib/components/cascader-panel/src/menu.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     nodes?: unknown;
     index?: unknown;
 } & {
-    nodes: CascaderNode[];
     index: number;
+    nodes: CascaderNode[];
 } & {}>, {}>;
 export default _default;

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

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../scrollbar/index.js');
+require('../../../hooks/index.js');
+var util = require('../../../utils/util.js');
+require('./node2.js');
+var types = require('./types.js');
+var node_vue_vue_type_script_lang = require('./node.vue_vue_type_script_lang.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "ElCascaderMenu",
+  components: {
+    ElScrollbar: index.ElScrollbar,
+    ElCascaderNode: node_vue_vue_type_script_lang["default"]
+  },
+  props: {
+    nodes: {
+      type: Array,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(props) {
+    const instance = vue.getCurrentInstance();
+    const { t } = index$1.useLocaleInject();
+    const id = util.generateId();
+    let activeNode = null;
+    let hoverTimer = null;
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const hoverZone = vue.ref(null);
+    const isEmpty = vue.computed(() => !props.nodes.length);
+    const menuId = vue.computed(() => `cascader-menu-${id}-${props.index}`);
+    const handleExpand = (e) => {
+      activeNode = e.target;
+    };
+    const handleMouseMove = (e) => {
+      if (!panel.isHoverMenu || !activeNode || !hoverZone.value)
+        return;
+      if (activeNode.contains(e.target)) {
+        clearHoverTimer();
+        const el = instance.vnode.el;
+        const { left } = el.getBoundingClientRect();
+        const { offsetWidth, offsetHeight } = el;
+        const startX = e.clientX - left;
+        const top = activeNode.offsetTop;
+        const bottom = top + activeNode.offsetHeight;
+        hoverZone.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} 0 V${top} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+        `;
+      } else if (!hoverTimer) {
+        hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
+      }
+    };
+    const clearHoverTimer = () => {
+      if (!hoverTimer)
+        return;
+      clearTimeout(hoverTimer);
+      hoverTimer = null;
+    };
+    const clearHoverZone = () => {
+      if (!hoverZone.value)
+        return;
+      hoverZone.value.innerHTML = "";
+      clearHoverTimer();
+    };
+    return {
+      panel,
+      hoverZone,
+      isEmpty,
+      menuId,
+      t,
+      handleExpand,
+      handleMouseMove,
+      clearHoverZone
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=menu.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <el-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    class=\"el-cascader-menu\"\n    wrap-class=\"el-cascader-menu__wrap\"\n    :view-class=\"['el-cascader-menu__list', isEmpty && 'is-empty']\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isEmpty\" class=\"el-cascader-menu__empty-text\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      class=\"el-cascader-menu__hover-zone\"\n    ></svg>\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCascaderMenu',\n\n  components: {\n    ElScrollbar,\n    ElCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const { t } = useLocaleInject()\n    const id = generateId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<TimeoutHandle> = null\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    const handleExpand = (e: MouseEvent) => {\n      activeNode = e.target as HTMLElement\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n      if (activeNode.contains(e.target as HTMLElement)) {\n        clearHoverTimer()\n\n        const el = instance.vnode.el as HTMLElement\n        const { left } = el.getBoundingClientRect()\n        const { offsetWidth, offsetHeight } = el\n        const startX = e.clientX - left\n        const top = activeNode.offsetTop\n        const bottom = top + activeNode.offsetHeight\n\n        hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} 0 V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z\" />\n        `\n      } else if (!hoverTimer) {\n        hoverTimer = window.setTimeout(\n          clearHoverZone,\n          panel.config.hoverThreshold\n        )\n      }\n    }\n\n    const clearHoverTimer = () => {\n      if (!hoverTimer) return\n      clearTimeout(hoverTimer)\n      hoverTimer = null\n    }\n\n    const clearHoverZone = () => {\n      if (!hoverZone.value) return\n      hoverZone.value.innerHTML = ''\n      clearHoverTimer()\n    }\n\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElScrollbar","ElCascaderNode","getCurrentInstance","useLocaleInject","generateId","inject","CASCADER_PANEL_INJECTION_KEY","ref","computed"],"mappings":";;;;;;;;;;;;;AAyCA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,iBACVC;AAAA,oBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA;AAAA;AAAA,EAId,MAAM,OAAO;AACX,UAAM,WAAWC;AACjB,UAAM,EAAE,MAAMC;AACd,UAAM,KAAKC;AACX,QAAI,aAAoC;AACxC,QAAI,aAAsC;AAE1C,UAAM,QAAQC,WAAOC;AAErB,UAAM,YAAYC,QAA0B;AAE5C,UAAM,UAAUC,aAAS,MAAM,CAAC,MAAM,MAAM;AAC5C,UAAM,SAASA,aAAS,MAAM,iBAAiB,MAAM,MAAM;AAE3D,UAAM,eAAe,CAAC,MAAkB;AACtC,mBAAa,EAAE;AAAA;AAGjB,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,MAAM,eAAe,CAAC,cAAc,CAAC,UAAU;AAAO;AAE3D,UAAI,WAAW,SAAS,EAAE,SAAwB;AAChD;AAEA,cAAM,KAAK,SAAS,MAAM;AAC1B,cAAM,EAAE,SAAS,GAAG;AACpB,cAAM,EAAE,aAAa,iBAAiB;AACtC,cAAM,SAAS,EAAE,UAAU;AAC3B,cAAM,MAAM,WAAW;AACvB,cAAM,SAAS,MAAM,WAAW;AAEhC,kBAAU,MAAM,YAAY;AAAA,uEACmC,UAAU,QAAQ,kBAAkB;AAAA,uEACpC,UAAU,WAAW,eAAe,iBAAiB;AAAA;AAAA,iBAE3G,CAAC,YAAY;AACtB,qBAAa,OAAO,WAClB,gBACA,MAAM,OAAO;AAAA;AAAA;AAKnB,UAAM,kBAAkB,MAAM;AAC5B,UAAI,CAAC;AAAY;AACjB,mBAAa;AACb,mBAAa;AAAA;AAGf,UAAM,iBAAiB,MAAM;AAC3B,UAAI,CAAC,UAAU;AAAO;AACtB,gBAAU,MAAM,YAAY;AAC5B;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/cascader-panel/src/menu.vue_vue_type_template_id_9c79e4e2_lang.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-cascader-menu__empty-text"
+};
+const _hoisted_2 = {
+  key: 1,
+  ref: "hoverZone",
+  class: "el-cascader-menu__hover-zone"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
+  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+  return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
+    key: _ctx.menuId,
+    tag: "ul",
+    role: "menu",
+    class: "el-cascader-menu",
+    "wrap-class": "el-cascader-menu__wrap",
+    "view-class": ["el-cascader-menu__list", _ctx.isEmpty && "is-empty"],
+    onMousemove: _ctx.handleMouseMove,
+    onMouseleave: _ctx.clearHoverZone
+  }, {
+    default: vue.withCtx(() => {
+      var _a;
+      return [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes, (node) => {
+          return vue.openBlock(), vue.createBlock(_component_el_cascader_node, {
+            key: node.uid,
+            node,
+            "menu-id": _ctx.menuId,
+            onExpand: _ctx.handleExpand
+          }, null, 8, ["node", "menu-id", "onExpand"]);
+        }), 128)),
+        _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_2, null, 512)) : vue.createCommentVNode("v-if", true)
+      ];
+    }),
+    _: 1
+  }, 8, ["view-class", "onMousemove", "onMouseleave"]);
+}
+
+exports.render = render;
+//# sourceMappingURL=menu.vue_vue_type_template_id_9c79e4e2_lang.js.map

package/lib/components/cascader-panel/src/menu.vue_vue_type_template_id_9c79e4e2_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.vue_vue_type_template_id_9c79e4e2_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/menu.vue?vue&type=template&id=9c79e4e2&lang.js"],"sourcesContent":["<template>\n  <el-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    class=\"el-cascader-menu\"\n    wrap-class=\"el-cascader-menu__wrap\"\n    :view-class=\"['el-cascader-menu__list', isEmpty && 'is-empty']\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isEmpty\" class=\"el-cascader-menu__empty-text\">\n      {{ t('el.cascader.noData') }}\n    </div>\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      class=\"el-cascader-menu__hover-zone\"\n    ></svg>\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\nimport type { TimeoutHandle, Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCascaderMenu',\n\n  components: {\n    ElScrollbar,\n    ElCascaderNode,\n  },\n\n  props: {\n    nodes: {\n      type: Array as PropType<CascaderNode[]>,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const { t } = useLocaleInject()\n    const id = generateId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<TimeoutHandle> = null\n\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const hoverZone = ref<null | SVGSVGElement>(null)\n\n    const isEmpty = computed(() => !props.nodes.length)\n    const menuId = computed(() => `cascader-menu-${id}-${props.index}`)\n\n    const handleExpand = (e: MouseEvent) => {\n      activeNode = e.target as HTMLElement\n    }\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n      if (activeNode.contains(e.target as HTMLElement)) {\n        clearHoverTimer()\n\n        const el = instance.vnode.el as HTMLElement\n        const { left } = el.getBoundingClientRect()\n        const { offsetWidth, offsetHeight } = el\n        const startX = e.clientX - left\n        const top = activeNode.offsetTop\n        const bottom = top + activeNode.offsetHeight\n\n        hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} 0 V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z\" />\n        `\n      } else if (!hoverTimer) {\n        hoverTimer = window.setTimeout(\n          clearHoverZone,\n          panel.config.hoverThreshold\n        )\n      }\n    }\n\n    const clearHoverTimer = () => {\n      if (!hoverTimer) return\n      clearTimeout(hoverTimer)\n      hoverTimer = null\n    }\n\n    const clearHoverZone = () => {\n      if (!hoverZone.value) return\n      hoverZone.value.innerHTML = ''\n      clearHoverTimer()\n    }\n\n    return {\n      panel,\n      hoverZone,\n      isEmpty,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementBlock"],"mappings":";;;;;;;;EAkBwB,OAAM;AAAA;;;EAKxB,KAAI;AAAA,EACJ,OAAM;AAAA;;;;0BAvBVA;IACG,KAAK;IACN,KAAI;AAAA,IACJ,MAAK;AAAA,IACL,OAAM;AAAA,IACN,cAAW;AAAA,IACV,yCAAuC;IACvC,aAAW;IACX,cAAY;;yBAGX;;;8BADFC,0DACiB,aAAR;kCADTD;YAEG,KAAK,KAAK;AAAA,YACV;AAAA,YACA,WAAS;YACT,UAAQ;;;QAEA,iCAAXC,8BAAA,gCACK,qCAGQ,sBAAA,mBAAO,iCADpBA,8BAAA;;;;;;;;;"}

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var shared = require('@vue/shared');
 var util = require('../../../utils/util.js');
 
-exports.ExpandTrigger = void 0;
-(function(ExpandTrigger2) {
+var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
   ExpandTrigger2["HOVER"] = "hover";
-})(exports.ExpandTrigger || (exports.ExpandTrigger = {}));
+  return ExpandTrigger2;
+})(ExpandTrigger || {});
 let uid = 0;
 const calculatePathNodes = (node) => {
   const nodes = [node];
@@ -125,5 +125,6 @@ class Node {
   }
 }
 
+exports.ExpandTrigger = ExpandTrigger;
 exports["default"] = Node;
 //# sourceMappingURL=node.js.map

package/lib/components/cascader-panel/src/node.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.js","sources":["../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isUndefined, isEmpty } from '@element-plus/utils/util'\nimport type { VNode } from 'vue'\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: Node,\n  data: CascaderOption,\n}) => VNode | VNode[]\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport type Nullable<T> = null | T\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n  const nodes = [node]\n  let { parent } = node\n\n  while (parent) {\n    nodes.unshift(parent)\n    parent = parent.parent\n  }\n\n  return nodes\n}\n\nclass Node {\n  readonly uid: number = uid++\n  readonly level: number\n  readonly value: CascaderNodeValue\n  readonly label: string\n  readonly pathNodes: Node[]\n  readonly pathValues: CascaderNodePathValue\n  readonly pathLabels: string[]\n\n  childrenData: ChildrenData\n  children: Node[]\n  text: string\n  loaded: boolean\n  checked = false\n  indeterminate = false\n  loading = false\n\n  constructor(\n    readonly data: Nullable<CascaderOption>,\n    readonly config: CascaderConfig,\n    readonly parent?: Node,\n    readonly root = false\n  ) {\n    const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n    const childrenData = data[childrenKey] as ChildrenData\n    const pathNodes = calculatePathNodes(this)\n\n    this.level = root ? 0 : parent ? parent.level + 1 : 1\n    this.value = data[valueKey] as CascaderNodeValue\n    this.label = data[labelKey] as string\n    this.pathNodes = pathNodes\n    this.pathValues = pathNodes.map((node) => node.value)\n    this.pathLabels = pathNodes.map((node) => node.label)\n    this.childrenData = childrenData\n    this.children = (childrenData || []).map(\n      (child) => new Node(child, config, this)\n    )\n    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n  }\n\n  get isDisabled(): boolean {\n    const { data, parent, config } = this\n    const { disabled, checkStrictly } = config\n    const isDisabled = isFunction(disabled)\n      ? disabled(data, this)\n      : !!data[disabled]\n    return isDisabled || (!checkStrictly && parent?.isDisabled)\n  }\n\n  get isLeaf(): boolean {\n    const { data, config, childrenData, loaded } = this\n    const { lazy, leaf } = config\n    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n    return isUndefined(isLeaf)\n      ? lazy && !loaded\n        ? false\n        : !(Array.isArray(childrenData) && childrenData.length)\n      : !!isLeaf\n  }\n\n  get valueByOption() {\n    return this.config.emitPath ? this.pathValues : this.value\n  }\n\n  appendChild(childData: CascaderOption) {\n    const { childrenData, children } = this\n    const node = new Node(childData, this.config, this)\n\n    if (Array.isArray(childrenData)) {\n      childrenData.push(childData)\n    } else {\n      this.childrenData = [childData]\n    }\n\n    children.push(node)\n\n    return node\n  }\n\n  calcText(allLevels: boolean, separator: string) {\n    const text = allLevels ? this.pathLabels.join(separator) : this.label\n    this.text = text\n    return text\n  }\n\n  broadcast(event: string, ...args: unknown[]) {\n    const handlerName = `onParent${capitalize(event)}`\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(event, ...args)\n        child[handlerName] && child[handlerName](...args)\n      }\n    })\n  }\n\n  emit(event: string, ...args: unknown[]) {\n    const { parent } = this\n    const handlerName = `onChild${capitalize(event)}`\n    if (parent) {\n      parent[handlerName] && parent[handlerName](...args)\n      parent.emit(event, ...args)\n    }\n  }\n\n  onParentCheck(checked: boolean) {\n    if (!this.isDisabled) {\n      this.setCheckState(checked)\n    }\n  }\n\n  onChildCheck() {\n    const { children } = this\n    const validChildren = children.filter((child) => !child.isDisabled)\n    const checked = validChildren.length\n      ? validChildren.every((child) => child.checked)\n      : false\n\n    this.setCheckState(checked)\n  }\n\n  setCheckState(checked: boolean) {\n    const totalNum = this.children.length\n    const checkedNum = this.children.reduce((c, p) => {\n      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0\n      return c + num\n    }, 0)\n\n    this.checked =\n      this.loaded &&\n      this.children.every((child) => child.loaded && child.checked) &&\n      checked\n    this.indeterminate =\n      this.loaded && checkedNum !== totalNum && checkedNum > 0\n  }\n\n  doCheck(checked: boolean) {\n    if (this.checked === checked) return\n\n    const { checkStrictly, multiple } = this.config\n\n    if (checkStrictly || !multiple) {\n      this.checked = checked\n    } else {\n      // bottom up to unify the calculation of the indeterminate state\n      this.broadcast('check', checked)\n      this.setCheckState(checked)\n      this.emit('check')\n    }\n  }\n}\n\nexport default Node\n"],"names":["ExpandTrigger","isEmpty","isFunction","isUndefined","capitalize"],"mappings":"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"}
+{"version":3,"file":"node.js","sources":["../../../../../../packages/components/cascader-panel/src/node.ts"],"sourcesContent":["import { isFunction } from '@vue/shared'\nimport { capitalize, isUndefined, isEmpty } from '@element-plus/utils/util'\nimport type { VNode } from 'vue'\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\nexport type isDisabled = (data: CascaderOption, node: Node) => boolean\nexport type isLeaf = (data: CascaderOption, node: Node) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: Node, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: Node,\n  data: CascaderOption,\n}) => VNode | VNode[]\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport type Nullable<T> = null | T\n\ntype ChildrenData = CascaderOption[] | undefined\n\nlet uid = 0\n\nconst calculatePathNodes = (node: Node) => {\n  const nodes = [node]\n  let { parent } = node\n\n  while (parent) {\n    nodes.unshift(parent)\n    parent = parent.parent\n  }\n\n  return nodes\n}\n\nclass Node {\n  readonly uid: number = uid++\n  readonly level: number\n  readonly value: CascaderNodeValue\n  readonly label: string\n  readonly pathNodes: Node[]\n  readonly pathValues: CascaderNodePathValue\n  readonly pathLabels: string[]\n\n  childrenData: ChildrenData\n  children: Node[]\n  text: string\n  loaded: boolean\n  checked = false\n  indeterminate = false\n  loading = false\n\n  constructor(\n    readonly data: Nullable<CascaderOption>,\n    readonly config: CascaderConfig,\n    readonly parent?: Node,\n    readonly root = false\n  ) {\n    const { value: valueKey, label: labelKey, children: childrenKey } = config\n\n    const childrenData = data[childrenKey] as ChildrenData\n    const pathNodes = calculatePathNodes(this)\n\n    this.level = root ? 0 : parent ? parent.level + 1 : 1\n    this.value = data[valueKey] as CascaderNodeValue\n    this.label = data[labelKey] as string\n    this.pathNodes = pathNodes\n    this.pathValues = pathNodes.map((node) => node.value)\n    this.pathLabels = pathNodes.map((node) => node.label)\n    this.childrenData = childrenData\n    this.children = (childrenData || []).map(\n      (child) => new Node(child, config, this)\n    )\n    this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData)\n  }\n\n  get isDisabled(): boolean {\n    const { data, parent, config } = this\n    const { disabled, checkStrictly } = config\n    const isDisabled = isFunction(disabled)\n      ? disabled(data, this)\n      : !!data[disabled]\n    return isDisabled || (!checkStrictly && parent?.isDisabled)\n  }\n\n  get isLeaf(): boolean {\n    const { data, config, childrenData, loaded } = this\n    const { lazy, leaf } = config\n    const isLeaf = isFunction(leaf) ? leaf(data, this) : data[leaf]\n\n    return isUndefined(isLeaf)\n      ? lazy && !loaded\n        ? false\n        : !(Array.isArray(childrenData) && childrenData.length)\n      : !!isLeaf\n  }\n\n  get valueByOption() {\n    return this.config.emitPath ? this.pathValues : this.value\n  }\n\n  appendChild(childData: CascaderOption) {\n    const { childrenData, children } = this\n    const node = new Node(childData, this.config, this)\n\n    if (Array.isArray(childrenData)) {\n      childrenData.push(childData)\n    } else {\n      this.childrenData = [childData]\n    }\n\n    children.push(node)\n\n    return node\n  }\n\n  calcText(allLevels: boolean, separator: string) {\n    const text = allLevels ? this.pathLabels.join(separator) : this.label\n    this.text = text\n    return text\n  }\n\n  broadcast(event: string, ...args: unknown[]) {\n    const handlerName = `onParent${capitalize(event)}`\n    this.children.forEach((child) => {\n      if (child) {\n        // bottom up\n        child.broadcast(event, ...args)\n        child[handlerName] && child[handlerName](...args)\n      }\n    })\n  }\n\n  emit(event: string, ...args: unknown[]) {\n    const { parent } = this\n    const handlerName = `onChild${capitalize(event)}`\n    if (parent) {\n      parent[handlerName] && parent[handlerName](...args)\n      parent.emit(event, ...args)\n    }\n  }\n\n  onParentCheck(checked: boolean) {\n    if (!this.isDisabled) {\n      this.setCheckState(checked)\n    }\n  }\n\n  onChildCheck() {\n    const { children } = this\n    const validChildren = children.filter((child) => !child.isDisabled)\n    const checked = validChildren.length\n      ? validChildren.every((child) => child.checked)\n      : false\n\n    this.setCheckState(checked)\n  }\n\n  setCheckState(checked: boolean) {\n    const totalNum = this.children.length\n    const checkedNum = this.children.reduce((c, p) => {\n      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0\n      return c + num\n    }, 0)\n\n    this.checked =\n      this.loaded &&\n      this.children.every((child) => child.loaded && child.checked) &&\n      checked\n    this.indeterminate =\n      this.loaded && checkedNum !== totalNum && checkedNum > 0\n  }\n\n  doCheck(checked: boolean) {\n    if (this.checked === checked) return\n\n    const { checkStrictly, multiple } = this.config\n\n    if (checkStrictly || !multiple) {\n      this.checked = checked\n    } else {\n      // bottom up to unify the calculation of the indeterminate state\n      this.broadcast('check', checked)\n      this.setCheckState(checked)\n      this.emit('check')\n    }\n  }\n}\n\nexport default Node\n"],"names":["isEmpty","isFunction","isUndefined","capitalize"],"mappings":"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"}

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

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../checkbox/index.js');
+var index$1 = require('../../radio/index.js');
+var index$2 = require('../../icon/index.js');
+var icons = require('@element-plus/icons');
+var nodeContent = require('./node-content.js');
+var types = require('./types.js');
+
+var script = vue.defineComponent({
+  name: "ElCascaderNode",
+  components: {
+    ElCheckbox: index.ElCheckbox,
+    ElRadio: index$1.ElRadio,
+    NodeContent: nodeContent["default"],
+    ElIcon: index$2.ElIcon,
+    Check: icons.Check,
+    Loading: icons.Loading,
+    ArrowRight: icons.ArrowRight
+  },
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(props, { emit }) {
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
+    const multiple = vue.computed(() => panel.config.multiple);
+    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
+    const checkedNodeId = vue.computed(() => {
+      var _a;
+      return (_a = panel.checkedNodes[0]) == null ? void 0 : _a.uid;
+    });
+    const isDisabled = vue.computed(() => props.node.isDisabled);
+    const isLeaf = vue.computed(() => props.node.isLeaf);
+    const expandable = vue.computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
+    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = vue.computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+    const isInPath = (node) => {
+      var _a;
+      const { level, uid } = props.node;
+      return ((_a = node == null ? void 0 : node.pathNodes[level - 1]) == null ? void 0 : _a.uid) === uid;
+    };
+    const doExpand = () => {
+      if (inExpandingPath.value)
+        return;
+      panel.expandNode(props.node);
+    };
+    const doCheck = (checked) => {
+      const { node } = props;
+      if (checked === node.checked)
+        return;
+      panel.handleCheckChange(node, checked);
+    };
+    const doLoad = () => {
+      panel.lazyLoad(props.node, () => {
+        if (!isLeaf.value)
+          doExpand();
+      });
+    };
+    const handleHoverExpand = (e) => {
+      if (!isHoverMenu.value)
+        return;
+      handleExpand();
+      !isLeaf.value && emit("expand", e);
+    };
+    const handleExpand = () => {
+      const { node } = props;
+      if (!expandable.value || node.loading)
+        return;
+      node.loaded ? doExpand() : doLoad();
+    };
+    const handleClick = () => {
+      if (isHoverMenu.value && !isLeaf.value)
+        return;
+      if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else {
+        handleExpand();
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return {
+      panel,
+      isHoverMenu,
+      multiple,
+      checkStrictly,
+      checkedNodeId,
+      isDisabled,
+      isLeaf,
+      expandable,
+      inExpandingPath,
+      inCheckedPath,
+      handleHoverExpand,
+      handleExpand,
+      handleClick,
+      handleCheck
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=node.vue_vue_type_script_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? null : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      'el-cascader-node',\n      checkStrictly && 'is-selectable',\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n      node.checked && 'is-active',\n      !expandable && 'is-disabled',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleCheck\"\n      @click.stop\n    >\n      <!--\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      -->\n      <span></span>\n    </el-radio>\n    <el-icon\n      v-else-if=\"isLeaf && node.checked\"\n      class=\"el-cascader-node__prefix\"\n    >\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" class=\"is-loading el-cascader-node__postfix\">\n        <loading />\n      </el-icon>\n      <el-icon v-else class=\"arrow-right el-cascader-node__postfix\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { Check, Loading, ArrowRight } from '@element-plus/icons'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCascaderNode',\n\n  components: {\n    ElCheckbox,\n    ElRadio,\n    NodeContent,\n    ElIcon,\n    Check,\n    Loading,\n    ArrowRight,\n  },\n\n  props: {\n    node: {\n      type: Object as PropType<CascaderNode>,\n      required: true,\n    },\n    menuId: String,\n  },\n\n  emits: ['expand'],\n\n  setup(props, { emit }) {\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const isHoverMenu = computed(() => panel.isHoverMenu)\n    const multiple = computed(() => panel.config.multiple)\n    const checkStrictly = computed(() => panel.config.checkStrictly)\n    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\n    const isDisabled = computed(() => props.node.isDisabled)\n    const isLeaf = computed(() => props.node.isLeaf)\n    const expandable = computed(\n      () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n    )\n    const inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n    // only useful in check-strictly mode\n    const inCheckedPath = computed(\n      () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n    )\n\n    const isInPath = (node: CascaderNode) => {\n      const { level, uid } = props.node\n      return node?.pathNodes[level - 1]?.uid === uid\n    }\n\n    const doExpand = () => {\n      if (inExpandingPath.value) return\n      panel.expandNode(props.node)\n    }\n\n    const doCheck = (checked: boolean) => {\n      const { node } = props\n      if (checked === node.checked) return\n      panel.handleCheckChange(node, checked)\n    }\n\n    const doLoad = () => {\n      panel.lazyLoad(props.node, () => {\n        if (!isLeaf.value) doExpand()\n      })\n    }\n\n    const handleHoverExpand = (e: Event) => {\n      if (!isHoverMenu.value) return\n      handleExpand()\n      !isLeaf.value && emit('expand', e)\n    }\n\n    const handleExpand = () => {\n      const { node } = props\n      // do not exclude leaf node because the menus expanded might have to reset\n      if (!expandable.value || node.loading) return\n      node.loaded ? doExpand() : doLoad()\n    }\n\n    const handleClick = () => {\n      if (isHoverMenu.value && !isLeaf.value) return\n\n      if (\n        isLeaf.value &&\n        !isDisabled.value &&\n        !checkStrictly.value &&\n        !multiple.value\n      ) {\n        handleCheck(true)\n      } else {\n        handleExpand()\n      }\n    }\n\n    const handleCheck = (checked: boolean) => {\n      if (!props.node.loaded) {\n        doLoad()\n      } else {\n        doCheck(checked)\n        !checkStrictly.value && doExpand()\n      }\n    }\n\n    return {\n      panel,\n      isHoverMenu,\n      multiple,\n      checkStrictly,\n      checkedNodeId,\n      isDisabled,\n      isLeaf,\n      expandable,\n      inExpandingPath,\n      inCheckedPath,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCheckbox","ElRadio","NodeContent","ElIcon","Check","Loading","ArrowRight","inject","CASCADER_PANEL_INJECTION_KEY","computed"],"mappings":";;;;;;;;;;;;AA6EA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,gBACVC;AAAA,aACAC;AAAA,iBACAC;AAAA,YACAC;AAAA,WACAC;AAAA,aACAC;AAAA,gBACAC;AAAA;AAAA,EAGF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,QAAQ;AAAA;AAAA,EAGV,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,QAAQC,WAAOC;AAErB,UAAM,cAAcC,aAAS,MAAM,MAAM;AACzC,UAAM,WAAWA,aAAS,MAAM,MAAM,OAAO;AAC7C,UAAM,gBAAgBA,aAAS,MAAM,MAAM,OAAO;AAClD,UAAM,gBAAgBA,aAAS,MAAG;;AAAG,yBAAM,aAAa,OAAnB,mBAAuB;AAAA;AAC5D,UAAM,aAAaA,aAAS,MAAM,MAAM,KAAK;AAC7C,UAAM,SAASA,aAAS,MAAM,MAAM,KAAK;AACzC,UAAM,aAAaA,aACjB,MAAO,cAAc,SAAS,CAAC,OAAO,SAAU,CAAC,WAAW;AAE9D,UAAM,kBAAkBA,aAAS,MAAM,SAAS,MAAM;AAEtD,UAAM,gBAAgBA,aACpB,MAAM,cAAc,SAAS,MAAM,aAAa,KAAK;AAGvD,UAAM,WAAW,CAAC,SAAuB;;AACvC,YAAM,EAAE,OAAO,QAAQ,MAAM;AAC7B,aAAO,oCAAM,UAAU,QAAQ,OAAxB,mBAA4B,SAAQ;AAAA;AAG7C,UAAM,WAAW,MAAM;AACrB,UAAI,gBAAgB;AAAO;AAC3B,YAAM,WAAW,MAAM;AAAA;AAGzB,UAAM,UAAU,CAAC,YAAqB;AACpC,YAAM,EAAE,SAAS;AACjB,UAAI,YAAY,KAAK;AAAS;AAC9B,YAAM,kBAAkB,MAAM;AAAA;AAGhC,UAAM,SAAS,MAAM;AACnB,YAAM,SAAS,MAAM,MAAM,MAAM;AAC/B,YAAI,CAAC,OAAO;AAAO;AAAA;AAAA;AAIvB,UAAM,oBAAoB,CAAC,MAAa;AACtC,UAAI,CAAC,YAAY;AAAO;AACxB;AACA,OAAC,OAAO,SAAS,KAAK,UAAU;AAAA;AAGlC,UAAM,eAAe,MAAM;AACzB,YAAM,EAAE,SAAS;AAEjB,UAAI,CAAC,WAAW,SAAS,KAAK;AAAS;AACvC,WAAK,SAAS,aAAa;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,UAAI,YAAY,SAAS,CAAC,OAAO;AAAO;AAExC,UACE,OAAO,SACP,CAAC,WAAW,SACZ,CAAC,cAAc,SACf,CAAC,SAAS,OACV;AACA,oBAAY;AAAA,aACP;AACL;AAAA;AAAA;AAIJ,UAAM,cAAc,CAAC,YAAqB;AACxC,UAAI,CAAC,MAAM,KAAK,QAAQ;AACtB;AAAA,aACK;AACL,gBAAQ;AACR,SAAC,cAAc,SAAS;AAAA;AAAA;AAI5B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/cascader-panel/src/node.vue_vue_type_template_id_18b09cb2_lang.js

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("span", null, null, -1);
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+  const _component_el_radio = vue.resolveComponent("el-radio");
+  const _component_check = vue.resolveComponent("check");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_node_content = vue.resolveComponent("node-content");
+  const _component_loading = vue.resolveComponent("loading");
+  const _component_arrow_right = vue.resolveComponent("arrow-right");
+  return vue.openBlock(), vue.createElementBlock("li", {
+    id: `${_ctx.menuId}-${_ctx.node.uid}`,
+    role: "menuitem",
+    "aria-haspopup": !_ctx.isLeaf,
+    "aria-owns": _ctx.isLeaf ? null : _ctx.menuId,
+    "aria-expanded": _ctx.inExpandingPath,
+    tabindex: _ctx.expandable ? -1 : void 0,
+    class: vue.normalizeClass([
+      "el-cascader-node",
+      _ctx.checkStrictly && "is-selectable",
+      _ctx.inExpandingPath && "in-active-path",
+      _ctx.inCheckedPath && "in-checked-path",
+      _ctx.node.checked && "is-active",
+      !_ctx.expandable && "is-disabled"
+    ]),
+    onMouseenter: _cache[2] || (_cache[2] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
+    onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleHoverExpand && _ctx.handleHoverExpand(...args)),
+    onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    vue.createCommentVNode(" prefix "),
+    _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_el_checkbox, {
+      key: 0,
+      "model-value": _ctx.node.checked,
+      indeterminate: _ctx.node.indeterminate,
+      disabled: _ctx.isDisabled,
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+      }, ["stop"])),
+      "onUpdate:modelValue": _ctx.handleCheck
+    }, null, 8, ["model-value", "indeterminate", "disabled", "onUpdate:modelValue"])) : _ctx.checkStrictly ? (vue.openBlock(), vue.createBlock(_component_el_radio, {
+      key: 1,
+      "model-value": _ctx.checkedNodeId,
+      label: _ctx.node.uid,
+      disabled: _ctx.isDisabled,
+      "onUpdate:modelValue": _ctx.handleCheck,
+      onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+      }, ["stop"]))
+    }, {
+      default: vue.withCtx(() => [
+        vue.createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+        _hoisted_2
+      ]),
+      _: 1
+    }, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"])) : _ctx.isLeaf && _ctx.node.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+      key: 2,
+      class: "el-cascader-node__prefix"
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_check)
+      ]),
+      _: 1
+    })) : vue.createCommentVNode("v-if", true),
+    vue.createCommentVNode(" content "),
+    vue.createVNode(_component_node_content),
+    vue.createCommentVNode(" postfix "),
+    !_ctx.isLeaf ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+      _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+        key: 0,
+        class: "is-loading el-cascader-node__postfix"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_loading)
+        ]),
+        _: 1
+      })) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+        key: 1,
+        class: "arrow-right el-cascader-node__postfix"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_arrow_right)
+        ]),
+        _: 1
+      }))
+    ], 2112)) : vue.createCommentVNode("v-if", true)
+  ], 42, _hoisted_1);
+}
+
+exports.render = render;
+//# sourceMappingURL=node.vue_vue_type_template_id_18b09cb2_lang.js.map

package/lib/components/cascader-panel/src/node.vue_vue_type_template_id_18b09cb2_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.vue_vue_type_template_id_18b09cb2_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/node.vue?vue&type=template&id=18b09cb2&lang.js"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? null : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      'el-cascader-node',\n      checkStrictly && 'is-selectable',\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n      node.checked && 'is-active',\n      !expandable && 'is-disabled',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleCheck\"\n      @click.stop\n    >\n      <!--\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      -->\n      <span></span>\n    </el-radio>\n    <el-icon\n      v-else-if=\"isLeaf && node.checked\"\n      class=\"el-cascader-node__prefix\"\n    >\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" class=\"is-loading el-cascader-node__postfix\">\n        <loading />\n      </el-icon>\n      <el-icon v-else class=\"arrow-right el-cascader-node__postfix\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { Check, Loading, ArrowRight } from '@element-plus/icons'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascaderNode } from './node'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCascaderNode',\n\n  components: {\n    ElCheckbox,\n    ElRadio,\n    NodeContent,\n    ElIcon,\n    Check,\n    Loading,\n    ArrowRight,\n  },\n\n  props: {\n    node: {\n      type: Object as PropType<CascaderNode>,\n      required: true,\n    },\n    menuId: String,\n  },\n\n  emits: ['expand'],\n\n  setup(props, { emit }) {\n    const panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\n    const isHoverMenu = computed(() => panel.isHoverMenu)\n    const multiple = computed(() => panel.config.multiple)\n    const checkStrictly = computed(() => panel.config.checkStrictly)\n    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\n    const isDisabled = computed(() => props.node.isDisabled)\n    const isLeaf = computed(() => props.node.isLeaf)\n    const expandable = computed(\n      () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n    )\n    const inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n    // only useful in check-strictly mode\n    const inCheckedPath = computed(\n      () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n    )\n\n    const isInPath = (node: CascaderNode) => {\n      const { level, uid } = props.node\n      return node?.pathNodes[level - 1]?.uid === uid\n    }\n\n    const doExpand = () => {\n      if (inExpandingPath.value) return\n      panel.expandNode(props.node)\n    }\n\n    const doCheck = (checked: boolean) => {\n      const { node } = props\n      if (checked === node.checked) return\n      panel.handleCheckChange(node, checked)\n    }\n\n    const doLoad = () => {\n      panel.lazyLoad(props.node, () => {\n        if (!isLeaf.value) doExpand()\n      })\n    }\n\n    const handleHoverExpand = (e: Event) => {\n      if (!isHoverMenu.value) return\n      handleExpand()\n      !isLeaf.value && emit('expand', e)\n    }\n\n    const handleExpand = () => {\n      const { node } = props\n      // do not exclude leaf node because the menus expanded might have to reset\n      if (!expandable.value || node.loading) return\n      node.loaded ? doExpand() : doLoad()\n    }\n\n    const handleClick = () => {\n      if (isHoverMenu.value && !isLeaf.value) return\n\n      if (\n        isLeaf.value &&\n        !isDisabled.value &&\n        !checkStrictly.value &&\n        !multiple.value\n      ) {\n        handleCheck(true)\n      } else {\n        handleExpand()\n      }\n    }\n\n    const handleCheck = (checked: boolean) => {\n      if (!props.node.loaded) {\n        doLoad()\n      } else {\n        doCheck(checked)\n        !checkStrictly.value && doExpand()\n      }\n    }\n\n    return {\n      panel,\n      isHoverMenu,\n      multiple,\n      checkStrictly,\n      checkedNodeId,\n      isDisabled,\n      isLeaf,\n      expandable,\n      inExpandingPath,\n      inCheckedPath,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createCommentVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;;;0BACEA;IACG,OAAO,eAAU,UAAK;AAAA,IACvB,MAAK;AAAA,IACJ,kBAAgB;IAChB,aAAW,qBAAgB;IAC3B,iBAAe;IACf,UAAU,uBAAkB;AAAA,IAC5B;;;;;;;;IAQA,qDAAY;IACZ,gDAAO;IACP,gDAAO;;IAERC;IAEQ,kCADRC;;MAEG,eAAa,UAAK;AAAA,MAClB,eAAe,UAAK;AAAA,MACpB,UAAU;MACV,qDAAD;;MACC,uBAAoB;wFAGV,uCADbA;;MAEG,eAAa;MACb,OAAO,UAAK;AAAA,MACZ,UAAU;MACV,uBAAoB;MACpB,qDAAD;;;2BAEA;QAAAD;QAIA;AAAA;AAAA;0EAGW,eAAU,UAAK,4BAD5BC;;MAEE,OAAM;AAAA;2BAEN;QAAAC;;;;IAGFF;IACAE;IAEAF;KACiB,gCAAjBD;MACiB,UAAK,4BAApBE;;QAA6B,OAAM;AAAA;6BACjC;UAAAC;;;8BAEFD;;QAAgB,OAAM;AAAA;6BACpB;UAAAC;;;;;;;;;;"}

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var node_vue_vue_type_script_lang = require('./node.vue_vue&type=script&lang.js');
-var node_vue_vue_type_template_id_18b09cb2_lang = require('./node.vue_vue&type=template&id=18b09cb2&lang.js');
+var node_vue_vue_type_script_lang = require('./node.vue_vue_type_script_lang.js');
+var node_vue_vue_type_template_id_18b09cb2_lang = require('./node.vue_vue_type_template_id_18b09cb2_lang.js');
 
 node_vue_vue_type_script_lang["default"].render = node_vue_vue_type_template_id_18b09cb2_lang.render;
 node_vue_vue_type_script_lang["default"].__file = "packages/components/cascader-panel/src/node.vue";

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.ExpandTrigger = void 0;
-(function(ExpandTrigger2) {
+var ExpandTrigger = /* @__PURE__ */ ((ExpandTrigger2) => {
   ExpandTrigger2["CLICK"] = "click";
   ExpandTrigger2["HOVER"] = "hover";
-})(exports.ExpandTrigger || (exports.ExpandTrigger = {}));
+  return ExpandTrigger2;
+})(ExpandTrigger || {});
 const CASCADER_PANEL_INJECTION_KEY = Symbol();
 
 exports.CASCADER_PANEL_INJECTION_KEY = CASCADER_PANEL_INJECTION_KEY;
+exports.ExpandTrigger = ExpandTrigger;
 //# sourceMappingURL=types.js.map

package/lib/components/cascader-panel/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { VNode, InjectionKey } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode }\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: CascaderNode, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: CascaderNode,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: Nullable<CascaderNode>\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  renderLabelFn: RenderLabel\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"names":["ExpandTrigger"],"mappings":";;;;AAsBYA;AAAL,UAAK,gBAAL;AACL,4BAAQ;AACR,4BAAQ;AAAA,GAFEA;MAsDC,+BACX;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { VNode, InjectionKey } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode }\n\nexport type CascaderNodeValue = string | number\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (node: CascaderNode, resolve: Resolve) => void\nexport type RenderLabel = ({\n  node: CascaderNode,\n  data: CascaderOption,\n}) => VNode | VNode[]\n\nexport enum ExpandTrigger {\n  CLICK = 'click',\n  HOVER = 'hover',\n}\n\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: Nullable<CascaderNode>\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  renderLabelFn: RenderLabel\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"names":[],"mappings":";;;;IAsBY,kCAAA,mBAAL;AACL,4BAAQ;AACR,4BAAQ;AAFE;AAAA;MAsDC,+BACX;;;;;"}

package/lib/components/check-tag/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
 require('./src/index.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');
 
 const ElCheckTag = withInstall.withInstall(index_vue_vue_type_script_lang["default"]);
 

package/lib/components/check-tag/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_58558910_lang = require('./index.vue_vue&type=template&id=58558910&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
+var index_vue_vue_type_template_id_58558910_lang = require('./index.vue_vue_type_template_id_58558910_lang.js');
 
 index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_58558910_lang.render;
 index_vue_vue_type_script_lang["default"].__file = "packages/components/check-tag/src/index.vue";

package/lib/components/check-tag/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const checkTagProps = {
+  checked: {
+    type: Boolean,
+    default: false
+  }
+};
+var script = vue.defineComponent({
+  name: "ElCheckTag",
+  props: checkTagProps,
+  emits: ["change", "update:checked"],
+  setup(props, { emit }) {
+    const onChange = () => {
+      const checked = !props.checked;
+      emit("change", checked);
+      emit("update:checked", checked);
+    };
+    return {
+      onChange
+    };
+  }
+});
+
+exports.checkTagProps = checkTagProps;
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map