@element-plus/nightly 0.0.20260101 → 0.0.20260103

package/lib/components/calendar/src/select-controller.js

@@ -2,108 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var dayjs = require('dayjs');
-var index$2 = require('../../select/index.js');
-var index$3 = require('../../button/index.js');
-var selectController = require('./select-controller2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var index$1 = require('../../../hooks/use-locale/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 var shared = require('@vue/shared');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "SelectController"
+const selectControllerProps = runtime.buildProps({
+  date: {
+    type: runtime.definePropType(Object),
+    required: true
   },
-  __name: "select-controller",
-  props: selectController.selectControllerProps,
-  emits: selectController.selectControllerEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const nsSelect = index.useNamespace("calendar-select");
-    const { t, lang } = index$1.useLocale();
-    const monthOptions = Array.from({ length: 12 }, (_, index) => {
-      const actualMonth = index + 1;
-      const label = shared.isFunction(props.formatter) ? props.formatter(actualMonth, "month") : actualMonth;
-      return {
-        value: actualMonth,
-        label
-      };
-    });
-    const yearValue = vue.computed(() => props.date.year());
-    const monthValue = vue.computed(() => props.date.month() + 1);
-    const yearOptions = vue.computed(() => {
-      const years = [];
-      for (let i = -10; i < 10; i++) {
-        const year = yearValue.value + i;
-        if (year > 0) {
-          const label = shared.isFunction(props.formatter) ? props.formatter(year, "year") : year;
-          years.push({ value: year, label });
-        }
-      }
-      return years;
-    });
-    const handleYearChange = (year) => {
-      emit(
-        "date-change",
-        dayjs__default["default"](new Date(year, monthValue.value - 1, 1)).locale(lang.value)
-      );
-    };
-    const handleMonthChange = (month) => {
-      emit(
-        "date-change",
-        dayjs__default["default"](new Date(yearValue.value, month - 1, 1)).locale(lang.value)
-      );
-    };
-    const selectToday = () => {
-      emit("date-change", "today");
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        [
-          vue.createVNode(vue.unref(index$2.ElSelect), {
-            "model-value": yearValue.value,
-            size: "small",
-            class: vue.normalizeClass(vue.unref(nsSelect).e("year")),
-            "validate-event": false,
-            options: yearOptions.value,
-            onChange: handleYearChange
-          }, null, 8, ["model-value", "class", "options"]),
-          vue.createVNode(vue.unref(index$2.ElSelect), {
-            "model-value": monthValue.value,
-            size: "small",
-            class: vue.normalizeClass(vue.unref(nsSelect).e("month")),
-            "validate-event": false,
-            options: vue.unref(monthOptions),
-            onChange: handleMonthChange
-          }, null, 8, ["model-value", "class", "options"]),
-          vue.createVNode(vue.unref(index$3.ElButton), {
-            size: "small",
-            onClick: selectToday
-          }, {
-            default: vue.withCtx(() => [
-              vue.createTextVNode(
-                vue.toDisplayString(vue.unref(t)("el.datepicker.today")),
-                1
-              )
-            ]),
-            _: 1
-          })
-        ],
-        64
-      );
-    };
+  formatter: {
+    type: runtime.definePropType(Function)
   }
 });
-var SelectController = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/calendar/src/select-controller.vue"]]);
+const selectControllerEmits = {
+  "date-change": (date) => shared.isObject(date) || shared.isString(date)
+};
 
-exports["default"] = SelectController;
+exports.selectControllerEmits = selectControllerEmits;
+exports.selectControllerProps = selectControllerProps;
 //# sourceMappingURL=select-controller.js.map

package/lib/components/calendar/src/select-controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-controller.js","sources":["../../../../../../packages/components/calendar/src/select-controller.vue"],"sourcesContent":["<template>\n  <el-select\n    :model-value=\"yearValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('year')\"\n    :validate-event=\"false\"\n    :options=\"yearOptions\"\n    @change=\"handleYearChange\"\n  />\n  <el-select\n    :model-value=\"monthValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('month')\"\n    :validate-event=\"false\"\n    :options=\"monthOptions\"\n    @change=\"handleMonthChange\"\n  />\n  <el-button size=\"small\" @click=\"selectToday\">\n    {{ t('el.datepicker.today') }}\n  </el-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElSelect from '@element-plus/components/select'\nimport { ElButton } from '@element-plus/components/button'\nimport { isFunction } from '@element-plus/utils'\nimport {\n  selectControllerEmits,\n  selectControllerProps,\n} from './select-controller'\n\ndefineOptions({\n  name: 'SelectController',\n})\n\nconst props = defineProps(selectControllerProps)\nconst emit = defineEmits(selectControllerEmits)\n\nconst nsSelect = useNamespace('calendar-select')\nconst { t, lang } = useLocale()\n\nconst monthOptions = Array.from({ length: 12 }, (_, index) => {\n  const actualMonth = index + 1\n  const label = isFunction(props.formatter)\n    ? props.formatter(actualMonth, 'month')\n    : actualMonth\n  return {\n    value: actualMonth,\n    label,\n  }\n})\n\nconst yearValue = computed(() => props.date.year())\nconst monthValue = computed(() => props.date.month() + 1)\n// Get an array of 20 years\nconst yearOptions = computed(() => {\n  const years = []\n  for (let i = -10; i < 10; i++) {\n    const year = yearValue.value + i\n    if (year > 0) {\n      const label = isFunction(props.formatter)\n        ? props.formatter(year, 'year')\n        : year\n      years.push({ value: year, label })\n    }\n  }\n  return years\n})\n\nconst handleYearChange = (year: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(year, monthValue.value - 1, 1)).locale(lang.value)\n  )\n}\n\nconst handleMonthChange = (month: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(yearValue.value, month - 1, 1)).locale(lang.value)\n  )\n}\n\nconst selectToday = () => {\n  emit('date-change', 'today')\n}\n</script>\n"],"names":["useNamespace","useLocale","isFunction","computed","dayjs","_createVNode","_unref","ElSelect","_normalizeClass","ElButton","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"select-controller.js","sources":["../../../../../../packages/components/calendar/src/select-controller.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isObject,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const selectControllerProps = buildProps({\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\nexport type SelectControllerProps = ExtractPropTypes<\n  typeof selectControllerProps\n>\nexport type SelectControllerPropsPublic = ExtractPublicPropTypes<\n  typeof selectControllerProps\n>\n\nexport const selectControllerEmits = {\n  'date-change': (date: Dayjs | 'today') => isObject(date) || isString(date),\n}\nexport type SelectControllerEmits = typeof selectControllerEmits\n"],"names":["buildProps","definePropType","isObject","isString"],"mappings":";;;;;;;AAUO,MAAM,wBAAwBA,kBAAW,CAAA;AAAA,EAC9C,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAsB,MAAM,CAAA;AAAA,IAClC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAEJ,QAAQ,CAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAQH,MAAM,qBAAwB,GAAA;AAAA,EACnC,eAAe,CAAC,IAAA,KAA0BC,gBAAS,IAAI,CAAA,IAAKC,gBAAS,IAAI,CAAA;AAC3E;;;;;"}

package/lib/components/calendar/src/select-controller2.js

@@ -2,22 +2,108 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var dayjs = require('dayjs');
+var index$2 = require('../../select/index.js');
+var index$3 = require('../../button/index.js');
+var selectController = require('./select-controller.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
 var shared = require('@vue/shared');
 
-const selectControllerProps = runtime.buildProps({
-  date: {
-    type: runtime.definePropType(Object),
-    required: true
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
+
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "SelectController"
   },
-  formatter: {
-    type: runtime.definePropType(Function)
+  __name: "select-controller",
+  props: selectController.selectControllerProps,
+  emits: selectController.selectControllerEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nsSelect = index.useNamespace("calendar-select");
+    const { t, lang } = index$1.useLocale();
+    const monthOptions = Array.from({ length: 12 }, (_, index) => {
+      const actualMonth = index + 1;
+      const label = shared.isFunction(props.formatter) ? props.formatter(actualMonth, "month") : actualMonth;
+      return {
+        value: actualMonth,
+        label
+      };
+    });
+    const yearValue = vue.computed(() => props.date.year());
+    const monthValue = vue.computed(() => props.date.month() + 1);
+    const yearOptions = vue.computed(() => {
+      const years = [];
+      for (let i = -10; i < 10; i++) {
+        const year = yearValue.value + i;
+        if (year > 0) {
+          const label = shared.isFunction(props.formatter) ? props.formatter(year, "year") : year;
+          years.push({ value: year, label });
+        }
+      }
+      return years;
+    });
+    const handleYearChange = (year) => {
+      emit(
+        "date-change",
+        dayjs__default["default"](new Date(year, monthValue.value - 1, 1)).locale(lang.value)
+      );
+    };
+    const handleMonthChange = (month) => {
+      emit(
+        "date-change",
+        dayjs__default["default"](new Date(yearValue.value, month - 1, 1)).locale(lang.value)
+      );
+    };
+    const selectToday = () => {
+      emit("date-change", "today");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          vue.createVNode(vue.unref(index$2.ElSelect), {
+            "model-value": yearValue.value,
+            size: "small",
+            class: vue.normalizeClass(vue.unref(nsSelect).e("year")),
+            "validate-event": false,
+            options: yearOptions.value,
+            onChange: handleYearChange
+          }, null, 8, ["model-value", "class", "options"]),
+          vue.createVNode(vue.unref(index$2.ElSelect), {
+            "model-value": monthValue.value,
+            size: "small",
+            class: vue.normalizeClass(vue.unref(nsSelect).e("month")),
+            "validate-event": false,
+            options: vue.unref(monthOptions),
+            onChange: handleMonthChange
+          }, null, 8, ["model-value", "class", "options"]),
+          vue.createVNode(vue.unref(index$3.ElButton), {
+            size: "small",
+            onClick: selectToday
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(
+                vue.toDisplayString(vue.unref(t)("el.datepicker.today")),
+                1
+              )
+            ]),
+            _: 1
+          })
+        ],
+        64
+      );
+    };
   }
 });
-const selectControllerEmits = {
-  "date-change": (date) => shared.isObject(date) || shared.isString(date)
-};
+var SelectController = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/calendar/src/select-controller.vue"]]);
 
-exports.selectControllerEmits = selectControllerEmits;
-exports.selectControllerProps = selectControllerProps;
+exports["default"] = SelectController;
 //# sourceMappingURL=select-controller2.js.map

package/lib/components/calendar/src/select-controller2.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-controller2.js","sources":["../../../../../../packages/components/calendar/src/select-controller.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isObject,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const selectControllerProps = buildProps({\n  date: {\n    type: definePropType<Dayjs>(Object),\n    required: true,\n  },\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\nexport type SelectControllerProps = ExtractPropTypes<\n  typeof selectControllerProps\n>\nexport type SelectControllerPropsPublic = ExtractPublicPropTypes<\n  typeof selectControllerProps\n>\n\nexport const selectControllerEmits = {\n  'date-change': (date: Dayjs | 'today') => isObject(date) || isString(date),\n}\nexport type SelectControllerEmits = typeof selectControllerEmits\n"],"names":["buildProps","definePropType","isObject","isString"],"mappings":";;;;;;;AAUO,MAAM,wBAAwBA,kBAAW,CAAA;AAAA,EAC9C,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAsB,MAAM,CAAA;AAAA,IAClC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAA,EAAMA,uBAEJ,QAAQ,CAAA;AAAA,GACZ;AACF,CAAU,EAAA;AAQH,MAAM,qBAAwB,GAAA;AAAA,EACnC,eAAe,CAAC,IAAA,KAA0BC,gBAAS,IAAI,CAAA,IAAKC,gBAAS,IAAI,CAAA;AAC3E;;;;;"}
+{"version":3,"file":"select-controller2.js","sources":["../../../../../../packages/components/calendar/src/select-controller.vue"],"sourcesContent":["<template>\n  <el-select\n    :model-value=\"yearValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('year')\"\n    :validate-event=\"false\"\n    :options=\"yearOptions\"\n    @change=\"handleYearChange\"\n  />\n  <el-select\n    :model-value=\"monthValue\"\n    size=\"small\"\n    :class=\"nsSelect.e('month')\"\n    :validate-event=\"false\"\n    :options=\"monthOptions\"\n    @change=\"handleMonthChange\"\n  />\n  <el-button size=\"small\" @click=\"selectToday\">\n    {{ t('el.datepicker.today') }}\n  </el-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElSelect from '@element-plus/components/select'\nimport { ElButton } from '@element-plus/components/button'\nimport { isFunction } from '@element-plus/utils'\nimport {\n  selectControllerEmits,\n  selectControllerProps,\n} from './select-controller'\n\ndefineOptions({\n  name: 'SelectController',\n})\n\nconst props = defineProps(selectControllerProps)\nconst emit = defineEmits(selectControllerEmits)\n\nconst nsSelect = useNamespace('calendar-select')\nconst { t, lang } = useLocale()\n\nconst monthOptions = Array.from({ length: 12 }, (_, index) => {\n  const actualMonth = index + 1\n  const label = isFunction(props.formatter)\n    ? props.formatter(actualMonth, 'month')\n    : actualMonth\n  return {\n    value: actualMonth,\n    label,\n  }\n})\n\nconst yearValue = computed(() => props.date.year())\nconst monthValue = computed(() => props.date.month() + 1)\n// Get an array of 20 years\nconst yearOptions = computed(() => {\n  const years = []\n  for (let i = -10; i < 10; i++) {\n    const year = yearValue.value + i\n    if (year > 0) {\n      const label = isFunction(props.formatter)\n        ? props.formatter(year, 'year')\n        : year\n      years.push({ value: year, label })\n    }\n  }\n  return years\n})\n\nconst handleYearChange = (year: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(year, monthValue.value - 1, 1)).locale(lang.value)\n  )\n}\n\nconst handleMonthChange = (month: number) => {\n  emit(\n    'date-change',\n    dayjs(new Date(yearValue.value, month - 1, 1)).locale(lang.value)\n  )\n}\n\nconst selectToday = () => {\n  emit('date-change', 'today')\n}\n</script>\n"],"names":["useNamespace","useLocale","isFunction","computed","dayjs","_createVNode","_unref","ElSelect","_normalizeClass","ElButton","_createTextVNode"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ var vue = require('vue');
 var lodashUnified = require('lodash-unified');
 var menu = require('./menu.js');
 var store = require('./store.js');
-var node = require('./node.js');
+var node = require('./node2.js');
 var config = require('./config.js');
 var utils = require('./utils.js');
 var types = require('./types.js');

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

@@ -6,7 +6,7 @@ var vue = require('vue');
 var index$3 = require('../../scrollbar/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 var index$4 = require('../../icon/index.js');
-var node = require('./node2.js');
+var node = require('./node.js');
 var types = require('./types.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');

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

@@ -2,126 +2,202 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var types = require('../../../utils/types.js');
-var shared = require('@vue/shared');
+var vue = require('vue');
+var index$1 = require('../../checkbox/index.js');
+var index$2 = require('../../radio/index.js');
+var index$3 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var nodeContent = require('./node-content.js');
+var types = require('./types.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-let uid = 0;
-const calculatePathNodes = (node) => {
-  const nodes = [node];
-  let { parent } = node;
-  while (parent) {
-    nodes.unshift(parent);
-    parent = parent.parent;
-  }
-  return nodes;
-};
-class Node {
-  constructor(data, config, parent, root = false) {
-    this.data = data;
-    this.config = config;
-    this.parent = parent;
-    this.root = root;
-    this.uid = uid++;
-    this.checked = false;
-    this.indeterminate = false;
-    this.loading = false;
-    const { value: valueKey, label: labelKey, children: childrenKey } = config;
-    const childrenData = data[childrenKey];
-    const pathNodes = calculatePathNodes(this);
-    this.level = root ? 0 : parent ? parent.level + 1 : 1;
-    this.value = data[valueKey];
-    this.label = data[labelKey];
-    this.pathNodes = pathNodes;
-    this.pathValues = pathNodes.map((node) => node.value);
-    this.pathLabels = pathNodes.map((node) => node.label);
-    this.childrenData = childrenData;
-    this.children = (childrenData || []).map(
-      (child) => new Node(child, config, this)
+const _hoisted_1 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElCascaderNode"
+  },
+  __name: "node",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
+    const ns = index.useNamespace("cascader-node");
+    const isHoverMenu = vue.computed(() => panel.isHoverMenu);
+    const multiple = vue.computed(() => panel.config.multiple);
+    const checkStrictly = vue.computed(() => panel.config.checkStrictly);
+    const showPrefix = vue.computed(() => panel.config.showPrefix);
+    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
     );
-    this.loaded = !config.lazy || this.isLeaf || !types.isEmpty(childrenData);
-    this.text = "";
-  }
-  get isDisabled() {
-    const { data, parent, config } = this;
-    const { disabled, checkStrictly } = config;
-    const isDisabled = shared.isFunction(disabled) ? disabled(data, this) : !!data[disabled];
-    return isDisabled || !checkStrictly && !!(parent == null ? void 0 : parent.isDisabled);
-  }
-  get isLeaf() {
-    const { data, config, childrenData, loaded } = this;
-    const { lazy, leaf } = config;
-    const isLeaf = shared.isFunction(leaf) ? leaf(data, this) : data[leaf];
-    return types.isUndefined(isLeaf) ? lazy && !loaded ? false : !(shared.isArray(childrenData) && childrenData.length) : !!isLeaf;
-  }
-  get valueByOption() {
-    return this.config.emitPath ? this.pathValues : this.value;
-  }
-  appendChild(childData) {
-    const { childrenData, children } = this;
-    const node = new Node(childData, this.config, this);
-    if (shared.isArray(childrenData)) {
-      childrenData.push(childData);
-    } else {
-      this.childrenData = [childData];
-    }
-    children.push(node);
-    return node;
-  }
-  calcText(allLevels, separator) {
-    const text = allLevels ? this.pathLabels.join(separator) : this.label;
-    this.text = text;
-    return text;
-  }
-  broadcast(checked) {
-    this.children.forEach((child) => {
+    const inExpandingPath = vue.computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = vue.computed(
+      () => checkStrictly.value && panel.checkedNodes.some(isInPath)
+    );
+    const isInPath = (node) => {
       var _a;
-      if (child) {
-        child.broadcast(checked);
-        (_a = child.onParentCheck) == null ? void 0 : _a.call(child, checked);
+      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 (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else if ((panel.config.checkOnClickNode && (multiple.value || checkStrictly.value) || isLeaf.value && panel.config.checkOnClickLeaf) && !isDisabled.value) {
+        handleSelectCheck(!props.node.checked);
+      } else if (!isHoverMenu.value) {
+        handleExpand();
       }
-    });
-  }
-  emit() {
-    var _a;
-    const { parent } = this;
-    if (parent) {
-      (_a = parent.onChildCheck) == null ? void 0 : _a.call(parent);
-      parent.emit();
-    }
-  }
-  onParentCheck(checked) {
-    if (!this.isDisabled) {
-      this.setCheckState(checked);
-    }
-  }
-  onChildCheck() {
-    const { children } = this;
-    const validChildren = children.filter((child) => !child.isDisabled);
-    const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
-    this.setCheckState(checked);
-  }
-  setCheckState(checked) {
-    const totalNum = this.children.length;
-    const checkedNum = this.children.reduce((c, p) => {
-      const num = p.checked ? 1 : p.indeterminate ? 0.5 : 0;
-      return c + num;
-    }, 0);
-    this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
-    this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
-  }
-  doCheck(checked) {
-    if (this.checked === checked)
-      return;
-    const { checkStrictly, multiple } = this.config;
-    if (checkStrictly || !multiple) {
-      this.checked = checked;
-    } else {
-      this.broadcast(checked);
-      this.setCheckState(checked);
-      this.emit();
-    }
+    };
+    const handleSelectCheck = (checked) => {
+      if (checkStrictly.value) {
+        doCheck(checked);
+        if (props.node.loaded) {
+          doExpand();
+        }
+      } else {
+        handleCheck(checked);
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("li", {
+        id: `${__props.menuId}-${__props.node.uid}`,
+        role: "menuitem",
+        "aria-haspopup": !isLeaf.value,
+        "aria-owns": isLeaf.value ? void 0 : __props.menuId,
+        "aria-expanded": inExpandingPath.value,
+        tabindex: expandable.value ? -1 : void 0,
+        class: vue.normalizeClass([
+          vue.unref(ns).b(),
+          vue.unref(ns).is("selectable", checkStrictly.value),
+          vue.unref(ns).is("active", __props.node.checked),
+          vue.unref(ns).is("disabled", !expandable.value),
+          inExpandingPath.value && "in-active-path",
+          inCheckedPath.value && "in-checked-path"
+        ]),
+        onMouseenter: handleHoverExpand,
+        onFocus: handleHoverExpand,
+        onClick: handleClick
+      }, [
+        vue.createCommentVNode(" prefix "),
+        multiple.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElCheckbox), {
+          key: 0,
+          "model-value": __props.node.checked,
+          indeterminate: __props.node.indeterminate,
+          disabled: isDisabled.value,
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+          }, ["stop"])),
+          "onUpdate:modelValue": handleSelectCheck
+        }, null, 8, ["model-value", "indeterminate", "disabled"])) : checkStrictly.value && showPrefix.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElRadio), {
+          key: 1,
+          "model-value": checkedNodeId.value,
+          label: __props.node.uid,
+          disabled: isDisabled.value,
+          "onUpdate:modelValue": handleSelectCheck,
+          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      "),
+            _cache[2] || (_cache[2] = vue.createElementVNode(
+              "span",
+              null,
+              null,
+              -1
+            ))
+          ]),
+          _: 1
+        }, 8, ["model-value", "label", "disabled"])) : isLeaf.value && __props.node.checked ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+          key: 2,
+          class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(iconsVue.Check))
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" content "),
+        vue.createVNode(vue.unref(nodeContent["default"]), { node: __props.node }, null, 8, ["node"]),
+        vue.createCommentVNode(" postfix "),
+        !isLeaf.value ? (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 3 },
+          [
+            __props.node.loading ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).is("loading"), vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Loading))
+              ]),
+              _: 1
+            }, 8, ["class"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElIcon), {
+              key: 1,
+              class: vue.normalizeClass(["arrow-right", vue.unref(ns).e("postfix")])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.ArrowRight))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ],
+          64
+        )) : vue.createCommentVNode("v-if", true)
+      ], 42, _hoisted_1);
+    };
   }
-}
+});
+var ElCascaderNode = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/node.vue"]]);
 
-exports["default"] = Node;
+exports["default"] = ElCascaderNode;
 //# sourceMappingURL=node.js.map