element-plus 2.14.2 → 2.14.3

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

@@ -84,6 +84,8 @@ var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 					"filter-method": __props.filterMethod,
 					"default-checked": __props.leftDefaultChecked,
 					props: props.props,
+					"virtual-scroll": __props.virtualScroll,
+					"item-size": __props.itemSize,
 					onCheckedChange: (0, vue.unref)(onSourceCheckedChange)
 				}, {
 					empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "left-empty")]),
@@ -99,6 +101,8 @@ var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 					"filter-method",
 					"default-checked",
 					"props",
+					"virtual-scroll",
+					"item-size",
 					"onCheckedChange"
 				]),
 				(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("buttons")) }, [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElButton), {
@@ -144,6 +148,8 @@ var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 					title: rightPanelTitle.value,
 					"default-checked": __props.rightDefaultChecked,
 					props: props.props,
+					"virtual-scroll": __props.virtualScroll,
+					"item-size": __props.itemSize,
 					onCheckedChange: (0, vue.unref)(onTargetCheckedChange)
 				}, {
 					empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "right-empty")]),
@@ -159,6 +165,8 @@ var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 					"title",
 					"default-checked",
 					"props",
+					"virtual-scroll",
+					"item-size",
 					"onCheckedChange"
 				])
 			], 2);

package/lib/components/transfer/src/transfer.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.vue_vue_type_script_setup_true_lang.js","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 { NOOP, 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(NOOP)\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.js","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      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\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      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\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 { NOOP, 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  virtualScroll: false,\n  itemSize: 30,\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(NOOP)\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/lib/components/transfer/src/transfer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer2.js","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 { NOOP, 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(NOOP)\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":""}
+{"version":3,"file":"transfer2.js","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      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\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      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\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 { NOOP, 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  virtualScroll: false,\n  itemSize: 30,\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(NOOP)\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/lib/components/transfer/style/css.js

@@ -3,5 +3,6 @@ require("../../base/style/css.js");
 require("../../input/style/css.js");
 require("../../button/style/css.js");
 require("../../checkbox/style/css.js");
+require("../../virtual-list/style/css.js");
 require("../../checkbox-group/style/css.js");
 require("element-plus/theme-chalk/el-transfer.css");

package/lib/components/transfer/style/index.js

@@ -3,5 +3,6 @@ require("../../base/style/index.js");
 require("../../input/style/index.js");
 require("../../button/style/index.js");
 require("../../checkbox/style/index.js");
+require("../../virtual-list/style/index.js");
 require("../../checkbox-group/style/index.js");
 require("element-plus/theme-chalk/src/transfer.scss");

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

@@ -110,17 +110,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      name: string;
-      id: string;
-      disabled: boolean;
       modelValue: number | string | boolean;
-      validateEvent: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
+      disabled: boolean;
+      value: string | boolean | number | object;
+      name: string;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -132,17 +132,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      name: string;
-      id: string;
-      disabled: boolean;
       modelValue: number | string | boolean;
-      validateEvent: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
+      disabled: boolean;
+      value: string | boolean | number | object;
+      name: string;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -154,17 +154,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    name: string;
-    id: string;
-    disabled: boolean;
     modelValue: number | string | boolean;
-    validateEvent: boolean;
-    value: string | boolean | number | object;
     label: string | boolean | number | object;
+    disabled: boolean;
+    value: string | boolean | number | object;
+    name: string;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
     falseLabel: string | number;
+    id: string;
+    validateEvent: boolean;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -184,7 +184,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;

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

@@ -1481,17 +1481,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "update:modelValue": (val: CheckboxValueType) => void;
         change: (val: CheckboxValueType) => void;
       }, _$vue.PublicProps, {
-        name: string;
-        id: string;
-        disabled: boolean;
         modelValue: number | string | boolean;
-        validateEvent: boolean;
-        value: string | boolean | number | object;
         label: string | boolean | number | object;
+        disabled: boolean;
+        value: string | boolean | number | object;
+        name: string;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
+        id: string;
+        validateEvent: boolean;
       }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1503,17 +1503,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
         onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        name: string;
-        id: string;
-        disabled: boolean;
         modelValue: number | string | boolean;
-        validateEvent: boolean;
-        value: string | boolean | number | object;
         label: string | boolean | number | object;
+        disabled: boolean;
+        value: string | boolean | number | object;
+        name: string;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
+        id: string;
+        validateEvent: boolean;
       }>;
       __isFragment?: never;
       __isTeleport?: never;
@@ -1525,17 +1525,17 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, string, {
-      name: string;
-      id: string;
-      disabled: boolean;
       modelValue: number | string | boolean;
-      validateEvent: boolean;
-      value: string | boolean | number | object;
       label: string | boolean | number | object;
+      disabled: boolean;
+      value: string | boolean | number | object;
+      name: string;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
+      id: string;
+      validateEvent: boolean;
     }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
       $slots: {
         default?: (props: {}) => any;
@@ -1555,7 +1555,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         readonly falseLabel?: string | number | (() => string | number) | undefined;
         readonly id?: string | (() => string) | undefined;
         readonly border?: boolean | (() => boolean) | undefined;
-        readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+        readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
         readonly tabindex?: string | number | (() => string | number) | undefined;
         readonly validateEvent?: boolean | (() => boolean) | undefined;
         readonly ariaLabel?: string | (() => string) | undefined;

package/lib/components/tree-select/src/tree-select-option.d.ts

@@ -8,13 +8,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick(): void;
 }, _$vue.ComponentOptionsMixin, SFCWithInstall<_$vue.DefineComponent<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -42,7 +42,7 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   };
   id: _$vue.Ref<string, string>;
   containerKls: _$vue.ComputedRef<string[]>;
-  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+  currentLabel: _$vue.ComputedRef<boolean | EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
   itemSelected: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   select: SelectContext;
@@ -61,13 +61,13 @@ declare const component: _$vue.DefineComponent<{}, any, {}, {}, {
   selectOptionClick: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   value: {
-    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   label: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/tree-select/src/tree-select.vue.d.ts

@@ -101,11 +101,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -163,7 +163,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -179,9 +179,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, 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, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -290,11 +290,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -352,7 +352,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -368,9 +368,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, 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, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
-  tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
+  tabindex: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -385,31 +385,30 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   props: TreeOptionProps;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
+  loading: boolean;
+  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  tabindex: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   data: TreeData;
   multiple: boolean;
-  disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  offset: number;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  automaticDropdown: boolean;
-  fallbackPlacements: Placement[];
-  placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  popperOptions: Partial<Options>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  popperClass: string;
+  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>;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  popperClass: string;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
+  fallbackPlacements: Placement[];
+  offset: number;
+  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>;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  autocomplete: string;
   clearable: boolean;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  autocomplete: string;
   suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   valueKey: string;
   debounce: number;
   fitInputWidth: boolean;
-  loading: boolean;
   checkStrictly: boolean;
   lazy: boolean;
   checkOnClickNode: boolean;
@@ -418,9 +417,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   collapseTags: boolean;
   maxCollapseTags: number;
   collapseTagsTooltip: boolean;
-  tagType: EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>;
+  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>;
   tagEffect: EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
   accordion: boolean;
+  automaticDropdown: boolean;
   draggable: boolean;
   allowCreate: boolean;
   remote: boolean;

package/lib/components/tree-v2/src/composables/useTree.d.ts

@@ -125,7 +125,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
     readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -176,21 +176,21 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       __epPropKey: true;
     };
   }>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-    readonly style: _$vue.StyleValue;
     readonly className: string;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly data: any[];
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
+    readonly style: _$vue.StyleValue;
     readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly cache: number;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined, _$vue.DefineComponent<_$vue.ExtractPropTypes<{
@@ -307,7 +307,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     scrollTo: (offset: number) => void;
     scrollToItem: (idx: number, alignment?: Alignment) => void;
     resetScrollTop: () => void;
-  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
     readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -358,21 +358,21 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       __epPropKey: true;
     };
   }>> & Readonly<{
-    onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
-    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-    readonly style: _$vue.StyleValue;
     readonly className: string;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly data: any[];
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
+    readonly style: _$vue.StyleValue;
     readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly cache: number;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
   props: TreeOptionProps;
-  height: number;
   data: TreeData;
+  height: number;
   perfMode: boolean;
   itemSize: number;
   checkOnClickLeaf: boolean;

package/lib/components/upload/src/upload-content.d.ts

@@ -100,7 +100,7 @@ declare const uploadContentProps: {
   readonly accept: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly fileList: EpPropFinalized<(new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[]) | (((new (...args: any[]) => UploadUserFile[]) | (() => UploadUserFile[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly autoUpload: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly httpRequest: EpPropFinalized<(new (...args: any[]) => UploadRequestHandler) | (() => UploadRequestHandler) | {
     (): UploadRequestHandler;
     new (): any;

package/lib/components/upload/src/upload-content.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<UploadContentProps, {
   abort: (file?: UploadFile) => void;
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
+  disabled: boolean;
   name: string;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  disabled: boolean;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   beforeUpload: UploadHooks["beforeUpload"];

package/lib/components/upload/src/upload-list.d.ts

@@ -30,7 +30,7 @@ declare const uploadListProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => void, boolean>;
-  readonly listType: EpPropFinalized<StringConstructor, "text" | "picture" | "picture-card", unknown, "text", boolean>;
+  readonly listType: EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
   readonly crossorigin: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials") | (((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials")) | null)[], unknown, unknown>>;
     readonly required: false;