@element-plus/nightly 0.0.20260401 → 0.0.20260403

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

@@ -36,7 +36,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "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[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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>;
@@ -242,7 +242,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "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[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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>;
@@ -422,10 +422,9 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   type: string;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
-  placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   placeholder: string;
   readonly: boolean;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -433,12 +432,13 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   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>;
+  saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   fallbackPlacements: Placement[];
+  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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>;
   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>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   rangeSeparator: string;
   shortcuts: unknown[];
   showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -28,19 +28,19 @@ declare const __VLS_export: vue.DefineComponent<TimeSelectProps, {
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
 }>, {
-  effect: PopperEffect;
-  popperClass: string;
-  popperStyle: string | vue.CSSProperties;
   disabled: boolean;
   clearable: boolean;
   clearIcon: IconPropType;
   prefixIcon: IconPropType;
   end: string;
   start: string;
+  effect: PopperEffect;
+  popperClass: string;
+  popperStyle: string | vue.CSSProperties;
+  step: string;
   valueOnClear: string | number | boolean | Function | null;
-  editable: boolean;
   format: string;
-  step: string;
+  editable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

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

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

@@ -10,9 +10,9 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<TimelineItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TimelineItemProps> & Readonly<{}>, {
   type: "primary" | "success" | "warning" | "danger" | "info" | "";
-  placement: "top" | "bottom";
   size: "normal" | "large";
   color: string;
+  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

@@ -19,26 +19,26 @@ declare const __VLS_base: vue.DefineComponent<ElTooltipContentProps, {
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
-  offset: number;
-  teleported: boolean;
-  effect: PopperEffect;
-  placement: Placement;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean | null;
   content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  effect: PopperEffect;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  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;
+  teleported: boolean;
   showAfter: number;
   hideAfter: number;
   autoClose: number;

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

@@ -60,32 +60,32 @@ declare const __VLS_base: vue.DefineComponent<UseTooltipProps, {
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
-  offset: number;
-  teleported: boolean;
-  effect: PopperEffect;
-  placement: Placement;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean | null;
   content: string;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
+  effect: PopperEffect;
+  trigger: Arrayable<TooltipTriggerType>;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
   trapping: boolean;
+  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;
   showArrow: boolean;
   role: typeof roleTypes[number];
+  teleported: boolean;
   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

@@ -36,7 +36,7 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "bottom" | "top" | "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/step.d.ts

@@ -82,7 +82,7 @@ declare const tourStepProps: {
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement) | (((new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "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" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "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/tour.d.ts

@@ -85,7 +85,7 @@ declare const tourProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement) | (((new (...args: any[]) => "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "top" | "bottom" | "bottom-start" | "left" | "right" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "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" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _floating_ui_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "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

@@ -27,15 +27,15 @@ declare const __VLS_base: vue.DefineComponent<TourProps, {}, {}, {}, {}, vue.Com
   onFinish?: (() => any) | undefined;
   "onUpdate:current"?: ((current: number) => any) | undefined;
 }>, {
-  appendTo: string | HTMLElement;
   placement: _floating_ui_dom0.Placement;
   showArrow: boolean;
+  appendTo: string | HTMLElement;
   gap: TourGap;
   mask: TourMask;
-  closeOnPressEscape: boolean;
+  current: number;
   showClose: boolean;
   scrollIntoViewOptions: boolean | ScrollIntoViewOptions;
-  current: number;
+  closeOnPressEscape: boolean;
   targetAreaClickable: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_setup_true_lang.mjs

@@ -1,10 +1,9 @@
 import { isEmpty } from "../../../utils/types.mjs";
-import { mutable } from "../../../utils/typescript.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { ElInput } from "../../input/index.mjs";
 import { ElCheckbox, ElCheckboxGroup } from "../../checkbox/index.mjs";
-import { transferPanelEmits } from "./transfer-panel.mjs";
+import { transferPanelEmits, transferPanelProps } from "./transfer-panel.mjs";
 import { usePropsAlias } from "./composables/use-props-alias.mjs";
 import { useCheck } from "./composables/use-check.mjs";
 import { Search } from "@element-plus/icons-vue";
@@ -14,52 +13,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 var transfer_panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElTransferPanel",
 	__name: "transfer-panel",
-	props: {
-		data: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		optionRender: {
-			type: Function,
-			required: false
-		},
-		placeholder: {
-			type: String,
-			required: false
-		},
-		title: {
-			type: String,
-			required: false
-		},
-		filterable: {
-			type: Boolean,
-			required: false
-		},
-		format: {
-			type: Object,
-			required: false,
-			default: () => ({})
-		},
-		filterMethod: {
-			type: Function,
-			required: false
-		},
-		defaultChecked: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		props: {
-			type: Object,
-			required: false,
-			default: () => mutable({
-				label: "label",
-				key: "key",
-				disabled: "disabled"
-			})
-		}
-	},
+	props: transferPanelProps,
 	emits: transferPanelEmits,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;

package/es/components/transfer/src/transfer-panel.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b('panel')\">\n    <p :class=\"ns.be('panel', 'header')\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        :validate-event=\"false\"\n        @change=\"handleAllCheckedChange\"\n      >\n        <span :class=\"ns.be('panel', 'header-title')\">{{ title }}</span>\n        <span :class=\"ns.be('panel', 'header-count')\">\n          {{ checkedSummary }}\n        </span>\n      </el-checkbox>\n    </p>\n\n    <div :class=\"[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]\">\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        :class=\"ns.be('panel', 'filter')\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"Search\"\n        clearable\n        :validate-event=\"false\"\n      />\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && !isEmpty(data)\"\n        v-model=\"checked\"\n        :validate-event=\"false\"\n        :class=\"[ns.is('filterable', filterable), ns.be('panel', 'list')]\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[propsAlias.key]\"\n          :class=\"ns.be('panel', 'item')\"\n          :value=\"item[propsAlias.key]\"\n          :disabled=\"item[propsAlias.disabled]\"\n          :validate-event=\"false\"\n        >\n          <option-content :option=\"optionRender?.(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <div\n        v-show=\"hasNoMatch || isEmpty(data)\"\n        :class=\"ns.be('panel', 'empty')\"\n      >\n        <slot name=\"empty\">\n          {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n        </slot>\n      </div>\n    </div>\n    <p v-if=\"hasFooter\" :class=\"ns.be('panel', 'footer')\">\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends TransferDataItem = TransferDataItem\">\nimport { computed, reactive, toRefs, useSlots } from 'vue'\nimport { isEmpty, mutable } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElInput } from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { transferPanelEmits } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferDataItem } from './transfer'\nimport type { TransferPanelProps, TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = withDefaults(defineProps<TransferPanelProps<T>>(), {\n  data: () => [],\n  format: () => ({}),\n  defaultChecked: () => [],\n  props: () =>\n    mutable({\n      label: 'label',\n      key: 'key',\n      disabled: 'disabled',\n    }),\n})\nconst emit = defineEmits(transferPanelEmits)\nconst slots = useSlots()\n\nconst OptionContent = ({ option }: { option?: VNode | VNode[] }) => option\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\n\nconst panelState = reactive<TransferPanelState>({\n  checked: [],\n  allChecked: false,\n  query: '',\n  checkChangeByUser: true,\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst {\n  filteredData,\n  checkedSummary,\n  isIndeterminate,\n  handleAllCheckedChange,\n} = useCheck(props, panelState, emit)\n\nconst hasNoMatch = computed(\n  () => !isEmpty(panelState.query) && isEmpty(filteredData.value)\n)\n\nconst hasFooter = computed(() => !isEmpty(slots.default!()[0].children))\n\nconst { checked, allChecked, query } = toRefs(panelState)\n\ndefineExpose({\n  /** @description filter keyword */\n  query,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"transfer-panel.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer-panel.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b('panel')\">\n    <p :class=\"ns.be('panel', 'header')\">\n      <el-checkbox\n        v-model=\"allChecked\"\n        :indeterminate=\"isIndeterminate\"\n        :validate-event=\"false\"\n        @change=\"handleAllCheckedChange\"\n      >\n        <span :class=\"ns.be('panel', 'header-title')\">{{ title }}</span>\n        <span :class=\"ns.be('panel', 'header-count')\">\n          {{ checkedSummary }}\n        </span>\n      </el-checkbox>\n    </p>\n\n    <div :class=\"[ns.be('panel', 'body'), ns.is('with-footer', hasFooter)]\">\n      <el-input\n        v-if=\"filterable\"\n        v-model=\"query\"\n        :class=\"ns.be('panel', 'filter')\"\n        size=\"default\"\n        :placeholder=\"placeholder\"\n        :prefix-icon=\"Search\"\n        clearable\n        :validate-event=\"false\"\n      />\n      <el-checkbox-group\n        v-show=\"!hasNoMatch && !isEmpty(data)\"\n        v-model=\"checked\"\n        :validate-event=\"false\"\n        :class=\"[ns.is('filterable', filterable), ns.be('panel', 'list')]\"\n      >\n        <el-checkbox\n          v-for=\"item in filteredData\"\n          :key=\"item[propsAlias.key]\"\n          :class=\"ns.be('panel', 'item')\"\n          :value=\"item[propsAlias.key]\"\n          :disabled=\"item[propsAlias.disabled]\"\n          :validate-event=\"false\"\n        >\n          <option-content :option=\"optionRender?.(item)\" />\n        </el-checkbox>\n      </el-checkbox-group>\n      <div\n        v-show=\"hasNoMatch || isEmpty(data)\"\n        :class=\"ns.be('panel', 'empty')\"\n      >\n        <slot name=\"empty\">\n          {{ hasNoMatch ? t('el.transfer.noMatch') : t('el.transfer.noData') }}\n        </slot>\n      </div>\n    </div>\n    <p v-if=\"hasFooter\" :class=\"ns.be('panel', 'footer')\">\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends TransferDataItem = TransferDataItem\">\nimport { computed, reactive, toRefs, useSlots } from 'vue'\nimport { isEmpty, mutable } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElCheckbox, ElCheckboxGroup } from '@element-plus/components/checkbox'\nimport { ElInput } from '@element-plus/components/input'\nimport { Search } from '@element-plus/icons-vue'\nimport { transferPanelEmits } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferDataItem } from './transfer'\nimport type { TransferPanelProps, TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = withDefaults(defineProps<TransferPanelProps<T>>(), {\n  data: () => [],\n  format: () => ({}),\n  defaultChecked: () => [],\n  props: () =>\n    mutable({\n      label: 'label',\n      key: 'key',\n      disabled: 'disabled',\n    }),\n})\nconst emit = defineEmits(transferPanelEmits)\nconst slots = useSlots()\n\nconst OptionContent = ({ option }: { option?: VNode | VNode[] }) => option\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\n\nconst panelState = reactive<TransferPanelState>({\n  checked: [],\n  allChecked: false,\n  query: '',\n  checkChangeByUser: true,\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst {\n  filteredData,\n  checkedSummary,\n  isIndeterminate,\n  handleAllCheckedChange,\n} = useCheck(props, panelState, emit)\n\nconst hasNoMatch = computed(\n  () => !isEmpty(panelState.query) && isEmpty(filteredData.value)\n)\n\nconst hasFooter = computed(() => !isEmpty(slots.default!()[0].children))\n\nconst { checked, allChecked, query } = toRefs(panelState)\n\ndefineExpose({\n  /** @description filter keyword */\n  query,\n})\n</script>\n"],"mappings":"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"}

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

@@ -28,7 +28,7 @@ declare const __VLS_export: <T extends TransferDataItem = TransferDataItem>(__VL
     'right-empty'?: () => VNode[];
     'right-footer'?: () => VNode[];
   };
-  emit: ((event: "change", value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => void) & ((event: "update:modelValue", value: TransferKey[]) => void) & ((event: "left-check-change", value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void) & ((event: "right-check-change", value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void);
+  emit: ((event: "update:modelValue", value: TransferKey[]) => void) & ((event: "change", value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => void) & ((event: "left-check-change", value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void) & ((event: "right-check-change", value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void);
 }>) => VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
 }> & {

package/es/components/transfer/src/transfer.vue_vue_type_script_setup_true_lang.mjs

@@ -5,7 +5,7 @@ import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { ElIcon } from "../../icon/index.mjs";
 import { useFormItem } from "../../form/src/hooks/use-form-item.mjs";
 import { ElButton } from "../../button/index.mjs";
-import { transferEmits } from "./transfer.mjs";
+import { transferEmits, transferProps } from "./transfer.mjs";
 import { usePropsAlias } from "./composables/use-props-alias.mjs";
 import { useCheckedChange } from "./composables/use-checked-change.mjs";
 import { useComputedData } from "./composables/use-computed-data.mjs";
@@ -20,78 +20,7 @@ const _hoisted_2 = { key: 0 };
 var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElTransfer",
 	__name: "transfer",
-	props: {
-		data: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		titles: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		buttonTexts: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		filterPlaceholder: {
-			type: String,
-			required: false
-		},
-		filterMethod: {
-			type: Function,
-			required: false
-		},
-		leftDefaultChecked: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		rightDefaultChecked: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		renderContent: {
-			type: Function,
-			required: false
-		},
-		modelValue: {
-			type: Array,
-			required: false,
-			default: () => []
-		},
-		format: {
-			type: Object,
-			required: false,
-			default: () => ({})
-		},
-		filterable: {
-			type: Boolean,
-			required: false
-		},
-		props: {
-			type: Object,
-			required: false,
-			default: () => ({
-				label: "label",
-				key: "key",
-				disabled: "disabled"
-			})
-		},
-		targetOrder: {
-			type: String,
-			required: false,
-			default: "original"
-		},
-		validateEvent: {
-			type: Boolean,
-			required: false,
-			default: true
-		}
-	},
+	props: transferProps,
 	emits: transferEmits,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;

package/es/components/transfer/src/transfer.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props.props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <template #empty>\n        <slot name=\"left-empty\" />\n      </template>\n      <slot name=\"left-footer\" />\n    </transfer-panel>\n    <div :class=\"ns.e('buttons')\">\n      <el-button\n        type=\"primary\"\n        :class=\"[ns.e('button'), ns.is('with-texts', hasButtonTexts)]\"\n        :disabled=\"isEmpty(checkedState.rightChecked)\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"!isUndefined(buttonTexts[0])\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"[ns.e('button'), ns.is('with-texts', hasButtonTexts)]\"\n        :disabled=\"isEmpty(checkedState.leftChecked)\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"!isUndefined(buttonTexts[1])\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props.props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <template #empty>\n        <slot name=\"right-empty\" />\n      </template>\n      <slot name=\"right-footer\" />\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends TransferDataItem = TransferDataItem\">\nimport { Comment, computed, h, reactive, ref, watch } from 'vue'\nimport { debugWarn, isEmpty, isUndefined } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem } from '@element-plus/components/form'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { transferEmits } from './transfer'\nimport {\n  useCheckedChange,\n  useComputedData,\n  useMove,\n  usePropsAlias,\n} from './composables'\nimport TransferPanel from './transfer-panel.vue'\n\nimport type { VNode } from 'vue'\nimport type {\n  TransferCheckedState,\n  TransferDataItem,\n  TransferDirection,\n  TransferProps,\n} from './transfer'\nimport type { TransferPanelInstance } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransfer',\n})\n\nconst props = withDefaults(defineProps<TransferProps<T>>(), {\n  data: () => [],\n  titles: () => [] as unknown as [string, string],\n  buttonTexts: () => [] as unknown as [string, string],\n  leftDefaultChecked: () => [],\n  rightDefaultChecked: () => [],\n  modelValue: () => [],\n  format: () => ({}),\n  props: () => ({\n    label: 'label',\n    key: 'key',\n    disabled: 'disabled',\n  }),\n  targetOrder: 'original',\n  validateEvent: true,\n})\nconst emit = defineEmits(transferEmits)\nconst slots = defineSlots<{\n  default?: (props: { option: T }) => VNode[]\n  'left-empty'?: () => VNode[]\n  'left-footer'?: () => VNode[]\n  'right-empty'?: () => VNode[]\n  'right-footer'?: () => VNode[]\n}>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\nconst { formItem } = useFormItem()\n\nconst checkedState = reactive<TransferCheckedState>({\n  leftChecked: [],\n  rightChecked: [],\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst { sourceData, targetData } = useComputedData(props)\n\nconst { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n  checkedState,\n  emit\n)\n\nconst { addToLeft, addToRight } = useMove(props, checkedState, emit)\n\nconst leftPanel = ref<TransferPanelInstance>()\nconst rightPanel = ref<TransferPanelInstance>()\n\nconst clearQuery = (which: TransferDirection) => {\n  switch (which) {\n    case 'left':\n      leftPanel.value!.query = ''\n      break\n    case 'right':\n      rightPanel.value!.query = ''\n      break\n  }\n}\n\nconst hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\nconst leftPanelTitle = computed(\n  () => props.titles[0] || t('el.transfer.titles.0')\n)\n\nconst rightPanelTitle = computed(\n  () => props.titles[1] || t('el.transfer.titles.1')\n)\n\nconst panelFilterPlaceholder = computed(\n  () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nconst optionRender = computed(() => (option: T) => {\n  if (props.renderContent) return props.renderContent(h, option)\n\n  const defaultSlotVNodes = (slots.default?.({ option }) || []).filter(\n    (node) => node.type !== Comment\n  )\n  if (defaultSlotVNodes.length) {\n    return defaultSlotVNodes\n  }\n\n  return h(\n    'span',\n    option[propsAlias.value.label] || option[propsAlias.value.key]\n  )\n})\n\ndefineExpose({\n  /** @description clear the filter keyword of a certain panel */\n  clearQuery,\n  /** @description left panel ref */\n  leftPanel,\n  /** @description right panel ref */\n  rightPanel,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"transfer.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <transfer-panel\n      ref=\"leftPanel\"\n      :data=\"sourceData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :title=\"leftPanelTitle\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :default-checked=\"leftDefaultChecked\"\n      :props=\"props.props\"\n      @checked-change=\"onSourceCheckedChange\"\n    >\n      <template #empty>\n        <slot name=\"left-empty\" />\n      </template>\n      <slot name=\"left-footer\" />\n    </transfer-panel>\n    <div :class=\"ns.e('buttons')\">\n      <el-button\n        type=\"primary\"\n        :class=\"[ns.e('button'), ns.is('with-texts', hasButtonTexts)]\"\n        :disabled=\"isEmpty(checkedState.rightChecked)\"\n        @click=\"addToLeft\"\n      >\n        <el-icon><arrow-left /></el-icon>\n        <span v-if=\"!isUndefined(buttonTexts[0])\">{{ buttonTexts[0] }}</span>\n      </el-button>\n      <el-button\n        type=\"primary\"\n        :class=\"[ns.e('button'), ns.is('with-texts', hasButtonTexts)]\"\n        :disabled=\"isEmpty(checkedState.leftChecked)\"\n        @click=\"addToRight\"\n      >\n        <span v-if=\"!isUndefined(buttonTexts[1])\">{{ buttonTexts[1] }}</span>\n        <el-icon><arrow-right /></el-icon>\n      </el-button>\n    </div>\n    <transfer-panel\n      ref=\"rightPanel\"\n      :data=\"targetData\"\n      :option-render=\"optionRender\"\n      :placeholder=\"panelFilterPlaceholder\"\n      :filterable=\"filterable\"\n      :format=\"format\"\n      :filter-method=\"filterMethod\"\n      :title=\"rightPanelTitle\"\n      :default-checked=\"rightDefaultChecked\"\n      :props=\"props.props\"\n      @checked-change=\"onTargetCheckedChange\"\n    >\n      <template #empty>\n        <slot name=\"right-empty\" />\n      </template>\n      <slot name=\"right-footer\" />\n    </transfer-panel>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends TransferDataItem = TransferDataItem\">\nimport { Comment, computed, h, reactive, ref, watch } from 'vue'\nimport { debugWarn, isEmpty, isUndefined } from '@element-plus/utils'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { ElButton } from '@element-plus/components/button'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem } from '@element-plus/components/form'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\nimport { transferEmits } from './transfer'\nimport {\n  useCheckedChange,\n  useComputedData,\n  useMove,\n  usePropsAlias,\n} from './composables'\nimport TransferPanel from './transfer-panel.vue'\n\nimport type { VNode } from 'vue'\nimport type {\n  TransferCheckedState,\n  TransferDataItem,\n  TransferDirection,\n  TransferProps,\n} from './transfer'\nimport type { TransferPanelInstance } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransfer',\n})\n\nconst props = withDefaults(defineProps<TransferProps<T>>(), {\n  data: () => [],\n  titles: () => [] as unknown as [string, string],\n  buttonTexts: () => [] as unknown as [string, string],\n  leftDefaultChecked: () => [],\n  rightDefaultChecked: () => [],\n  modelValue: () => [],\n  format: () => ({}),\n  props: () => ({\n    label: 'label',\n    key: 'key',\n    disabled: 'disabled',\n  }),\n  targetOrder: 'original',\n  validateEvent: true,\n})\nconst emit = defineEmits(transferEmits)\nconst slots = defineSlots<{\n  default?: (props: { option: T }) => VNode[]\n  'left-empty'?: () => VNode[]\n  'left-footer'?: () => VNode[]\n  'right-empty'?: () => VNode[]\n  'right-footer'?: () => VNode[]\n}>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('transfer')\nconst { formItem } = useFormItem()\n\nconst checkedState = reactive<TransferCheckedState>({\n  leftChecked: [],\n  rightChecked: [],\n})\n\nconst propsAlias = usePropsAlias(props)\n\nconst { sourceData, targetData } = useComputedData(props)\n\nconst { onSourceCheckedChange, onTargetCheckedChange } = useCheckedChange(\n  checkedState,\n  emit\n)\n\nconst { addToLeft, addToRight } = useMove(props, checkedState, emit)\n\nconst leftPanel = ref<TransferPanelInstance>()\nconst rightPanel = ref<TransferPanelInstance>()\n\nconst clearQuery = (which: TransferDirection) => {\n  switch (which) {\n    case 'left':\n      leftPanel.value!.query = ''\n      break\n    case 'right':\n      rightPanel.value!.query = ''\n      break\n  }\n}\n\nconst hasButtonTexts = computed(() => props.buttonTexts.length === 2)\n\nconst leftPanelTitle = computed(\n  () => props.titles[0] || t('el.transfer.titles.0')\n)\n\nconst rightPanelTitle = computed(\n  () => props.titles[1] || t('el.transfer.titles.1')\n)\n\nconst panelFilterPlaceholder = computed(\n  () => props.filterPlaceholder || t('el.transfer.filterPlaceholder')\n)\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (props.validateEvent) {\n      formItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nconst optionRender = computed(() => (option: T) => {\n  if (props.renderContent) return props.renderContent(h, option)\n\n  const defaultSlotVNodes = (slots.default?.({ option }) || []).filter(\n    (node) => node.type !== Comment\n  )\n  if (defaultSlotVNodes.length) {\n    return defaultSlotVNodes\n  }\n\n  return h(\n    'span',\n    option[propsAlias.value.label] || option[propsAlias.value.key]\n  )\n})\n\ndefineExpose({\n  /** @description clear the filter keyword of a certain panel */\n  clearQuery,\n  /** @description left panel ref */\n  leftPanel,\n  /** @description right panel ref */\n  rightPanel,\n})\n</script>\n"],"mappings":"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"}

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

@@ -930,18 +930,18 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
   readonly lazy: boolean;
   readonly props: TreeOptionProps;
-  readonly data: TreeData;
-  readonly checkStrictly: boolean;
-  readonly checkOnClickNode: boolean;
-  readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly accordion: boolean;
   readonly draggable: boolean;
+  readonly data: TreeData;
   readonly defaultExpandAll: boolean;
   readonly indent: number;
+  readonly accordion: boolean;
   readonly renderAfterExpand: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showCheckbox: boolean;
   readonly expandOnClickNode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly autoExpandParent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly checkStrictly: boolean;
+  readonly checkOnClickNode: boolean;
   readonly checkDescendants: boolean;
   readonly highlightCurrent: boolean;
 }, {}, {
@@ -1015,8 +1015,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "onNode-expand"?: ((...args: any[]) => any) | undefined;
   }>, {
     props: TreeOptionProps;
-    accordion: boolean;
     node: Node;
+    accordion: boolean;
     renderAfterExpand: boolean;
     showCheckbox: boolean;
   }, {}, {
@@ -1045,12 +1045,12 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
-        value: string | boolean | number | object;
-        modelValue: number | string | boolean;
-        id: string;
         disabled: boolean;
+        id: string;
+        modelValue: number | string | boolean;
         validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
@@ -1067,12 +1067,12 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        value: string | boolean | number | object;
-        modelValue: number | string | boolean;
-        id: string;
         disabled: boolean;
+        id: string;
+        modelValue: number | string | boolean;
         validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
@@ -1089,12 +1089,12 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, string, {
-      value: string | boolean | number | object;
-      modelValue: number | string | boolean;
-      id: string;
       disabled: boolean;
+      id: string;
+      modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;