@element-plus/nightly 0.0.20250622 → 0.0.20250624

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

@@ -1,14 +1,19 @@
 import Node from './node';
-import type { PropType } from 'vue';
-import type { CascaderNodeValue, CascaderOption, CascaderValue, RenderLabel } from './node';
-declare const _default: import("vue").DefineComponent<{
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
+import type { CascaderNodeValue, CascaderOption, CascaderValue } from './node';
+import type { CascaderMenuInstance } from './instance';
+declare function __VLS_template(): {
+    empty?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
+    border: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    renderLabel: {
+        readonly type: import("vue").PropType<import("./node").RenderLabel>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    renderLabel: PropType<RenderLabel>;
     modelValue: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue) | ((new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue) | ((new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -16,25 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]) | ((new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]))[], unknown, unknown, () => CascaderOption[], boolean>;
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./node").CascaderProps) | (() => import("./node").CascaderProps) | ((new (...args: any[]) => import("./node").CascaderProps) | (() => import("./node").CascaderProps))[], unknown, unknown, () => import("./node").CascaderProps, boolean>;
 }, {
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string) => string;
-        m: (modifier?: string) => string;
-        be: (blockSuffix?: string, element?: string) => string;
-        em: (element?: string, modifier?: string) => string;
-        bm: (blockSuffix?: string, modifier?: string) => string;
-        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    menuList: import("vue").Ref<any[]>;
+    menuList: import("vue").Ref<CascaderMenuInstance[]>;
     menus: import("vue").Ref<{
         readonly uid: number;
         readonly level: number;
@@ -64,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
             children?: any[] | undefined;
             disabled?: boolean | undefined;
             leaf?: boolean | undefined;
-        } | null;
+        };
         readonly config: {
             expandTrigger: import("./node").ExpandTrigger;
             multiple: boolean;
@@ -86,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly valueByOption: CascaderNodeValue | CascaderNodeValue[];
         appendChild: (childData: CascaderOption) => Node;
         calcText: (allLevels: boolean, separator: string) => string;
-        broadcast: (event: string, ...args: unknown[]) => void;
-        emit: (event: string, ...args: unknown[]) => void;
+        broadcast: (checked: boolean) => void;
+        emit: () => void;
         onParentCheck: (checked: boolean) => void;
         onChildCheck: () => void;
         setCheckState: (checked: boolean) => void;
@@ -122,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
             children?: any[] | undefined;
             disabled?: boolean | undefined;
             leaf?: boolean | undefined;
-        } | null;
+        };
         readonly config: {
             expandTrigger: import("./node").ExpandTrigger;
             multiple: boolean;
@@ -144,8 +131,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly valueByOption: CascaderNodeValue | CascaderNodeValue[];
         appendChild: (childData: CascaderOption) => Node;
         calcText: (allLevels: boolean, separator: string) => string;
-        broadcast: (event: string, ...args: unknown[]) => void;
-        emit: (event: string, ...args: unknown[]) => void;
+        broadcast: (checked: boolean) => void;
+        emit: () => void;
         onParentCheck: (checked: boolean) => void;
         onChildCheck: () => void;
         setCheckState: (checked: boolean) => void;
@@ -153,25 +140,32 @@ declare const _default: import("vue").DefineComponent<{
     }[]>;
     handleKeyDown: (e: KeyboardEvent) => void;
     handleCheckChange: (node: Node, checked: boolean, emitClose?: boolean) => void;
-    getFlattedNodes: (leafOnly: boolean) => Node[] | undefined;
+    getFlattedNodes: (leafOnly: boolean) => Node[];
     /**
      * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
      */
-    getCheckedNodes: (leafOnly: boolean) => Node[] | undefined;
+    getCheckedNodes: (leafOnly: boolean) => Node[];
     /**
      * @description clear checked nodes
      */
     clearCheckedNodes: () => void;
     calculateCheckedValue: () => void;
     scrollToExpandingNode: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "expand-change")[], "update:modelValue" | "change" | "close" | "expand-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: CascaderValue | undefined) => void;
+    change: (value: CascaderValue | undefined) => void;
+    close: () => void;
+    "expand-change": (value: import("./node").CascaderNodePathValue) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    border: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    renderLabel: {
+        readonly type: import("vue").PropType<import("./node").RenderLabel>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
-    renderLabel: PropType<RenderLabel>;
     modelValue: {
-        readonly type: PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue) | ((new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue) | ((new (...args: any[]) => string | number | import("./node").CascaderNodePathValue | (CascaderNodeValue | import("./node").CascaderNodePathValue)[]) | (() => CascaderValue))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -179,13 +173,19 @@ declare const _default: import("vue").DefineComponent<{
     options: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]) | ((new (...args: any[]) => CascaderOption[]) | (() => CascaderOption[]))[], unknown, unknown, () => CascaderOption[], boolean>;
     props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("./node").CascaderProps) | (() => import("./node").CascaderProps) | ((new (...args: any[]) => import("./node").CascaderProps) | (() => import("./node").CascaderProps))[], unknown, unknown, () => import("./node").CascaderProps, boolean>;
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: CascaderValue | undefined) => any) | undefined;
+    onChange?: ((value: CascaderValue | undefined) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onExpand-change"?: ((value: import("./node").CascaderNodePathValue) => any) | undefined;
 }, {
-    border: boolean;
+    border: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     props: import("./node").CascaderProps;
     options: CascaderOption[];
 }>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/cascader-panel/src/instance.d.ts

@@ -1,2 +1,4 @@
 import type CascaderPanel from './index.vue';
+import type Menu from './menu.vue';
+export type CascaderMenuInstance = InstanceType<typeof Menu> & unknown;
 export type CascaderPanelInstance = InstanceType<typeof CascaderPanel> & unknown;

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

@@ -3,24 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var index$1 = require('../../scrollbar/index.js');
+var index$3 = require('../../scrollbar/index.js');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../icon/index.js');
+var index$4 = require('../../icon/index.js');
 var node = require('./node2.js');
 var types = require('./types.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
-var index$3 = require('../../../hooks/use-locale/index.js');
-var index$4 = require('../../../hooks/use-id/index.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var index$1 = require('../../../hooks/use-locale/index.js');
+var index$2 = require('../../../hooks/use-id/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElCascaderMenu",
-  components: {
-    Loading: iconsVue.Loading,
-    ElIcon: index.ElIcon,
-    ElScrollbar: index$1.ElScrollbar,
-    ElCascaderNode: node["default"]
-  },
+const __default__ = vue.defineComponent({
+  name: "ElCascaderMenu"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: {
     nodes: {
       type: Array,
@@ -31,15 +28,16 @@ const _sfc_main = vue.defineComponent({
       required: true
     }
   },
-  setup(props) {
+  setup(__props) {
+    const props = __props;
     const instance = vue.getCurrentInstance();
-    const ns = index$2.useNamespace("cascader-menu");
-    const { t } = index$3.useLocale();
-    const id = index$4.useId();
-    let activeNode = null;
-    let hoverTimer = null;
+    const ns = index.useNamespace("cascader-menu");
+    const { t } = index$1.useLocale();
+    const id = index$2.useId();
+    let activeNode;
+    let hoverTimer;
     const panel = vue.inject(types.CASCADER_PANEL_INJECTION_KEY);
-    const hoverZone = vue.ref(null);
+    const hoverZone = vue.ref();
     const isEmpty = vue.computed(() => !props.nodes.length);
     const isLoading = vue.computed(() => !panel.initialLoaded);
     const menuId = vue.computed(() => `${id.value}-${props.index}`);
@@ -69,7 +67,7 @@ const _sfc_main = vue.defineComponent({
       if (!hoverTimer)
         return;
       clearTimeout(hoverTimer);
-      hoverTimer = null;
+      hoverTimer = void 0;
     };
     const clearHoverZone = () => {
       if (!hoverZone.value)
@@ -77,80 +75,65 @@ const _sfc_main = vue.defineComponent({
       hoverZone.value.innerHTML = "";
       clearHoverTimer();
     };
-    return {
-      ns,
-      panel,
-      hoverZone,
-      isEmpty,
-      isLoading,
-      menuId,
-      t,
-      handleExpand,
-      handleMouseMove,
-      clearHoverZone
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElScrollbar), {
+        key: vue.unref(menuId),
+        tag: "ul",
+        role: "menu",
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        "wrap-class": vue.unref(ns).e("wrap"),
+        "view-class": [vue.unref(ns).e("list"), vue.unref(ns).is("empty", vue.unref(isEmpty))],
+        onMousemove: handleMouseMove,
+        onMouseleave: clearHoverZone
+      }, {
+        default: vue.withCtx(() => {
+          var _a;
+          return [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes, (node$1) => {
+              return vue.openBlock(), vue.createBlock(node["default"], {
+                key: node$1.uid,
+                node: node$1,
+                "menu-id": vue.unref(menuId),
+                onExpand: handleExpand
+              }, null, 8, ["node", "menu-id"]);
+            }), 128)),
+            vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+            }, [
+              vue.createVNode(vue.unref(index$4.ElIcon), {
+                size: "14",
+                class: vue.normalizeClass(vue.unref(ns).is("loading"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Loading))
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              vue.createTextVNode(" " + vue.toDisplayString(vue.unref(t)("el.cascader.loading")), 1)
+            ], 2)) : vue.unref(isEmpty) ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("empty-text"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "empty", {}, () => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("el.cascader.noData")), 1)
+              ])
+            ], 2)) : ((_a = vue.unref(panel)) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+              vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+              (vue.openBlock(), vue.createElementBlock("svg", {
+                ref_key: "hoverZone",
+                ref: hoverZone,
+                class: vue.normalizeClass(vue.unref(ns).e("hover-zone"))
+              }, null, 2))
+            ], 2112)) : vue.createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 3
+      }, 8, ["class", "wrap-class", "view-class"]);
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_cascader_node = vue.resolveComponent("el-cascader-node");
-  const _component_loading = vue.resolveComponent("loading");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
-  return vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
-    key: _ctx.menuId,
-    tag: "ul",
-    role: "menu",
-    class: vue.normalizeClass(_ctx.ns.b()),
-    "wrap-class": _ctx.ns.e("wrap"),
-    "view-class": [_ctx.ns.e("list"), _ctx.ns.is("empty", _ctx.isEmpty)],
-    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.isLoading ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-        }, [
-          vue.createVNode(_component_el_icon, {
-            size: "14",
-            class: vue.normalizeClass(_ctx.ns.is("loading"))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(_component_loading)
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          vue.createTextVNode(" " + vue.toDisplayString(_ctx.t("el.cascader.loading")), 1)
-        ], 2)) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: vue.normalizeClass(_ctx.ns.e("empty-text"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "empty", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.t("el.cascader.noData")), 1)
-          ])
-        ], 2)) : ((_a = _ctx.panel) == null ? void 0 : _a.isHoverMenu) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
-          (vue.openBlock(), vue.createElementBlock("svg", {
-            ref: "hoverZone",
-            class: vue.normalizeClass(_ctx.ns.e("hover-zone"))
-          }, null, 2))
-        ], 2112)) : vue.createCommentVNode("v-if", true)
-      ];
-    }),
-    _: 3
-  }, 8, ["class", "wrap-class", "view-class", "onMousemove", "onMouseleave"]);
-}
-var ElCascaderMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "menu.vue"]]);
 
 exports["default"] = ElCascaderMenu;
 //# sourceMappingURL=menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu.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=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\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=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <el-icon size=\"14\" :class=\"ns.is('loading')\">\n        <loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      <slot name=\"empty\">{{ t('el.cascader.noData') }}</slot>\n    </div>\n    <!-- eslint-disable-next-line vue/html-self-closing -->\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('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 { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\n\nexport default defineComponent({\n  name: 'ElCascaderMenu',\n\n  components: {\n    Loading,\n    ElIcon,\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 ns = useNamespace('cascader-menu')\n\n    const { t } = useLocale()\n    const id = useId()\n    let activeNode: Nullable<HTMLElement> = null\n    let hoverTimer: Nullable<number> = 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 isLoading = computed(() => !panel.initialLoaded)\n    const menuId = computed(() => `${id.value}-${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    return {\n      ns,\n      panel,\n      hoverZone,\n      isEmpty,\n      isLoading,\n      menuId,\n      t,\n      handleExpand,\n      handleMouseMove,\n      clearHoverZone,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Loading","ElIcon","ElScrollbar","ElCascaderNode","getCurrentInstance","useNamespace","useLocale","useId","inject","CASCADER_PANEL_INJECTION_KEY","ref","computed","_createBlock","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_export_sfc"],"mappings":"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"}
+{"version":3,"file":"menu.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=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\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=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <el-icon size=\"14\" :class=\"ns.is('loading')\">\n        <loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      <slot name=\"empty\">{{ t('el.cascader.noData') }}</slot>\n    </div>\n    <!-- eslint-disable-next-line vue/html-self-closing -->\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('hover-zone')\"\n    ></svg>\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { default as CascaderNode } from './node'\nimport type { PropType } from 'vue'\n\ndefineOptions({\n  name: 'ElCascaderMenu',\n})\n\nconst props = defineProps({\n  nodes: {\n    type: Array as PropType<CascaderNode[]>,\n    required: true,\n  },\n  index: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst instance = getCurrentInstance()!\nconst ns = useNamespace('cascader-menu')\n\nconst { t } = useLocale()\nconst id = useId()\nlet activeNode: HTMLElement\nlet hoverTimer: number | undefined\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst hoverZone = ref<SVGSVGElement>()\n\nconst isEmpty = computed(() => !props.nodes.length)\nconst isLoading = computed(() => !panel.initialLoaded)\nconst menuId = computed(() => `${id.value}-${props.index}`)\n\nconst handleExpand = (e: MouseEvent) => {\n  activeNode = e.target as HTMLElement\n}\n\nconst 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(clearHoverZone, panel.config.hoverThreshold)\n  }\n}\n\nconst clearHoverTimer = () => {\n  if (!hoverTimer) return\n  clearTimeout(hoverTimer)\n  hoverTimer = undefined\n}\n\nconst clearHoverZone = () => {\n  if (!hoverZone.value) return\n  hoverZone.value.innerHTML = ''\n  clearHoverTimer()\n}\n</script>\n"],"names":["getCurrentInstance","useNamespace","useLocale","useId","inject","CASCADER_PANEL_INJECTION_KEY","ref","computed"],"mappings":";;;;;;;;;;;;;;;uCAgDc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,WAAWA,sBAAmB,EAAA,CAAA;AACpC,IAAM,MAAA,EAAA,GAAKC,mBAAa,eAAe,CAAA,CAAA;AAEvC,IAAM,MAAA,EAAE,CAAE,EAAA,GAAIC,iBAAU,EAAA,CAAA;AACxB,IAAA,MAAM,KAAKC,aAAM,EAAA,CAAA;AACjB,IAAI,IAAA,UAAA,CAAA;AACJ,IAAI,IAAA,UAAA,CAAA;AAEJ,IAAM,MAAA,KAAA,GAAQC,WAAOC,kCAA4B,CAAA,CAAA;AAEjD,IAAA,MAAM,YAAYC,OAAmB,EAAA,CAAA;AAErC,IAAA,MAAM,UAAUC,YAAS,CAAA,MAAM,CAAC,KAAA,CAAM,MAAM,MAAM,CAAA,CAAA;AAClD,IAAA,MAAM,SAAY,GAAAA,YAAA,CAAS,MAAM,CAAC,MAAM,aAAa,CAAA,CAAA;AACrD,IAAM,MAAA,MAAA,GAASA,aAAS,MAAM,CAAA,EAAG,GAAG,KAAK,CAAA,CAAA,EAAI,KAAM,CAAA,KAAK,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,CAAC,CAAkB,KAAA;AACtC,MAAA,UAAA,GAAa,CAAE,CAAA,MAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,CAAkB,KAAA;AACzC,MAAA,IAAI,CAAC,KAAM,CAAA,WAAA,IAAe,CAAC,UAAc,IAAA,CAAC,UAAU,KAAO;AAE3D,QAAA,OAAe;AACb,MAAgB,IAAA,UAAA,CAAA,QAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA;AAEhB,QAAM;AACN,QAAA,MAAM,EAAE,GAAA,QAAS,CAAG,KAAsB,CAAA,EAAA,CAAA;AAC1C,QAAM,MAAA,EAAE,IAAa,EAAA,GAAA,EAAA,CAAA,qBAAiB,EAAA,CAAA;AACtC,QAAM,MAAA,EAAA,WAAqB,EAAA,YAAA,EAAA,GAAA,EAAA,CAAA;AAC3B,QAAA,MAAM,MAAM,GAAW,CAAA,CAAA,OAAA,GAAA,IAAA,CAAA;AACvB,QAAM,MAAA,GAAA,GAAA,UAA0B,CAAA,SAAA,CAAA;AAEhC,QAAA,MAAA,YAA4B,GAAA,UAAA,CAAA,YAAA,CAAA;AAAA,QAAA,SAAA,CAAA,KAAA,CAAA,SAAA,GAAA,CAAA;AAC8E,qEACvC,EAAA,MAAM,IAAI,GAAM,CAAA,EAAA,EAAA,gBAAoB,EAAA,GAAA,CAAA;AAAuB,qEAAA,EAAA,MAAA,CAAA,CAAA,EAAA,MAAA,CAAA,EAAA,EAAA,WAAA,CAAA,CAAA,EAAA,YAAA,CAAA,EAAA,EAAA,MAAA,CAAA;AAAA,QAEhI,CAAA,CAAA;AACE,OAAA,MAAA,IAAA,CAAA,UAAoB,EAAA;AAAsD,QAC5E,UAAA,GAAA,MAAA,CAAA,UAAA,CAAA,cAAA,EAAA,KAAA,CAAA,MAAA,CAAA,cAAA,CAAA,CAAA;AAAA,OACF;AAEA,KAAA,CAAA;AACE,IAAA,MAAI,eAAa,GAAA,MAAA;AACjB,MAAA,IAAA,CAAA,UAAuB;AACvB,QAAa,OAAA;AAAA,MACf,YAAA,CAAA,UAAA,CAAA,CAAA;AAEA,MAAA;AACE,KAAI,CAAA;AACJ,IAAA,MAAA,cAA4B,GAAA,MAAA;AAC5B,MAAgB,IAAA,CAAA,SAAA,CAAA,KAAA;AAAA,QAClB,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,9 @@
 import type { default as CascaderNode } from './node';
 import type { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    empty?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{
     nodes: {
         type: PropType<CascaderNode[]>;
         required: true;
@@ -9,35 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, {
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string) => string;
-        m: (modifier?: string) => string;
-        be: (blockSuffix?: string, element?: string) => string;
-        em: (element?: string, modifier?: string) => string;
-        bm: (blockSuffix?: string, modifier?: string) => string;
-        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    panel: import("./types").ElCascaderPanelContext;
-    hoverZone: import("vue").Ref<SVGSVGElement | null>;
-    isEmpty: import("vue").ComputedRef<boolean>;
-    isLoading: import("vue").ComputedRef<boolean>;
-    menuId: import("vue").ComputedRef<string>;
-    t: import("@element-plus/nightly/es/hooks").Translator;
-    handleExpand: (e: MouseEvent) => void;
-    handleMouseMove: (e: MouseEvent) => void;
-    clearHoverZone: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     nodes: {
         type: PropType<CascaderNode[]>;
         required: true;
@@ -47,4 +22,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/cascader-panel/src/node-content.d.ts

@@ -1,21 +1,16 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    ns: {
-        namespace: import("vue").ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string) => string;
-        m: (modifier?: string) => string;
-        be: (blockSuffix?: string, element?: string) => string;
-        em: (element?: string, modifier?: string) => string;
-        bm: (blockSuffix?: string, modifier?: string) => string;
-        bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
+import type { PropType } from 'vue';
+import type { CascaderNode, RenderLabel } from './types';
+declare const _default: import("vue").DefineComponent<{
+    node: {
+        type: PropType<CascaderNode>;
+        required: true;
     };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    renderLabelFn: PropType<RenderLabel>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<CascaderNode>;
+        required: true;
+    };
+    renderLabelFn: PropType<RenderLabel>;
+}>>, {}>;
 export default _default;

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

@@ -4,31 +4,42 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../../hooks/use-namespace/index.js');
+var shared = require('@vue/shared');
 
 function isVNodeEmpty(vnodes) {
-  return !!(vnodes == null ? void 0 : vnodes.every((vnode) => vnode.type === vue.Comment));
+  return !!(shared.isArray(vnodes) ? vnodes.every(({
+    type
+  }) => type === vue.Comment) : (vnodes == null ? void 0 : vnodes.type) === vue.Comment);
 }
 var NodeContent = vue.defineComponent({
   name: "NodeContent",
-  setup() {
-    const ns = index.useNamespace("cascader-node");
-    return {
-      ns
-    };
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    renderLabelFn: Function
   },
-  render() {
-    const { ns } = this;
-    const { node, panel } = this.$parent;
-    const { data, label: nodeLabel } = node;
-    const { renderLabelFn } = panel;
+  setup(props) {
+    const ns = index.useNamespace("cascader-node");
+    const {
+      renderLabelFn,
+      node
+    } = props;
+    const {
+      data,
+      label: nodeLabel
+    } = node;
     const label = () => {
-      let renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({ node, data });
-      if (isVNodeEmpty(renderLabel)) {
-        renderLabel = nodeLabel;
-      }
-      return renderLabel != null ? renderLabel : nodeLabel;
+      const renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({
+        node,
+        data
+      });
+      return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel != null ? renderLabel : nodeLabel;
     };
-    return vue.h("span", { class: ns.e("label") }, label());
+    return () => vue.createVNode("span", {
+      "class": ns.e("label")
+    }, [label()]);
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"node-content.js","sources":["../../../../../../packages/components/cascader-panel/src/node-content.ts"],"sourcesContent":["// @ts-nocheck\nimport { Comment, defineComponent, h } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { VNode } from 'vue'\n\nfunction isVNodeEmpty(vnodes?: VNode[]) {\n  return !!vnodes?.every((vnode) => vnode.type === Comment)\n}\n\nexport default defineComponent({\n  name: 'NodeContent',\n  setup() {\n    const ns = useNamespace('cascader-node')\n    return {\n      ns,\n    }\n  },\n  render() {\n    const { ns } = this\n    const { node, panel } = this.$parent\n    const { data, label: nodeLabel } = node\n    const { renderLabelFn } = panel\n    const label = () => {\n      let renderLabel = renderLabelFn?.({ node, data })\n      if (isVNodeEmpty(renderLabel)) {\n        renderLabel = nodeLabel\n      }\n      return renderLabel ?? nodeLabel\n    }\n    return h('span', { class: ns.e('label') }, label())\n  },\n})\n"],"names":["Comment","defineComponent","useNamespace","h"],"mappings":";;;;;;;AAEA,SAAS,YAAY,CAAC,MAAM,EAAE;AAC9B,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,KAAKA,WAAO,CAAC,CAAC,CAAC;AACvF,CAAC;AACD,kBAAeC,mBAAe,CAAC;AAC/B,EAAE,IAAI,EAAE,aAAa;AACrB,EAAE,KAAK,GAAG;AACV,IAAI,MAAM,EAAE,GAAGC,kBAAY,CAAC,eAAe,CAAC,CAAC;AAC7C,IAAI,OAAO;AACX,MAAM,EAAE;AACR,KAAK,CAAC;AACN,GAAG;AACH,EAAE,MAAM,GAAG;AACX,IAAI,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;AACxB,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;AACzC,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;AAC5C,IAAI,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;AACpC,IAAI,MAAM,KAAK,GAAG,MAAM;AACxB,MAAM,IAAI,WAAW,GAAG,aAAa,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACvF,MAAM,IAAI,YAAY,CAAC,WAAW,CAAC,EAAE;AACrC,QAAQ,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO;AACP,MAAM,OAAO,WAAW,IAAI,IAAI,GAAG,WAAW,GAAG,SAAS,CAAC;AAC3D,KAAK,CAAC;AACN,IAAI,OAAOC,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;AACxD,GAAG;AACH,CAAC,CAAC;;;;"}
+{"version":3,"file":"node-content.js","sources":["../../../../../../packages/components/cascader-panel/src/node-content.tsx"],"sourcesContent":["import { Comment, defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isArray } from '@element-plus/utils'\n\nimport type { PropType, VNode } from 'vue'\nimport type { CascaderNode, RenderLabel } from './types'\n\nfunction isVNodeEmpty(vnodes?: VNode[] | VNode) {\n  return !!(isArray(vnodes)\n    ? vnodes.every(({ type }) => type === Comment)\n    : vnodes?.type === Comment)\n}\n\nexport default defineComponent({\n  name: 'NodeContent',\n  props: {\n    node: {\n      type: Object as PropType<CascaderNode>,\n      required: true,\n    },\n    renderLabelFn: Function as PropType<RenderLabel>,\n  },\n  setup(props) {\n    const ns = useNamespace('cascader-node')\n    const { renderLabelFn, node } = props\n    const { data, label: nodeLabel } = node\n\n    const label = () => {\n      const renderLabel = renderLabelFn?.({ node, data })\n      return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel ?? nodeLabel\n    }\n\n    return () => <span class={ns.e('label')}>{label()}</span>\n  },\n})\n"],"names":["isVNodeEmpty","vnodes","type","defineComponent","name","props","node","required","renderLabelFn","useNamespace","ns","label","nodeLabel","renderLabel","data"],"mappings":";;;;;;;;;AAOA,EAASA,OAAAA,CAAAA,EAAAA,cAAAA,CAAAA,MAAaC,CAAAA,GAA0B,MAAA,CAAA,KAAA,CAAA,CAAA;IACvC,IAAA;AACaC,GAAAA,KAAAA,IAAAA,KAAAA,WAAAA,CAAAA,GAAAA,CAAAA,MAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAAA,CAAAA,IAAAA,MAAAA,WAAAA,CAAAA,CAAAA;;AAErB,kBAAAC,mBAAA,CAAA;;AAED,EAAA,KAAA,EAAA;AACEC,IAAAA,IAAM,EADuB;AAE7BC,MAAAA,IAAO,EAAA,MAAA;AACLC,MAAAA,QAAM,EAAA,IAAA;AACJJ,KAAAA;AACAK,IAAAA,aAAU,EAAA,QAAA;;AAEZC,EAAAA,KAAAA,CAAAA,KAAAA,EAAAA;IAP2B,MAAA,EAAA,GAAAC,kBAAA,CAAA,eAAA,CAAA,CAAA;;MASxB,aAAQ;AACX,MAAA,IAAMC;KACA,GAAA,KAAA,CAAA;UAAA;AAAiBJ,MAAAA,IAAAA;AAAjB,MAAA,KAAN,EAAA,SAAA;KACM,GAAA,IAAA,CAAA;UAAA,KAAA,GAAA,MAAA;AAAQK,MAAAA,MAAOC,WAAAA,GAAAA,aAAAA,IAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAAA,CAAAA;AAAf,QAA6BN,IAAnC;;OAEMK,CAAAA,CAAAA;MACJ,OAAME,YAAcL,CAAAA,WAAAA,CAAAA,GAAgB,SAAA,GAAA,WAAA,IAAA,IAAA,GAAA,WAAA,GAAA,SAAA,CAAA;;AAAQM,IAAAA,OAAAA,MAAAA,eAAAA,CAAAA,MAAAA,EAAAA;AAAR,MAAA,OAApC,EAAA,EAAA,CAAA,CAAA,CAAA,OAAA,CAAA;OACOd,CAAAA,KAAAA,EAAAA,CAAAA,CAAAA,CAAAA;;;;;;"}

package/lib/components/cascader-panel/src/node.d.ts

@@ -8,10 +8,11 @@ export type isDisabled = (data: CascaderOption, node: Node) => boolean;
 export type isLeaf = (data: CascaderOption, node: Node) => boolean;
 export type Resolve = (dataList?: CascaderOption[]) => void;
 export type LazyLoad = (node: Node, resolve: Resolve) => void;
-export type RenderLabel = ({ node: Node, data: CascaderOption, }: {
-    node: any;
-    data: any;
-}) => VNode | VNode[];
+export interface RenderLabelProps {
+    node: Node;
+    data: CascaderOption;
+}
+export type RenderLabel = (props: RenderLabelProps) => VNode | VNode[];
 export interface CascaderOption extends Record<string, unknown> {
     label?: string;
     value?: CascaderNodeValue;
@@ -36,7 +37,7 @@ export interface CascaderProps {
 export type Nullable<T> = null | T;
 type ChildrenData = CascaderOption[] | undefined;
 declare class Node {
-    readonly data: Nullable<CascaderOption>;
+    readonly data: CascaderOption;
     readonly config: CascaderConfig;
     readonly parent?: Node | undefined;
     readonly root: boolean;
@@ -69,14 +70,14 @@ declare class Node {
      * @default false
      */
     loading: boolean;
-    constructor(data: Nullable<CascaderOption>, config: CascaderConfig, parent?: Node | undefined, root?: boolean);
+    constructor(data: CascaderOption, config: CascaderConfig, parent?: Node | undefined, root?: boolean);
     get isDisabled(): boolean;
     get isLeaf(): boolean;
     get valueByOption(): CascaderNodeValue | CascaderNodePathValue;
     appendChild(childData: CascaderOption): Node;
     calcText(allLevels: boolean, separator: string): string;
-    broadcast(event: string, ...args: unknown[]): void;
-    emit(event: string, ...args: unknown[]): void;
+    broadcast(checked: boolean): void;
+    emit(): void;
     onParentCheck(checked: boolean): void;
     onChildCheck(): void;
     setCheckState(checked: boolean): void;