@element-plus/nightly 0.0.20260329 → 0.0.20260331

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

@@ -1,9 +1,10 @@
 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, transferPanelProps } from "./transfer-panel.mjs";
+import { transferPanelEmits } 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";
@@ -13,7 +14,52 @@ 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: transferPanelProps,
+	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"
+			})
+		}
+	},
 	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>\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 { TransferPanelProps, TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = withDefaults(defineProps<TransferPanelProps>(), {\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-panel2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel2.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>\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 { TransferPanelProps, TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = withDefaults(defineProps<TransferPanelProps>(), {\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":""}
+{"version":3,"file":"transfer-panel2.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":""}

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

@@ -3,13 +3,14 @@ import { Mutable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
 import { _default } from "./transfer.vue.js";
 import * as vue from "vue";
-import { ExtractPublicPropTypes, VNode, h } from "vue";
+import { ComponentInstance, ExtractPublicPropTypes, VNode, h } from "vue";
+import { ComponentExposed } from "vue-component-type-helpers";
 
 //#region ../../packages/components/transfer/src/transfer.d.ts
 type TransferKey = string | number;
 type TransferDirection = 'left' | 'right';
 type TransferDataItem = Record<string, any>;
-type renderContent = (h: typeof h, option: TransferDataItem) => VNode | VNode[];
+type renderContent<T extends TransferDataItem = TransferDataItem> = (h: typeof h, option: T) => VNode | VNode[];
 interface TransferFormat {
   noChecked?: string;
   hasChecked?: string;
@@ -25,11 +26,11 @@ interface TransferCheckedState {
 }
 declare const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
 declare const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
-interface TransferProps {
+interface TransferProps<T extends TransferDataItem = TransferDataItem> {
   /**
    * @description data source
    */
-  data?: TransferDataItem[];
+  data?: T[];
   /**
    * @description custom list titles
    */
@@ -45,7 +46,7 @@ interface TransferProps {
   /**
    * @description custom filter method
    */
-  filterMethod?: (query: string, item: TransferDataItem) => boolean;
+  filterMethod?: (query: string, item: T) => boolean;
   /**
    * @description key array of initially checked data items of the left list
    */
@@ -57,7 +58,7 @@ interface TransferProps {
   /**
    * @description custom render function for data items
    */
-  renderContent?: renderContent;
+  renderContent?: renderContent<T>;
   /**
    * @description binding value
    */
@@ -100,7 +101,7 @@ declare const transferProps: {
   readonly leftDefaultChecked: EpPropFinalized<(new (...args: any[]) => TransferKey[]) | (() => TransferKey[]) | (((new (...args: any[]) => TransferKey[]) | (() => TransferKey[])) | null)[], unknown, unknown, () => never[], boolean>;
   readonly rightDefaultChecked: EpPropFinalized<(new (...args: any[]) => TransferKey[]) | (() => TransferKey[]) | (((new (...args: any[]) => TransferKey[]) | (() => TransferKey[])) | null)[], unknown, unknown, () => never[], boolean>;
   readonly renderContent: {
-    readonly type: vue.PropType<renderContent>;
+    readonly type: vue.PropType<renderContent<TransferDataItem>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -128,6 +129,6 @@ declare const transferEmits: {
   "right-check-change": (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
 };
 type TransferEmits = typeof transferEmits;
-type TransferInstance = InstanceType<typeof _default> & unknown;
+type TransferInstance = ComponentInstance<typeof _default> & ComponentExposed<typeof _default>;
 //#endregion
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, TransferCheckedState, TransferDataItem, TransferDirection, TransferEmits, TransferFormat, TransferInstance, TransferKey, TransferProps, TransferPropsAlias, TransferPropsPublic, renderContent, transferCheckedChangeFn, transferEmits, transferProps };

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

@@ -1 +1 @@
-{"version":3,"file":"transfer.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes, h as H, VNode } from 'vue'\nimport type Transfer from './transfer.vue'\n\nexport type TransferKey = string | number\nexport type TransferDirection = 'left' | 'right'\n\nexport type TransferDataItem = Record<string, any>\n\nexport type renderContent = (\n  h: typeof H,\n  option: TransferDataItem\n) => VNode | VNode[]\n\nexport interface TransferFormat {\n  noChecked?: string\n  hasChecked?: string\n}\n\nexport interface TransferPropsAlias {\n  label?: string\n  key?: string\n  disabled?: string\n}\n\nexport interface TransferCheckedState {\n  leftChecked: TransferKey[]\n  rightChecked: TransferKey[]\n}\n\nexport const LEFT_CHECK_CHANGE_EVENT = 'left-check-change'\nexport const RIGHT_CHECK_CHANGE_EVENT = 'right-check-change'\n\nexport interface TransferProps {\n  /**\n   * @description data source\n   */\n  data?: TransferDataItem[]\n  /**\n   * @description custom list titles\n   */\n  titles?: [string, string]\n  /**\n   * @description custom button texts\n   */\n  buttonTexts?: [string, string]\n  /**\n   * @description placeholder for the filter input\n   */\n  filterPlaceholder?: string\n  /**\n   * @description custom filter method\n   */\n  filterMethod?: (query: string, item: TransferDataItem) => boolean\n  /**\n   * @description key array of initially checked data items of the left list\n   */\n  leftDefaultChecked?: TransferKey[]\n  /**\n   * @description key array of initially checked data items of the right list\n   */\n  rightDefaultChecked?: TransferKey[]\n  /**\n   * @description custom render function for data items\n   */\n  renderContent?: renderContent\n  /**\n   * @description binding value\n   */\n  modelValue?: TransferKey[]\n  /**\n   * @description texts for checking status in list header\n   */\n  format?: TransferFormat\n  /**\n   * @description whether Transfer is filterable\n   */\n  filterable?: boolean\n  /**\n   * @description prop aliases for data source\n   */\n  props?: TransferPropsAlias\n  /**\n   * @description order strategy for elements in the target list. If set to `original`, the elements will keep the same order as the data source. If set to `push`, the newly added elements will be pushed to the bottom. If set to `unshift`, the newly added elements will be inserted on the top\n   */\n  targetOrder?: 'original' | 'push' | 'unshift'\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferProps` instead.\n */\nexport const transferProps = buildProps({\n  /**\n   * @description data source\n   */\n  data: {\n    type: definePropType<TransferDataItem[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom list titles\n   */\n  titles: {\n    type: definePropType<[string, string]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom button texts\n   */\n  buttonTexts: {\n    type: definePropType<[string, string]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description placeholder for the filter input\n   */\n  filterPlaceholder: String,\n  /**\n   * @description custom filter method\n   */\n  filterMethod: {\n    type: definePropType<(query: string, item: TransferDataItem) => boolean>(\n      Function\n    ),\n  },\n  /**\n   * @description key array of initially checked data items of the left list\n   */\n  leftDefaultChecked: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description key array of initially checked data items of the right list\n   */\n  rightDefaultChecked: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom render function for data items\n   */\n  renderContent: {\n    type: definePropType<renderContent>(Function),\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description texts for checking status in list header\n   */\n  format: {\n    type: definePropType<TransferFormat>(Object),\n    default: () => ({}),\n  },\n  /**\n   * @description whether Transfer is filterable\n   */\n  filterable: Boolean,\n  /**\n   * @description prop aliases for data source\n   */\n  props: {\n    type: definePropType<TransferPropsAlias>(Object),\n    default: () =>\n      mutable({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      } as const),\n  },\n  /**\n   * @description order strategy for elements in the target list. If set to `original`, the elements will keep the same order as the data source. If set to `push`, the newly added elements will be pushed to the bottom. If set to `unshift`, the newly added elements will be inserted on the top\n   */\n  targetOrder: {\n    type: String,\n    values: ['original', 'push', 'unshift'],\n    default: 'original',\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferProps` instead.\n */\nexport type TransferPropsPublic = ExtractPublicPropTypes<typeof transferProps>\n\nexport const transferCheckedChangeFn = (\n  value: TransferKey[],\n  movedKeys?: TransferKey[]\n) => [value, movedKeys].every(isArray) || (isArray(value) && isNil(movedKeys))\n\nexport const transferEmits = {\n  [CHANGE_EVENT]: (\n    value: TransferKey[],\n    direction: TransferDirection,\n    movedKeys: TransferKey[]\n  ) =>\n    [value, movedKeys].every(isArray) && ['left', 'right'].includes(direction),\n  [UPDATE_MODEL_EVENT]: (value: TransferKey[]) => isArray(value),\n  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,\n  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferEmits = typeof transferEmits\n\nexport type TransferInstance = InstanceType<typeof Transfer> & unknown\n"],"mappings":";;;;;;;AAsCA,MAAa,0BAA0B;AACvC,MAAa,2BAA2B;;;;AAgExC,MAAa,gBAAgB,WAAW;CAItC,MAAM;EACJ,MAAM,eAAmC,MAAM;EAC/C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAAiC,MAAM;EAC7C,eAAe,EAAE;EAClB;CAID,aAAa;EACX,MAAM,eAAiC,MAAM;EAC7C,eAAe,EAAE;EAClB;CAID,mBAAmB;CAInB,cAAc,EACZ,MAAM,eACJ,SACD,EACF;CAID,oBAAoB;EAClB,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,qBAAqB;EACnB,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,eAAe,EACb,MAAM,eAA8B,SAAS,EAC9C;CAID,YAAY;EACV,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAA+B,OAAO;EAC5C,gBAAgB,EAAE;EACnB;CAID,YAAY;CAIZ,OAAO;EACL,MAAM,eAAmC,OAAO;EAChD,eACE,QAAQ;GACN,OAAO;GACP,KAAK;GACL,UAAU;GACX,CAAU;EACd;CAID,aAAa;EACX,MAAM;EACN,QAAQ;GAAC;GAAY;GAAQ;GAAU;EACvC,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAOX,MAAa,2BACX,OACA,cACG,CAAC,OAAO,UAAU,CAAC,MAAM,QAAQ,IAAK,QAAQ,MAAM,IAAI,MAAM,UAAU;AAE7E,MAAa,gBAAgB;EAC1B,gBACC,OACA,WACA,cAEA,CAAC,OAAO,UAAU,CAAC,MAAM,QAAQ,IAAI,CAAC,QAAQ,QAAQ,CAAC,SAAS,UAAU;EAC3E,sBAAsB,UAAyB,QAAQ,MAAM;EAC7D,0BAA0B;EAC1B,2BAA2B;CAC7B"}
+{"version":3,"file":"transfer.mjs","names":[],"sources":["../../../../../../packages/components/transfer/src/transfer.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type {\n  ComponentInstance,\n  ExtractPublicPropTypes,\n  h as H,\n  VNode,\n} from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type Transfer from './transfer.vue'\n\nexport type TransferKey = string | number\nexport type TransferDirection = 'left' | 'right'\n\nexport type TransferDataItem = Record<string, any>\n\nexport type renderContent<T extends TransferDataItem = TransferDataItem> = (\n  h: typeof H,\n  option: T\n) => VNode | VNode[]\n\nexport interface TransferFormat {\n  noChecked?: string\n  hasChecked?: string\n}\n\nexport interface TransferPropsAlias {\n  label?: string\n  key?: string\n  disabled?: string\n}\n\nexport interface TransferCheckedState {\n  leftChecked: TransferKey[]\n  rightChecked: TransferKey[]\n}\n\nexport const LEFT_CHECK_CHANGE_EVENT = 'left-check-change'\nexport const RIGHT_CHECK_CHANGE_EVENT = 'right-check-change'\n\nexport interface TransferProps<T extends TransferDataItem = TransferDataItem> {\n  /**\n   * @description data source\n   */\n  data?: T[]\n  /**\n   * @description custom list titles\n   */\n  titles?: [string, string]\n  /**\n   * @description custom button texts\n   */\n  buttonTexts?: [string, string]\n  /**\n   * @description placeholder for the filter input\n   */\n  filterPlaceholder?: string\n  /**\n   * @description custom filter method\n   */\n  filterMethod?: (query: string, item: T) => boolean\n  /**\n   * @description key array of initially checked data items of the left list\n   */\n  leftDefaultChecked?: TransferKey[]\n  /**\n   * @description key array of initially checked data items of the right list\n   */\n  rightDefaultChecked?: TransferKey[]\n  /**\n   * @description custom render function for data items\n   */\n  renderContent?: renderContent<T>\n  /**\n   * @description binding value\n   */\n  modelValue?: TransferKey[]\n  /**\n   * @description texts for checking status in list header\n   */\n  format?: TransferFormat\n  /**\n   * @description whether Transfer is filterable\n   */\n  filterable?: boolean\n  /**\n   * @description prop aliases for data source\n   */\n  props?: TransferPropsAlias\n  /**\n   * @description order strategy for elements in the target list. If set to `original`, the elements will keep the same order as the data source. If set to `push`, the newly added elements will be pushed to the bottom. If set to `unshift`, the newly added elements will be inserted on the top\n   */\n  targetOrder?: 'original' | 'push' | 'unshift'\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferProps` instead.\n */\nexport const transferProps = buildProps({\n  /**\n   * @description data source\n   */\n  data: {\n    type: definePropType<TransferDataItem[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom list titles\n   */\n  titles: {\n    type: definePropType<[string, string]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom button texts\n   */\n  buttonTexts: {\n    type: definePropType<[string, string]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description placeholder for the filter input\n   */\n  filterPlaceholder: String,\n  /**\n   * @description custom filter method\n   */\n  filterMethod: {\n    type: definePropType<(query: string, item: TransferDataItem) => boolean>(\n      Function\n    ),\n  },\n  /**\n   * @description key array of initially checked data items of the left list\n   */\n  leftDefaultChecked: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description key array of initially checked data items of the right list\n   */\n  rightDefaultChecked: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description custom render function for data items\n   */\n  renderContent: {\n    type: definePropType<renderContent>(Function),\n  },\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<TransferKey[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description texts for checking status in list header\n   */\n  format: {\n    type: definePropType<TransferFormat>(Object),\n    default: () => ({}),\n  },\n  /**\n   * @description whether Transfer is filterable\n   */\n  filterable: Boolean,\n  /**\n   * @description prop aliases for data source\n   */\n  props: {\n    type: definePropType<TransferPropsAlias>(Object),\n    default: () =>\n      mutable({\n        label: 'label',\n        key: 'key',\n        disabled: 'disabled',\n      } as const),\n  },\n  /**\n   * @description order strategy for elements in the target list. If set to `original`, the elements will keep the same order as the data source. If set to `push`, the newly added elements will be pushed to the bottom. If set to `unshift`, the newly added elements will be inserted on the top\n   */\n  targetOrder: {\n    type: String,\n    values: ['original', 'push', 'unshift'],\n    default: 'original',\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferProps` instead.\n */\nexport type TransferPropsPublic = ExtractPublicPropTypes<typeof transferProps>\n\nexport const transferCheckedChangeFn = (\n  value: TransferKey[],\n  movedKeys?: TransferKey[]\n) => [value, movedKeys].every(isArray) || (isArray(value) && isNil(movedKeys))\n\nexport const transferEmits = {\n  [CHANGE_EVENT]: (\n    value: TransferKey[],\n    direction: TransferDirection,\n    movedKeys: TransferKey[]\n  ) =>\n    [value, movedKeys].every(isArray) && ['left', 'right'].includes(direction),\n  [UPDATE_MODEL_EVENT]: (value: TransferKey[]) => isArray(value),\n  [LEFT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,\n  [RIGHT_CHECK_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferEmits = typeof transferEmits\n\nexport type TransferInstance = ComponentInstance<typeof Transfer> &\n  ComponentExposed<typeof Transfer>\n"],"mappings":";;;;;;;AA4CA,MAAa,0BAA0B;AACvC,MAAa,2BAA2B;;;;AAgExC,MAAa,gBAAgB,WAAW;CAItC,MAAM;EACJ,MAAM,eAAmC,MAAM;EAC/C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAAiC,MAAM;EAC7C,eAAe,EAAE;EAClB;CAID,aAAa;EACX,MAAM,eAAiC,MAAM;EAC7C,eAAe,EAAE;EAClB;CAID,mBAAmB;CAInB,cAAc,EACZ,MAAM,eACJ,SACD,EACF;CAID,oBAAoB;EAClB,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,qBAAqB;EACnB,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,eAAe,EACb,MAAM,eAA8B,SAAS,EAC9C;CAID,YAAY;EACV,MAAM,eAA8B,MAAM;EAC1C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAA+B,OAAO;EAC5C,gBAAgB,EAAE;EACnB;CAID,YAAY;CAIZ,OAAO;EACL,MAAM,eAAmC,OAAO;EAChD,eACE,QAAQ;GACN,OAAO;GACP,KAAK;GACL,UAAU;GACX,CAAU;EACd;CAID,aAAa;EACX,MAAM;EACN,QAAQ;GAAC;GAAY;GAAQ;GAAU;EACvC,SAAS;EACV;CAID,eAAe;EACb,MAAM;EACN,SAAS;EACV;CACF,CAAU;AAOX,MAAa,2BACX,OACA,cACG,CAAC,OAAO,UAAU,CAAC,MAAM,QAAQ,IAAK,QAAQ,MAAM,IAAI,MAAM,UAAU;AAE7E,MAAa,gBAAgB;EAC1B,gBACC,OACA,WACA,cAEA,CAAC,OAAO,UAAU,CAAC,MAAM,QAAQ,IAAI,CAAC,QAAQ,QAAQ,CAAC,SAAS,UAAU;EAC3E,sBAAsB,UAAyB,QAAQ,MAAM;EAC7D,0BAA0B;EAC1B,2BAA2B;CAC7B"}

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

@@ -1,50 +1,40 @@
-import { TransferDataItem, TransferDirection, TransferFormat, TransferKey, TransferProps, TransferPropsAlias } from "./transfer.js";
+import { TransferDataItem, TransferDirection, TransferKey, TransferProps } from "./transfer.js";
 import { TransferPanelInstance } from "./transfer-panel.js";
 import * as vue from "vue";
+import { VNode } from "vue";
 
 //#region ../../packages/components/transfer/src/transfer.vue.d.ts
-declare var __VLS_12: {}, __VLS_14: {}, __VLS_65: {}, __VLS_67: {};
-type __VLS_Slots = {} & {
-  'left-empty'?: (props: typeof __VLS_12) => any;
-} & {
-  'left-footer'?: (props: typeof __VLS_14) => any;
-} & {
-  'right-empty'?: (props: typeof __VLS_65) => any;
-} & {
-  'right-footer'?: (props: typeof __VLS_67) => any;
-};
-declare const __VLS_base: vue.DefineComponent<TransferProps, {
-  /** @description clear the filter keyword of a certain panel */clearQuery: (which: TransferDirection) => void; /** @description left panel ref */
-  leftPanel: vue.Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>; /** @description right panel ref */
-  rightPanel: vue.Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  change: (value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => void;
-  "update:modelValue": (value: TransferKey[]) => void;
-  "left-check-change": (value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void;
-  "right-check-change": (value: TransferKey[], movedKeys?: TransferKey[] | undefined) => void;
-}, string, vue.PublicProps, Readonly<TransferProps> & Readonly<{
-  onChange?: ((value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: TransferKey[]) => any) | undefined;
-  "onLeft-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
-  "onRight-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
-}>, {
-  props: TransferPropsAlias;
-  modelValue: TransferKey[];
-  validateEvent: boolean;
-  data: TransferDataItem[];
-  titles: [string, string];
-  format: TransferFormat;
-  buttonTexts: [string, string];
-  leftDefaultChecked: TransferKey[];
-  rightDefaultChecked: TransferKey[];
-  targetOrder: "original" | "push" | "unshift";
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
+declare const __VLS_export: <T extends TransferDataItem = TransferDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & __VLS_PrettifyLocal<TransferProps<T> & {
+    onChange?: ((value: TransferKey[], direction: TransferDirection, movedKeys: TransferKey[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TransferKey[]) => any) | undefined;
+    "onLeft-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
+    "onRight-check-change"?: ((value: TransferKey[], movedKeys?: TransferKey[] | undefined) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: vue.ShallowUnwrapRef<{
+    /** @description clear the filter keyword of a certain panel */clearQuery: (which: TransferDirection) => void; /** @description left panel ref */
+    leftPanel: vue.Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>; /** @description right panel ref */
+    rightPanel: vue.Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>;
+  }>) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      option: T;
+    }) => VNode[];
+    'left-empty'?: () => VNode[];
+    'left-footer'?: () => VNode[];
+    '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);
+}>) => VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}> & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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, transferProps } from "./transfer.mjs";
+import { transferEmits } 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,7 +20,78 @@ const _hoisted_2 = { key: 0 };
 var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElTransfer",
 	__name: "transfer",
-	props: transferProps,
+	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
+		}
+	},
 	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>\nimport { Comment, computed, h, reactive, ref, useSlots, 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 {\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>(), {\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 = useSlots()\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: TransferDataItem) => {\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/transfer/src/transfer2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transfer2.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>\nimport { Comment, computed, h, reactive, ref, useSlots, 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 {\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>(), {\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 = useSlots()\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: TransferDataItem) => {\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":""}
+{"version":3,"file":"transfer2.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":""}

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

@@ -1145,24 +1145,18 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       renderContent: FunctionConstructor;
     }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
     ElIcon: SFCWithInstall<{
-      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
-        size: number | string;
-      }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-      }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: number | string;
-      }>;
+      }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
       __isFragment?: never;
       __isTeleport?: never;
       __isSuspense?: never;
-    } & vue.ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
-      size: number | string;
-    }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    } & vue.ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
       $slots: {
         default?: (props: {}) => any;
       };

package/es/components/upload/src/upload-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-content.mjs","names":[],"sources":["../../../../../../packages/components/upload/src/upload-content.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType } from '@element-plus/utils'\nimport {\n  UploadBaseProps,\n  uploadBaseProps,\n  uploadBasePropsDefaults,\n} from './upload'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type {\n  UploadFile,\n  UploadHooks,\n  UploadProgressEvent,\n  UploadRawFile,\n} from './upload'\nimport type UploadContent from './upload-content.vue'\nimport type { UploadAjaxError } from './ajax'\n\nexport interface UploadContentProps extends UploadBaseProps {\n  beforeUpload?: UploadHooks['beforeUpload']\n  onRemove?: (file: UploadFile | UploadRawFile) => void\n  onStart?: (rawFile: UploadRawFile) => void\n  onSuccess?: (response: any, rawFile: UploadRawFile) => unknown\n  onProgress?: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n  onError?: (err: UploadAjaxError, rawFile: UploadRawFile) => void\n  onExceed?: UploadHooks['onExceed']\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadContentProps` instead.\n */\nexport const uploadContentProps = buildProps({\n  ...uploadBaseProps,\n\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  onRemove: {\n    type: definePropType<(file: UploadFile | UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onStart: {\n    type: definePropType<(rawFile: UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<(response: any, rawFile: UploadRawFile) => unknown>(\n      Function\n    ),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<\n      (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<\n      (err: UploadAjaxError, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadContentProps` instead.\n */\nexport type UploadContentPropsPublic = ExtractPublicPropTypes<\n  typeof uploadContentProps\n>\n\nexport type UploadContentInstance = InstanceType<typeof UploadContent> & unknown\n\nexport const uploadContentPropsDefaults = {\n  ...uploadBasePropsDefaults,\n  beforeUpload: NOOP,\n  onRemove: NOOP,\n  onStart: NOOP,\n  onSuccess: NOOP,\n  onProgress: NOOP,\n  onError: NOOP,\n  onExceed: NOOP,\n} as const\n"],"mappings":";;;;;;;;AA8BA,MAAa,qBAAqB,WAAW;CAC3C,GAAG;CAEH,cAAc;EACZ,MAAM,eAA4C,SAAS;EAC3D,SAAS;EACV;CACD,UAAU;EACR,MAAM,eAA2D,SAAS;EAC1E,SAAS;EACV;CACD,SAAS;EACP,MAAM,eAAiD,SAAS;EAChE,SAAS;EACV;CACD,WAAW;EACT,MAAM,eACJ,SACD;EACD,SAAS;EACV;CACD,YAAY;EACV,MAAM,eAEJ,SAAS;EACX,SAAS;EACV;CACD,SAAS;EACP,MAAM,eAEJ,SAAS;EACX,SAAS;EACV;CACD,UAAU;EACR,MAAM,eAAwC,SAAS;EACvD,SAAS;EACV;CACF,CAAU;AAWX,MAAa,6BAA6B;CACxC,GAAG;CACH,cAAc;CACd,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACZ,SAAS;CACT,UAAU;CACX"}
+{"version":3,"file":"upload-content.mjs","names":[],"sources":["../../../../../../packages/components/upload/src/upload-content.ts"],"sourcesContent":["import { NOOP, buildProps, definePropType } from '@element-plus/utils'\nimport { uploadBaseProps, uploadBasePropsDefaults } from './upload'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type {\n  UploadBaseProps,\n  UploadFile,\n  UploadHooks,\n  UploadProgressEvent,\n  UploadRawFile,\n} from './upload'\nimport type UploadContent from './upload-content.vue'\nimport type { UploadAjaxError } from './ajax'\n\nexport interface UploadContentProps extends UploadBaseProps {\n  beforeUpload?: UploadHooks['beforeUpload']\n  onRemove?: (file: UploadFile | UploadRawFile) => void\n  onStart?: (rawFile: UploadRawFile) => void\n  onSuccess?: (response: any, rawFile: UploadRawFile) => unknown\n  onProgress?: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n  onError?: (err: UploadAjaxError, rawFile: UploadRawFile) => void\n  onExceed?: UploadHooks['onExceed']\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadContentProps` instead.\n */\nexport const uploadContentProps = buildProps({\n  ...uploadBaseProps,\n\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  onRemove: {\n    type: definePropType<(file: UploadFile | UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onStart: {\n    type: definePropType<(rawFile: UploadRawFile) => void>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<(response: any, rawFile: UploadRawFile) => unknown>(\n      Function\n    ),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<\n      (evt: UploadProgressEvent, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<\n      (err: UploadAjaxError, rawFile: UploadRawFile) => void\n    >(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `UploadContentProps` instead.\n */\nexport type UploadContentPropsPublic = ExtractPublicPropTypes<\n  typeof uploadContentProps\n>\n\nexport type UploadContentInstance = InstanceType<typeof UploadContent> & unknown\n\nexport const uploadContentPropsDefaults = {\n  ...uploadBasePropsDefaults,\n  beforeUpload: NOOP,\n  onRemove: NOOP,\n  onStart: NOOP,\n  onSuccess: NOOP,\n  onProgress: NOOP,\n  onError: NOOP,\n  onExceed: NOOP,\n} as const\n"],"mappings":";;;;;;;;AA2BA,MAAa,qBAAqB,WAAW;CAC3C,GAAG;CAEH,cAAc;EACZ,MAAM,eAA4C,SAAS;EAC3D,SAAS;EACV;CACD,UAAU;EACR,MAAM,eAA2D,SAAS;EAC1E,SAAS;EACV;CACD,SAAS;EACP,MAAM,eAAiD,SAAS;EAChE,SAAS;EACV;CACD,WAAW;EACT,MAAM,eACJ,SACD;EACD,SAAS;EACV;CACD,YAAY;EACV,MAAM,eAEJ,SAAS;EACX,SAAS;EACV;CACD,SAAS;EACP,MAAM,eAEJ,SAAS;EACX,SAAS;EACV;CACD,UAAU;EACR,MAAM,eAAwC,SAAS;EACvD,SAAS;EACV;CACF,CAAU;AAWX,MAAa,6BAA6B;CACxC,GAAG;CACH,cAAc;CACd,UAAU;CACV,SAAS;CACT,WAAW;CACX,YAAY;CACZ,SAAS;CACT,UAAU;CACX"}

package/es/version.mjs

@@ -1,5 +1,5 @@
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20260329";
+const version = "0.0.20260331";
 
 //#endregion
 export { version };

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260329'\n"],"mappings":";AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.mjs","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260331'\n"],"mappings":";AAAA,MAAa,UAAU"}

package/lib/components/anchor/src/anchor-link.vue.d.ts

@@ -8,9 +8,7 @@ type __VLS_Slots = {} & {
 } & {
   'sub-link'?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: vue.DefineComponent<AnchorLinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AnchorLinkProps> & Readonly<{}>, {
-  href: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue.DefineComponent<AnchorLinkProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<AnchorLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/anchor/src/anchor-link.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-link.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/anchor/src/anchor-link.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('item')\">\n    <a ref=\"linkRef\" :class=\"cls\" :href=\"href\" @click=\"handleClick\">\n      <slot>{{ title }}</slot>\n    </a>\n    <div\n      v-if=\"$slots['sub-link'] && direction === 'vertical'\"\n      :class=\"ns.e('list')\"\n    >\n      <slot name=\"sub-link\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { anchorKey } from './constants'\n\nimport type { AnchorLinkProps } from './anchor-link'\n\ndefineOptions({\n  name: 'ElAnchorLink',\n})\n\nconst props = withDefaults(defineProps<AnchorLinkProps>(), {\n  href: undefined,\n})\n\nconst linkRef = ref<HTMLElement | null>(null)\n\nconst {\n  ns,\n  direction,\n  currentAnchor,\n  addLink,\n  removeLink,\n  handleClick: contextHandleClick,\n} = inject(anchorKey)!\n\nconst cls = computed(() => [\n  ns.e('link'),\n  ns.is('active', currentAnchor.value === props.href),\n])\n\nconst handleClick = (e: MouseEvent) => {\n  contextHandleClick(e, props.href)\n}\n\nwatch(\n  () => props.href,\n  (val, oldVal) => {\n    nextTick(() => {\n      if (oldVal) removeLink(oldVal)\n      if (val) {\n        addLink({\n          href: val,\n          el: linkRef.value!,\n        })\n      }\n    })\n  }\n)\n\nonMounted(() => {\n  const { href } = props\n  if (href) {\n    addLink({\n      href,\n      el: linkRef.value!,\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  const { href } = props\n  if (href) {\n    removeLink(href)\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAId,MAAM,uBAAkC,KAAI;EAE5C,MAAM,EACJ,IACA,WACA,eACA,SACA,YACA,aAAa,uCACJ,4BAAU;EAErB,MAAM,8BAAqB,CACzB,GAAG,EAAE,OAAO,EACZ,GAAG,GAAG,UAAU,cAAc,UAAU,MAAM,KAAK,CACpD,CAAA;EAED,MAAM,eAAe,MAAkB;AACrC,sBAAmB,GAAG,MAAM,KAAI;;AAGlC,uBACQ,MAAM,OACX,KAAK,WAAW;AACf,2BAAe;AACb,QAAI,OAAQ,YAAW,OAAM;AAC7B,QAAI,IACF,SAAQ;KACN,MAAM;KACN,IAAI,QAAQ;KACb,CAAA;KAEJ;IAEL;AAEA,2BAAgB;GACd,MAAM,EAAE,SAAS;AACjB,OAAI,KACF,SAAQ;IACN;IACA,IAAI,QAAQ;IACb,CAAA;IAEJ;AAED,iCAAsB;GACpB,MAAM,EAAE,SAAS;AACjB,OAAI,KACF,YAAW,KAAI;IAElB;;4DA3EO,OAAA,EAVA,8CAAO,GAAE,CAAC,EAAC,OAAA,CAAA,iCAGX,KAAA;aAFG;IAAJ,KAAI;IAAW,+BAAO,IAAA,MAAG;IAAG,MAAM,QAAA;IAAO,SAAO;2BACzB,KAAA,QAAA,WAAA,EAAA,QAAA,mDAAf,QAAA,MAAK,EAAA,EAAA,sBAGRA,KAAAA,OAAM,8BAAgB,UAAS,KAAA,gEAIjC,OAAA;;IAHH,8CAAO,GAAE,CAAC,EAAC,OAAA,CAAA;2BAEY,KAAA,QAAA,WAAA"}
+{"version":3,"file":"anchor-link.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../../packages/components/anchor/src/anchor-link.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('item')\">\n    <a ref=\"linkRef\" :class=\"cls\" :href=\"href\" @click=\"handleClick\">\n      <slot>{{ title }}</slot>\n    </a>\n    <div\n      v-if=\"$slots['sub-link'] && direction === 'vertical'\"\n      :class=\"ns.e('list')\"\n    >\n      <slot name=\"sub-link\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { anchorKey } from './constants'\n\nimport type { AnchorLinkProps } from './anchor-link'\n\ndefineOptions({\n  name: 'ElAnchorLink',\n})\n\nconst props = defineProps<AnchorLinkProps>()\n\nconst linkRef = ref<HTMLElement | null>(null)\n\nconst {\n  ns,\n  direction,\n  currentAnchor,\n  addLink,\n  removeLink,\n  handleClick: contextHandleClick,\n} = inject(anchorKey)!\n\nconst cls = computed(() => [\n  ns.e('link'),\n  ns.is('active', currentAnchor.value === props.href),\n])\n\nconst handleClick = (e: MouseEvent) => {\n  contextHandleClick(e, props.href)\n}\n\nwatch(\n  () => props.href,\n  (val, oldVal) => {\n    nextTick(() => {\n      if (oldVal) removeLink(oldVal)\n      if (val) {\n        addLink({\n          href: val,\n          el: linkRef.value!,\n        })\n      }\n    })\n  }\n)\n\nonMounted(() => {\n  const { href } = props\n  if (href) {\n    addLink({\n      href,\n      el: linkRef.value!,\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  const { href } = props\n  if (href) {\n    removeLink(href)\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAEd,MAAM,uBAAkC,KAAI;EAE5C,MAAM,EACJ,IACA,WACA,eACA,SACA,YACA,aAAa,uCACJ,4BAAU;EAErB,MAAM,8BAAqB,CACzB,GAAG,EAAE,OAAO,EACZ,GAAG,GAAG,UAAU,cAAc,UAAU,MAAM,KAAK,CACpD,CAAA;EAED,MAAM,eAAe,MAAkB;AACrC,sBAAmB,GAAG,MAAM,KAAI;;AAGlC,uBACQ,MAAM,OACX,KAAK,WAAW;AACf,2BAAe;AACb,QAAI,OAAQ,YAAW,OAAM;AAC7B,QAAI,IACF,SAAQ;KACN,MAAM;KACN,IAAI,QAAQ;KACb,CAAA;KAEJ;IAEL;AAEA,2BAAgB;GACd,MAAM,EAAE,SAAS;AACjB,OAAI,KACF,SAAQ;IACN;IACA,IAAI,QAAQ;IACb,CAAA;IAEJ;AAED,iCAAsB;GACpB,MAAM,EAAE,SAAS;AACjB,OAAI,KACF,YAAW,KAAI;IAElB;;4DAzEO,OAAA,EAVA,8CAAO,GAAE,CAAC,EAAC,OAAA,CAAA,iCAGX,KAAA;aAFG;IAAJ,KAAI;IAAW,+BAAO,IAAA,MAAG;IAAG,MAAM,QAAA;IAAO,SAAO;2BACzB,KAAA,QAAA,WAAA,EAAA,QAAA,mDAAf,QAAA,MAAK,EAAA,EAAA,sBAGRA,KAAAA,OAAM,8BAAgB,UAAS,KAAA,gEAIjC,OAAA;;IAHH,8CAAO,GAAE,CAAC,EAAC,OAAA,CAAA;2BAEY,KAAA,QAAA,WAAA"}

package/lib/components/anchor/src/anchor-link2.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-link2.js","names":[],"sources":["../../../../../../packages/components/anchor/src/anchor-link.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('item')\">\n    <a ref=\"linkRef\" :class=\"cls\" :href=\"href\" @click=\"handleClick\">\n      <slot>{{ title }}</slot>\n    </a>\n    <div\n      v-if=\"$slots['sub-link'] && direction === 'vertical'\"\n      :class=\"ns.e('list')\"\n    >\n      <slot name=\"sub-link\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { anchorKey } from './constants'\n\nimport type { AnchorLinkProps } from './anchor-link'\n\ndefineOptions({\n  name: 'ElAnchorLink',\n})\n\nconst props = withDefaults(defineProps<AnchorLinkProps>(), {\n  href: undefined,\n})\n\nconst linkRef = ref<HTMLElement | null>(null)\n\nconst {\n  ns,\n  direction,\n  currentAnchor,\n  addLink,\n  removeLink,\n  handleClick: contextHandleClick,\n} = inject(anchorKey)!\n\nconst cls = computed(() => [\n  ns.e('link'),\n  ns.is('active', currentAnchor.value === props.href),\n])\n\nconst handleClick = (e: MouseEvent) => {\n  contextHandleClick(e, props.href)\n}\n\nwatch(\n  () => props.href,\n  (val, oldVal) => {\n    nextTick(() => {\n      if (oldVal) removeLink(oldVal)\n      if (val) {\n        addLink({\n          href: val,\n          el: linkRef.value!,\n        })\n      }\n    })\n  }\n)\n\nonMounted(() => {\n  const { href } = props\n  if (href) {\n    addLink({\n      href,\n      el: linkRef.value!,\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  const { href } = props\n  if (href) {\n    removeLink(href)\n  }\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"anchor-link2.js","names":[],"sources":["../../../../../../packages/components/anchor/src/anchor-link.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.e('item')\">\n    <a ref=\"linkRef\" :class=\"cls\" :href=\"href\" @click=\"handleClick\">\n      <slot>{{ title }}</slot>\n    </a>\n    <div\n      v-if=\"$slots['sub-link'] && direction === 'vertical'\"\n      :class=\"ns.e('list')\"\n    >\n      <slot name=\"sub-link\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { anchorKey } from './constants'\n\nimport type { AnchorLinkProps } from './anchor-link'\n\ndefineOptions({\n  name: 'ElAnchorLink',\n})\n\nconst props = defineProps<AnchorLinkProps>()\n\nconst linkRef = ref<HTMLElement | null>(null)\n\nconst {\n  ns,\n  direction,\n  currentAnchor,\n  addLink,\n  removeLink,\n  handleClick: contextHandleClick,\n} = inject(anchorKey)!\n\nconst cls = computed(() => [\n  ns.e('link'),\n  ns.is('active', currentAnchor.value === props.href),\n])\n\nconst handleClick = (e: MouseEvent) => {\n  contextHandleClick(e, props.href)\n}\n\nwatch(\n  () => props.href,\n  (val, oldVal) => {\n    nextTick(() => {\n      if (oldVal) removeLink(oldVal)\n      if (val) {\n        addLink({\n          href: val,\n          el: linkRef.value!,\n        })\n      }\n    })\n  }\n)\n\nonMounted(() => {\n  const { href } = props\n  if (href) {\n    addLink({\n      href,\n      el: linkRef.value!,\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  const { href } = props\n  if (href) {\n    removeLink(href)\n  }\n})\n</script>\n"],"mappings":""}

package/lib/components/cascader/src/cascader.vue_vue_type_script_setup_true_lang.js

@@ -342,7 +342,12 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 		const handleInput = (val, e) => {
 			!popperVisible.value && togglePopperVisible(true);
 			if (e?.isComposing) return;
-			val ? handleFilter() : hideSuggestionPanel();
+			if (val) handleFilter();
+			else {
+				const passed = props.beforeFilter("");
+				if ((0, _vue_shared.isPromise)(passed)) passed.catch(() => {});
+				hideSuggestionPanel();
+			}
 		};
 		const getInputInnerHeight = (inputInner) => Number.parseFloat((0, _vueuse_core.useCssVar)(nsInput.cssVarName("input-height"), inputInner).value) - 2;
 		const focus = () => {