@element-plus/nightly 0.0.20260731 → 0.0.20260802

package/es/components/time-picker/src/common/props.d.ts

@@ -42,7 +42,7 @@ declare const timePickerDefaultProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -97,7 +97,7 @@ declare const timePickerDefaultProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

package/es/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly datetimeRole: StringConstructor;
@@ -30,8 +30,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: boolean;

package/es/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly parsedValue: {
@@ -28,8 +28,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: boolean;

package/es/components/time-picker/src/time-picker.d.ts

@@ -36,7 +36,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -91,7 +91,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -137,7 +137,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -192,7 +192,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -212,21 +212,21 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
   type: string;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  readonly: boolean;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   placeholder: string;
+  readonly: boolean;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  placement: EpPropMergeType<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  fallbackPlacements: Placement[];
+  prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
+  fallbackPlacements: Placement[];
+  placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
-  prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/time-select/src/time-select.vue.d.ts

@@ -16,30 +16,30 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
   focus: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (...args: any[]) => void;
+  clear: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
-  clear: (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
-  onClear?: ((...args: any[]) => any) | undefined;
 }>, {
-  step: string;
   disabled: boolean;
   valueOnClear: string | number | boolean | Function | null;
+  effect: PopperEffect;
   clearable: boolean;
   clearIcon: IconPropType;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  effect: PopperEffect;
+  prefixIcon: IconPropType;
   end: string;
   start: string;
-  prefixIcon: IconPropType;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   editable: boolean;
   format: string;
+  step: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/es/components/timeline/src/timeline-item.d.ts

@@ -50,8 +50,8 @@ declare const timelineItemProps: {
   readonly timestamp: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly hideTimestamp: BooleanConstructor;
   readonly center: BooleanConstructor;
-  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "bottom", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown, "", boolean>;
   readonly color: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly size: EpPropFinalized<StringConstructor, "large" | "normal", unknown, "normal", boolean>;
   readonly icon: {

package/es/components/timeline/src/timeline-item.vue.d.ts

@@ -9,10 +9,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TimelineItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
-  type: "primary" | "success" | "warning" | "danger" | "info" | "";
   size: "normal" | "large";
-  placement: "top" | "bottom";
   color: string;
+  type: "primary" | "success" | "warning" | "danger" | "info" | "";
+  placement: "top" | "bottom";
   timestamp: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/tooltip/src/content.vue.d.ts

@@ -20,24 +20,24 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
-  loop: boolean;
-  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  placement: Placement;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  offset: number;
   teleported: boolean;
   effect: PopperEffect;
   visible: boolean | null;
   content: string;
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
+  loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
-  offset: number;
+  placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;

package/es/components/tooltip/src/tooltip.d.ts

@@ -151,7 +151,7 @@ declare const useTooltipProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "tooltip", boolean>;
+  role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
 };
 declare const tooltipEmits: readonly [..."update:visible"[], "before-show", "before-hide", "show", "hide", "open", "close"];
 /**

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

@@ -59,25 +59,24 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
-  trigger: Arrayable<TooltipTriggerType>;
-  loop: boolean;
-  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  placement: Placement;
-  popperClass: string | false | Record<string, any> | ClassValue[] | null;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  offset: number;
   teleported: boolean;
   effect: PopperEffect;
   visible: boolean | null;
   content: string;
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  popperClass: string | false | Record<string, any> | ClassValue[] | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   stopPopperMouseEvent: boolean;
   virtualTriggering: boolean;
+  loop: boolean;
   boundariesPadding: number;
   gpuAcceleration: boolean;
-  offset: number;
+  placement: Placement;
   popperOptions: Partial<Options>;
   strategy: "fixed" | "absolute";
   arrowOffset: number;
@@ -86,6 +85,7 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   showAfter: number;
   hideAfter: number;
   autoClose: number;
+  trigger: Arrayable<TooltipTriggerType>;
   triggerKeys: string[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/tour/src/content.d.ts

@@ -35,7 +35,7 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | (((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null)) | null)[], unknown, unknown, null, boolean>;
   strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | (((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy)) | null)[], "fixed" | "absolute", unknown, string, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;

package/es/components/tour/src/content.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_base: _$vue.DefineComponent<TourContentProps, {}, {}, {}, {}
 }, string, _$vue.PublicProps, Readonly<TourContentProps> & Readonly<{
   onClose?: (() => any) | undefined;
 }>, {
-  placement: _$_floating_ui_dom0.Placement;
   zIndex: number;
   offset: number;
+  placement: _$_floating_ui_dom0.Placement;
   strategy: _$_floating_ui_dom0.Strategy;
   reference: HTMLElement | _$_floating_ui_dom0.VirtualElement | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/tour/src/step.d.ts

@@ -81,7 +81,7 @@ declare const tourStepProps: {
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   mask: EpPropFinalized<(new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;

package/es/components/tour/src/step.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<TourStepProps, {}, {}, {}, {}, _
 }, string, _$vue.PublicProps, Readonly<TourStepProps> & Readonly<{
   onClose?: (() => any) | undefined;
 }>, {
-  mask: TourMask;
   placement: _$_floating_ui_dom0.Placement;
   showArrow: boolean;
+  mask: TourMask;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/tour/src/tour.d.ts

@@ -89,7 +89,7 @@ declare const tourProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "right" | "left" | "bottom-start" | "bottom" | "top" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   contentStyle: {
     readonly type: _$vue.PropType<CSSProperties>;
     readonly required: false;

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

@@ -16,21 +16,21 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<TourProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (current: number) => void;
   "update:modelValue": (value: boolean) => void;
-  finish: () => void;
   close: (current: number) => void;
+  finish: () => void;
   "update:current": (current: number) => void;
 }, string, _$vue.PublicProps, Readonly<TourProps> & Readonly<{
   onChange?: ((current: number) => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-  onFinish?: (() => any) | undefined;
   onClose?: ((current: number) => any) | undefined;
+  onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
-  mask: TourMask;
+  appendTo: string | HTMLElement;
   placement: _$_floating_ui_dom0.Placement;
   showArrow: boolean;
-  appendTo: string | HTMLElement;
   gap: TourGap;
+  mask: TourMask;
   closeOnPressEscape: boolean;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node.mjs","names":[],"sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.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=\"ns.be('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          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\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=\"[ns.be('node', 'loading-icon'), ns.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=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\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          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\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 { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\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: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, 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.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.childNodes.length,\n      () => props.node.reInitChecked()\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 tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\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      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\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\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !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      ns,\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"],"mappings":"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"}
+{"version":3,"file":"tree-node.mjs","names":[],"sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.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=\"ns.be('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          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\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=\"[ns.be('node', 'loading-icon'), ns.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=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\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          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\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 { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\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: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, 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.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.childNodes.length,\n      () => props.node.reInitChecked()\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 tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\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      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\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\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !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      ns,\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"],"mappings":"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"}

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

@@ -110,9 +110,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
+      disabled: boolean;
       id: string;
       modelValue: number | string | boolean;
-      disabled: boolean;
       validateEvent: boolean;
       name: string;
       value: string | boolean | number | object;
@@ -132,9 +132,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      disabled: boolean;
       id: string;
       modelValue: number | string | boolean;
-      disabled: boolean;
       validateEvent: boolean;
       name: string;
       value: string | boolean | number | object;
@@ -154,9 +154,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
+    disabled: boolean;
     id: string;
     modelValue: number | string | boolean;
-    disabled: boolean;
     validateEvent: boolean;
     name: string;
     value: string | boolean | number | object;

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

@@ -1481,9 +1481,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
       }, _$vue.PublicProps, {
+        disabled: boolean;
         id: string;
         modelValue: number | string | boolean;
-        disabled: boolean;
         validateEvent: boolean;
         name: string;
         value: string | boolean | number | object;
@@ -1503,9 +1503,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
+        disabled: boolean;
         id: string;
         modelValue: number | string | boolean;
-        disabled: boolean;
         validateEvent: boolean;
         name: string;
         value: string | boolean | number | object;
@@ -1525,9 +1525,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, string, {
+      disabled: boolean;
       id: string;
       modelValue: number | string | boolean;
-      disabled: boolean;
       validateEvent: boolean;
       name: string;
       value: string | boolean | number | object;

package/es/components/tree/src/tree2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree2.mjs","names":[],"sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    :class=\"[\n      ns.b(),\n      ns.is('dragging', !!dragState.draggingNode),\n      ns.is('drop-not-allow', !dragState.allowDrop),\n      ns.is('drop-inner', dragState.dropType === 'inner'),\n      { [ns.m('highlight-current')]: highlightCurrent },\n    ]\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" :class=\"ns.e('empty-block')\">\n      <slot name=\"empty\">\n        <span :class=\"ns.e('empty-text')\">\n          {{ emptyText ?? t('el.tree.emptyText') }}\n        </span>\n      </slot>\n    </div>\n    <div\n      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      :class=\"ns.e('drop-indicator')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport { ROOT_TREE_INJECTION_KEY } from './tokens'\nimport { treeEmits, treeProps } from './tree'\n\nimport type Node from './model/node'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { FilterValue, TreeData, TreeKey, TreeNodeData } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props, ctx) {\n    const { t } = useLocale()\n    const ns = useNamespace('tree')\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node | null>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const instance = getCurrentInstance()\n\n    const isSelectTree = computed(() => {\n      let parent = instance?.parent\n      while (parent) {\n        if (parent.type.name === 'ElTreeSelect') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        (!childNodes ||\n          childNodes.length === 0 ||\n          childNodes.every(({ visible }) => !visible)) &&\n        !isSelectTree.value\n      )\n    })\n\n    watch(\n      () => props.currentNodeKey,\n      (newVal) => {\n        store.value.setCurrentNodeKey(newVal ?? null)\n      }\n    )\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n\n        store.value.setDefaultCheckedKey(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.setDefaultExpandedKeys(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value: FilterValue) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return props.nodeKey ? getNodeKeyUtil(props.nodeKey, node.data) : node.id\n    }\n\n    const requireNodeKey = (methodName: string) => {\n      if (!props.nodeKey) {\n        throw new Error(`[Tree] nodeKey is required in ${methodName}`)\n      }\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      requireNodeKey('getNodePath')\n\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly?: boolean,\n      includeHalfChecked?: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly?: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = () => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): TreeKey | null => {\n      requireNodeKey('getCurrentKey')\n\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey!] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedNodes')\n\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys: TreeKey[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedKeys')\n\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean = false\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      requireNodeKey('setCurrentNode')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded(node)\n        store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n      })\n    }\n\n    const setCurrentKey = (\n      key: TreeKey | null = null,\n      shouldAutoExpandParent = true\n    ) => {\n      requireNodeKey('setCurrentKey')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded()\n        store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n      })\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      requireNodeKey('updateKeyChildren')\n\n      store.value.updateChildren(key, data)\n    }\n\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance,\n    })\n\n    provide(formItemContextKey, undefined)\n\n    return {\n      ns,\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;qBACE,mBAkCM,OAAA;EAjCJ,KAAI;EACH,OAAK,eAAA;GAAU,KAAA,GAAG,GAAC;GAAU,KAAA,GAAG,GAAE,YAAA,CAAA,CAAe,KAAA,UAAU,aAAY;GAAS,KAAA,GAAG,GAAE,kBAAA,CAAoB,KAAA,UAAU,UAAS;GAAS,KAAA,GAAG,GAAE,cAAe,KAAA,UAAU,aAAQ,QAAA;MAAwB,KAAA,GAAG,EAAC,oBAAA,GAAwB,KAAA,kBAAgB;;EAOhP,MAAK;;oBAEL,mBAUE,UAAA,MAAA,WATgB,KAAA,KAAK,aAAd,UAAK;uBADd,YAUE,yBAAA;IARC,KAAK,KAAA,WAAW,MAAK;IACrB,MAAM;IACN,OAAO,KAAA;IACP,WAAW,KAAA;IACX,uBAAqB,KAAA;IACrB,iBAAe,KAAA;IACf,kBAAgB,KAAA;IAChB,cAAa,KAAA;;;;;;;;;;;EAEL,KAAA,WAAA,WAAA,EAAX,mBAMM,OAAA;;GANe,OAAK,eAAE,KAAA,GAAG,EAAC,cAAA,CAAA;MAC9B,WAIO,KAAA,QAAA,SAAA,EAAA,QAAA,CAHL,mBAEO,QAAA,EAFA,OAAK,eAAE,KAAA,GAAG,EAAC,aAAA,CAAA,EAAA,EAAA,gBACb,KAAA,aAAa,KAAA,EAAC,oBAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;iBAIvB,mBAIE,OAAA;GAFA,KAAI;GACH,OAAK,eAAE,KAAA,GAAG,EAAC,iBAAA,CAAA;wBAFJ,KAAA,UAAU,kBAAiB,CAAA,CAAA"}
+{"version":3,"file":"tree2.mjs","names":[],"sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    :class=\"[\n      ns.b(),\n      ns.is('dragging', !!dragState.draggingNode),\n      ns.is('drop-not-allow', !dragState.allowDrop),\n      ns.is('drop-inner', dragState.dropType === 'inner'),\n      { [ns.m('highlight-current')]: highlightCurrent },\n    ]\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" :class=\"ns.e('empty-block')\">\n      <slot name=\"empty\">\n        <span :class=\"ns.e('empty-text')\">\n          {{ emptyText ?? t('el.tree.emptyText') }}\n        </span>\n      </slot>\n    </div>\n    <div\n      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      :class=\"ns.e('drop-indicator')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport { ROOT_TREE_INJECTION_KEY } from './tokens'\nimport { treeEmits, treeProps } from './tree'\n\nimport type Node from './model/node'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { FilterValue, TreeData, TreeKey, TreeNodeData } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props, ctx) {\n    const { t } = useLocale()\n    const ns = useNamespace('tree')\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node | null>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const instance = getCurrentInstance()\n\n    const isSelectTree = computed(() => {\n      let parent = instance?.parent\n      while (parent) {\n        if (parent.type.name === 'ElTreeSelect') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        (!childNodes ||\n          childNodes.length === 0 ||\n          childNodes.every(({ visible }) => !visible)) &&\n        !isSelectTree.value\n      )\n    })\n\n    watch(\n      () => props.currentNodeKey,\n      (newVal) => {\n        store.value.setCurrentNodeKey(newVal ?? null)\n      }\n    )\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n\n        store.value.setDefaultCheckedKey(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.setDefaultExpandedKeys(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value: FilterValue) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return props.nodeKey ? getNodeKeyUtil(props.nodeKey, node.data) : node.id\n    }\n\n    const requireNodeKey = (methodName: string) => {\n      if (!props.nodeKey) {\n        throw new Error(`[Tree] nodeKey is required in ${methodName}`)\n      }\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      requireNodeKey('getNodePath')\n\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly?: boolean,\n      includeHalfChecked?: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly?: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = () => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): TreeKey | null => {\n      requireNodeKey('getCurrentKey')\n\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey!] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedNodes')\n\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys: TreeKey[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedKeys')\n\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean = false\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      requireNodeKey('setCurrentNode')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded(node)\n        store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n      })\n    }\n\n    const setCurrentKey = (\n      key: TreeKey | null = null,\n      shouldAutoExpandParent = true\n    ) => {\n      requireNodeKey('setCurrentKey')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded()\n        store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n      })\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      requireNodeKey('updateKeyChildren')\n\n      store.value.updateChildren(key, data)\n    }\n\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance,\n    })\n\n    provide(formItemContextKey, undefined)\n\n    return {\n      ns,\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;CACE,OAAA,WAAA,EAAA,mBAkCM,OAAA;EAjCJ,KAAI;EACH,OAAK,eAAA;GAAU,KAAA,GAAG,GAAC;GAAU,KAAA,GAAG,GAAE,YAAA,CAAA,CAAe,KAAA,UAAU,aAAY;GAAS,KAAA,GAAG,GAAE,kBAAA,CAAoB,KAAA,UAAU,UAAS;GAAS,KAAA,GAAG,GAAE,cAAe,KAAA,UAAU,aAAQ,QAAA;GAAwB,GAAA,KAAA,GAAG,EAAC,oBAAA,GAAwB,KAAA,kBAAgB;;EAOhP,MAAK;;GAEL,UAAA,KAAA,EAAA,mBAUE,UAAA,MAAA,WATgB,KAAA,KAAK,aAAd,UAAK;GADd,OAAA,WAAA,EAAA,YAUE,yBAAA;IARC,KAAK,KAAA,WAAW,MAAK;IACrB,MAAM;IACN,OAAO,KAAA;IACP,WAAW,KAAA;IACX,uBAAqB,KAAA;IACrB,iBAAe,KAAA;IACf,kBAAgB,KAAA;IAChB,cAAa,KAAA;;;;;;;;;;;EAEL,KAAA,WAAX,WAAA,EAAA,mBAMM,OAAA;;GANe,OAAK,eAAE,KAAA,GAAG,EAAC,cAAA,CAAA;MAC9B,WAIO,KAAA,QAAA,SAAA,EAAA,QAAA,CAHL,mBAEO,QAAA,EAFA,OAAK,eAAE,KAAA,GAAG,EAAC,aAAA,CAAA,EACb,EAAA,gBAAA,KAAA,aAAa,KAAA,EAAC,oBAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;EAIvB,eAAA,mBAIE,OAAA;GAFA,KAAI;GACH,OAAK,eAAE,KAAA,GAAG,EAAC,iBAAA,CAAA;gBAFJ,CAAA,OAAA,KAAA,UAAU,kBAAiB,CAAA,CAAA"}