@element-plus/nightly 0.0.20220118 → 0.0.20220119

package/es/components/tree/index.d.ts

@@ -372,62 +372,70 @@ declare const _Tree: SFCWithInstall<import("vue").DefineComponent<{
     insertAfter: (data: import("./src/tree.type").TreeNodeData, refNode: import("./src/tree.type").TreeNodeData | import("./src/tree.type").TreeKey) => void;
     handleNodeExpand: (nodeData: import("./src/tree.type").TreeNodeData, node: import("./src/model/node").default, instance: import("vue").ComponentInternalInstance) => void;
     updateKeyChildren: (key: import("./src/tree.type").TreeKey, data: import("./src/tree.type").TreeData) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    data?: unknown;
-    emptyText?: unknown;
-    renderAfterExpand?: unknown;
-    nodeKey?: unknown;
-    checkStrictly?: unknown;
-    defaultExpandAll?: unknown;
-    expandOnClickNode?: unknown;
-    checkOnClickNode?: unknown;
-    checkDescendants?: unknown;
-    autoExpandParent?: unknown;
-    defaultCheckedKeys?: unknown;
-    defaultExpandedKeys?: unknown;
-    currentNodeKey?: unknown;
-    renderContent?: unknown;
-    showCheckbox?: unknown;
-    draggable?: unknown;
-    allowDrag?: unknown;
-    allowDrop?: unknown;
-    props?: unknown;
-    lazy?: unknown;
-    highlightCurrent?: unknown;
-    load?: unknown;
-    filterNodeMethod?: unknown;
-    accordion?: unknown;
-    indent?: unknown;
-    icon?: unknown;
-} & {
-    lazy: boolean;
-    props: import("./src/tree.type").TreeOptionProps;
-    data: unknown[];
-    draggable: boolean;
-    checkStrictly: boolean;
-    accordion: boolean;
-    defaultExpandAll: boolean;
-    indent: number;
-    renderAfterExpand: boolean;
-    showCheckbox: boolean;
-    expandOnClickNode: boolean;
-    checkOnClickNode: boolean;
-    checkDescendants: boolean;
-    autoExpandParent: boolean;
-    highlightCurrent: boolean;
-} & {
-    icon?: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
-    load?: import("./src/tree.type").LoadFunction | undefined;
-    emptyText?: string | undefined;
-    renderContent?: Function | undefined;
-    defaultCheckedKeys?: import("./src/tree.type").TreeKey[] | undefined;
-    defaultExpandedKeys?: import("./src/tree.type").TreeKey[] | undefined;
-    filterNodeMethod?: import("./src/tree.type").FilterNodeMethodFunction | undefined;
-    nodeKey?: string | undefined;
-    allowDrag?: Function | undefined;
-    allowDrop?: Function | undefined;
-    currentNodeKey?: string | number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    emptyText: {
+        type: StringConstructor;
+    };
+    renderAfterExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nodeKey: StringConstructor;
+    checkStrictly: BooleanConstructor;
+    defaultExpandAll: BooleanConstructor;
+    expandOnClickNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkOnClickNode: BooleanConstructor;
+    checkDescendants: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoExpandParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultCheckedKeys: import("vue").PropType<import("./src/tree.type").TreeKey[]>;
+    defaultExpandedKeys: import("vue").PropType<import("./src/tree.type").TreeKey[]>;
+    currentNodeKey: import("vue").PropType<string | number>;
+    renderContent: FunctionConstructor;
+    showCheckbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDrag: FunctionConstructor;
+    allowDrop: FunctionConstructor;
+    props: {
+        type: import("vue").PropType<import("./src/tree.type").TreeOptionProps>;
+        default: () => {
+            children: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrent: BooleanConstructor;
+    load: import("vue").PropType<import("./src/tree.type").LoadFunction>;
+    filterNodeMethod: import("vue").PropType<import("./src/tree.type").FilterNodeMethodFunction>;
+    accordion: BooleanConstructor;
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+}>> & {
     "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
     onCheck?: ((...args: any[]) => any) | undefined;
@@ -832,62 +840,70 @@ export declare const ElTree: SFCWithInstall<import("vue").DefineComponent<{
     insertAfter: (data: import("./src/tree.type").TreeNodeData, refNode: import("./src/tree.type").TreeNodeData | import("./src/tree.type").TreeKey) => void;
     handleNodeExpand: (nodeData: import("./src/tree.type").TreeNodeData, node: import("./src/model/node").default, instance: import("vue").ComponentInternalInstance) => void;
     updateKeyChildren: (key: import("./src/tree.type").TreeKey, data: import("./src/tree.type").TreeData) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    data?: unknown;
-    emptyText?: unknown;
-    renderAfterExpand?: unknown;
-    nodeKey?: unknown;
-    checkStrictly?: unknown;
-    defaultExpandAll?: unknown;
-    expandOnClickNode?: unknown;
-    checkOnClickNode?: unknown;
-    checkDescendants?: unknown;
-    autoExpandParent?: unknown;
-    defaultCheckedKeys?: unknown;
-    defaultExpandedKeys?: unknown;
-    currentNodeKey?: unknown;
-    renderContent?: unknown;
-    showCheckbox?: unknown;
-    draggable?: unknown;
-    allowDrag?: unknown;
-    allowDrop?: unknown;
-    props?: unknown;
-    lazy?: unknown;
-    highlightCurrent?: unknown;
-    load?: unknown;
-    filterNodeMethod?: unknown;
-    accordion?: unknown;
-    indent?: unknown;
-    icon?: unknown;
-} & {
-    lazy: boolean;
-    props: import("./src/tree.type").TreeOptionProps;
-    data: unknown[];
-    draggable: boolean;
-    checkStrictly: boolean;
-    accordion: boolean;
-    defaultExpandAll: boolean;
-    indent: number;
-    renderAfterExpand: boolean;
-    showCheckbox: boolean;
-    expandOnClickNode: boolean;
-    checkOnClickNode: boolean;
-    checkDescendants: boolean;
-    autoExpandParent: boolean;
-    highlightCurrent: boolean;
-} & {
-    icon?: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
-    load?: import("./src/tree.type").LoadFunction | undefined;
-    emptyText?: string | undefined;
-    renderContent?: Function | undefined;
-    defaultCheckedKeys?: import("./src/tree.type").TreeKey[] | undefined;
-    defaultExpandedKeys?: import("./src/tree.type").TreeKey[] | undefined;
-    filterNodeMethod?: import("./src/tree.type").FilterNodeMethodFunction | undefined;
-    nodeKey?: string | undefined;
-    allowDrag?: Function | undefined;
-    allowDrop?: Function | undefined;
-    currentNodeKey?: string | number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    emptyText: {
+        type: StringConstructor;
+    };
+    renderAfterExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nodeKey: StringConstructor;
+    checkStrictly: BooleanConstructor;
+    defaultExpandAll: BooleanConstructor;
+    expandOnClickNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkOnClickNode: BooleanConstructor;
+    checkDescendants: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoExpandParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultCheckedKeys: import("vue").PropType<import("./src/tree.type").TreeKey[]>;
+    defaultExpandedKeys: import("vue").PropType<import("./src/tree.type").TreeKey[]>;
+    currentNodeKey: import("vue").PropType<string | number>;
+    renderContent: FunctionConstructor;
+    showCheckbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDrag: FunctionConstructor;
+    allowDrop: FunctionConstructor;
+    props: {
+        type: import("vue").PropType<import("./src/tree.type").TreeOptionProps>;
+        default: () => {
+            children: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrent: BooleanConstructor;
+    load: import("vue").PropType<import("./src/tree.type").LoadFunction>;
+    filterNodeMethod: import("vue").PropType<import("./src/tree.type").FilterNodeMethodFunction>;
+    accordion: BooleanConstructor;
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+}>> & {
     "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
     onCheck?: ((...args: any[]) => any) | undefined;

package/es/components/tree/src/tree-node-content.vue.d.ts

@@ -4,12 +4,11 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     renderContent: FunctionConstructor;
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    node?: unknown;
-    renderContent?: unknown;
-} & {
-    node: Record<string, any>;
-} & {
-    renderContent?: Function | undefined;
-}>, {}>;
+}, () => any, 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: ObjectConstructor;
+        required: true;
+    };
+    renderContent: FunctionConstructor;
+}>>, {}>;
 export default _default;

package/es/components/tree/src/tree-node.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     getNodeKey: (node: Node) => any;
     getNodeClass: (node: Node) => any;
     handleSelectChange: (checked: boolean, indeterminate: boolean) => void;
-    handleClick: () => void;
+    handleClick: (e: MouseEvent) => void;
     handleContextMenu: (event: Event) => void;
     handleExpandIconClick: () => void;
     handleCheckChange: (value: any, ev: any) => void;
@@ -38,22 +38,23 @@ declare const _default: import("vue").DefineComponent<{
     handleDrop: (event: DragEvent) => void;
     handleDragEnd: (event: DragEvent) => void;
     CaretRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "node-expand"[], "node-expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    node?: unknown;
-    props?: unknown;
-    accordion?: unknown;
-    renderContent?: unknown;
-    renderAfterExpand?: unknown;
-    showCheckbox?: unknown;
-} & {
-    props: TreeOptionProps;
-    node: Node;
-    accordion: boolean;
-    renderAfterExpand: boolean;
-    showCheckbox: boolean;
-} & {
-    renderContent?: Function | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "node-expand"[], "node-expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: typeof Node;
+        default: () => {};
+    };
+    props: {
+        type: PropType<TreeOptionProps>;
+        default: () => {};
+    };
+    accordion: BooleanConstructor;
+    renderContent: FunctionConstructor;
+    renderAfterExpand: BooleanConstructor;
+    showCheckbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
 }, {
     props: TreeOptionProps;

package/es/components/tree/src/tree-node.vue_vue_type_script_lang.mjs

@@ -104,7 +104,7 @@ var script = defineComponent({
       oldChecked.value = checked;
       oldIndeterminate.value = indeterminate;
     };
-    const handleClick = () => {
+    const handleClick = (e) => {
       const store = tree.store.value;
       store.setCurrentNode(props.node);
       tree.ctx.emit("current-change", store.currentNode ? store.currentNode.data : null, store.currentNode);
@@ -117,7 +117,7 @@ var script = defineComponent({
           target: { checked: !props.node.checked }
         });
       }
-      tree.ctx.emit("node-click", props.node.data, props.node, instance);
+      tree.ctx.emit("node-click", props.node.data, props.node, instance, e);
     };
     const handleContextMenu = (event) => {
       if (tree.instance.vnode.props["onNodeContextmenu"]) {

package/es/components/tree/src/tree-node.vue_vue_type_script_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        class=\"el-tree-node__children\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  nextTick,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { debugWarn } from '@element-plus/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const dragEvents = inject(dragEventsKey)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = () => {\n      const store = tree.store.value\n      store.setCurrentNode(props.node)\n      tree.ctx.emit(\n        'current-change',\n        store.currentNode ? store.currentNode.data : null,\n        store.currentNode\n      )\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (tree.props.checkOnClickNode && !props.node.disabled) {\n        handleCheckChange(null, {\n          target: { checked: !props.node.checked },\n        })\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand()\n        ctx.emit('node-expand', props.node.data, props.node, instance)\n      }\n    }\n\n    const handleCheckChange = (value, ev) => {\n      props.node.setChecked(ev.target.checked, !tree.props.checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["ElCollapseTransition"],"mappings":"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"}
+{"version":3,"file":"tree-node.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        class=\"el-tree-node__children\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  nextTick,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { debugWarn } from '@element-plus/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const dragEvents = inject(dragEventsKey)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      const store = tree.store.value\n      store.setCurrentNode(props.node)\n      tree.ctx.emit(\n        'current-change',\n        store.currentNode ? store.currentNode.data : null,\n        store.currentNode\n      )\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (tree.props.checkOnClickNode && !props.node.disabled) {\n        handleCheckChange(null, {\n          target: { checked: !props.node.checked },\n        })\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand()\n        ctx.emit('node-expand', props.node.data, props.node, instance)\n      }\n    }\n\n    const handleCheckChange = (value, ev) => {\n      props.node.setChecked(ev.target.checked, !tree.props.checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["ElCollapseTransition"],"mappings":"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"}

package/es/components/tree/src/tree-node.vue_vue_type_template_id_62959aba_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue_vue_type_template_id_62959aba_lang.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue?vue&type=template&id=62959aba&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        class=\"el-tree-node__children\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  nextTick,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { debugWarn } from '@element-plus/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const dragEvents = inject(dragEventsKey)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = () => {\n      const store = tree.store.value\n      store.setCurrentNode(props.node)\n      tree.ctx.emit(\n        'current-change',\n        store.currentNode ? store.currentNode.data : null,\n        store.currentNode\n      )\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (tree.props.checkOnClickNode && !props.node.disabled) {\n        handleCheckChange(null, {\n          target: { checked: !props.node.checked },\n        })\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand()\n        ctx.emit('node-expand', props.node.data, props.node, instance)\n      }\n    }\n\n    const handleCheckChange = (value, ev) => {\n      props.node.setChecked(ev.target.checked, !tree.props.checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_openBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaI;IACA;IACC,eAAa;IACb,iBAAe,UAAK;IACpB,gBAAc;IACd,qBAAgB,eAAe;IAC/B,2BAAoB;IACpB,4GAAuB;IACvB;IACA;;IAEAA;;;;MAIC,KAAK;WACC;;;;;;;;;;;;;;;0EAagB;;;;;wBAGF;;;;2BAEFC,SAAK;;;;;;;;;kBAOf;;8BAEN;;;;;;;;;;;;;;;;cAQA;cACA,IAAI,EAAC;cACJ,iBAAe;;2FAGM;;;;sCAGA,EAAE;;;;;;;;;;;"}
+{"version":3,"file":"tree-node.vue_vue_type_template_id_62959aba_lang.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue?vue&type=template&id=62959aba&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        class=\"el-tree-node__children\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  watch,\n  nextTick,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { debugWarn } from '@element-plus/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const dragEvents = inject(dragEventsKey)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      const store = tree.store.value\n      store.setCurrentNode(props.node)\n      tree.ctx.emit(\n        'current-change',\n        store.currentNode ? store.currentNode.data : null,\n        store.currentNode\n      )\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (tree.props.checkOnClickNode && !props.node.disabled) {\n        handleCheckChange(null, {\n          target: { checked: !props.node.checked },\n        })\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand()\n        ctx.emit('node-expand', props.node.data, props.node, instance)\n      }\n    }\n\n    const handleCheckChange = (value, ev) => {\n      props.node.setChecked(ev.target.checked, !tree.props.checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_openBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAaI;IACA;IACC,eAAa;IACb,iBAAe,UAAK;IACpB,gBAAc;IACd,qBAAgB,eAAe;IAC/B,2BAAoB;IACpB,4GAAuB;IACvB;IACA;;IAEAA;;;;MAIC,KAAK;WACC;;;;;;;;;;;;;;;0EAagB;;;;;wBAGF;;;;2BAEFC,SAAK;;;;;;;;;kBAOf;;8BAEN;;;;;;;;;;;;;;;;cAQA;cACA,IAAI,EAAC;cACJ,iBAAe;;2FAGM;;;;sCAGA,EAAE;;;;;;;;;;;"}

package/es/components/tree/src/tree.vue.d.ts

@@ -375,62 +375,70 @@ declare const _default: import("vue").DefineComponent<{
     insertAfter: (data: TreeNodeData, refNode: TreeKey | TreeNodeData) => void;
     handleNodeExpand: (nodeData: TreeNodeData, node: Node, instance: ComponentInternalInstance) => void;
     updateKeyChildren: (key: TreeKey, data: TreeData) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    data?: unknown;
-    emptyText?: unknown;
-    renderAfterExpand?: unknown;
-    nodeKey?: unknown;
-    checkStrictly?: unknown;
-    defaultExpandAll?: unknown;
-    expandOnClickNode?: unknown;
-    checkOnClickNode?: unknown;
-    checkDescendants?: unknown;
-    autoExpandParent?: unknown;
-    defaultCheckedKeys?: unknown;
-    defaultExpandedKeys?: unknown;
-    currentNodeKey?: unknown;
-    renderContent?: unknown;
-    showCheckbox?: unknown;
-    draggable?: unknown;
-    allowDrag?: unknown;
-    allowDrop?: unknown;
-    props?: unknown;
-    lazy?: unknown;
-    highlightCurrent?: unknown;
-    load?: unknown;
-    filterNodeMethod?: unknown;
-    accordion?: unknown;
-    indent?: unknown;
-    icon?: unknown;
-} & {
-    lazy: boolean;
-    props: import("./tree.type").TreeOptionProps;
-    data: unknown[];
-    draggable: boolean;
-    checkStrictly: boolean;
-    accordion: boolean;
-    defaultExpandAll: boolean;
-    indent: number;
-    renderAfterExpand: boolean;
-    showCheckbox: boolean;
-    expandOnClickNode: boolean;
-    checkOnClickNode: boolean;
-    checkDescendants: boolean;
-    autoExpandParent: boolean;
-    highlightCurrent: boolean;
-} & {
-    icon?: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
-    load?: import("./tree.type").LoadFunction | undefined;
-    emptyText?: string | undefined;
-    renderContent?: Function | undefined;
-    defaultCheckedKeys?: TreeKey[] | undefined;
-    defaultExpandedKeys?: TreeKey[] | undefined;
-    filterNodeMethod?: import("./tree.type").FilterNodeMethodFunction | undefined;
-    nodeKey?: string | undefined;
-    allowDrag?: Function | undefined;
-    allowDrop?: Function | undefined;
-    currentNodeKey?: string | number | undefined;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over")[], "current-change" | "node-expand" | "check-change" | "node-click" | "node-contextmenu" | "node-collapse" | "check" | "node-drag-start" | "node-drag-end" | "node-drop" | "node-drag-leave" | "node-drag-enter" | "node-drag-over", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    emptyText: {
+        type: StringConstructor;
+    };
+    renderAfterExpand: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nodeKey: StringConstructor;
+    checkStrictly: BooleanConstructor;
+    defaultExpandAll: BooleanConstructor;
+    expandOnClickNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkOnClickNode: BooleanConstructor;
+    checkDescendants: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoExpandParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultCheckedKeys: PropType<TreeKey[]>;
+    defaultExpandedKeys: PropType<TreeKey[]>;
+    currentNodeKey: PropType<string | number>;
+    renderContent: FunctionConstructor;
+    showCheckbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowDrag: FunctionConstructor;
+    allowDrop: FunctionConstructor;
+    props: {
+        type: PropType<import("./tree.type").TreeOptionProps>;
+        default: () => {
+            children: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightCurrent: BooleanConstructor;
+    load: PropType<import("./tree.type").LoadFunction>;
+    filterNodeMethod: PropType<import("./tree.type").FilterNodeMethodFunction>;
+    accordion: BooleanConstructor;
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+}>> & {
     "onCurrent-change"?: ((...args: any[]) => any) | undefined;
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
     onCheck?: ((...args: any[]) => any) | undefined;