@element-plus/nightly 0.0.20260119 → 0.0.20260121

package/es/components/transfer/src/composables/use-check.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-check.ts"],"sourcesContent":["import { computed, watch } from 'vue'\nimport { isFunction } from '@element-plus/utils'\nimport { CHECKED_CHANGE_EVENT } from '../transfer-panel'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { SetupContext } from 'vue'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type { TransferKey } from '../transfer'\nimport type {\n  TransferPanelEmits,\n  TransferPanelProps,\n  TransferPanelState,\n} from '../transfer-panel'\n\nexport const useCheck = (\n  props: TransferPanelProps,\n  panelState: TransferPanelState,\n  emit: SetupContext<TransferPanelEmits>['emit']\n) => {\n  const propsAlias = usePropsAlias(props)\n\n  const filteredData = computed(() => {\n    return props.data.filter((item) => {\n      if (isFunction(props.filterMethod)) {\n        return props.filterMethod(panelState.query, item)\n      } else {\n        const label = String(\n          item[propsAlias.value.label] || item[propsAlias.value.key]\n        )\n        return label.toLowerCase().includes(panelState.query.toLowerCase())\n      }\n    })\n  })\n\n  const checkableData = computed(() =>\n    filteredData.value.filter((item) => !item[propsAlias.value.disabled])\n  )\n\n  const checkedSummary = computed(() => {\n    const checkedLength = panelState.checked.length\n    const dataLength = props.data.length\n    const { noChecked, hasChecked } = props.format\n\n    if (noChecked && hasChecked) {\n      return checkedLength > 0\n        ? hasChecked\n            .replace(/\\${checked}/g, checkedLength.toString())\n            .replace(/\\${total}/g, dataLength.toString())\n        : noChecked.replace(/\\${total}/g, dataLength.toString())\n    } else {\n      return `${checkedLength}/${dataLength}`\n    }\n  })\n\n  const isIndeterminate = computed(() => {\n    const checkedLength = panelState.checked.length\n    return checkedLength > 0 && checkedLength < checkableData.value.length\n  })\n\n  const updateAllChecked = () => {\n    const checkableDataKeys = checkableData.value.map(\n      (item) => item[propsAlias.value.key]\n    )\n    panelState.allChecked =\n      checkableDataKeys.length > 0 &&\n      checkableDataKeys.every((item) => panelState.checked.includes(item))\n  }\n\n  const handleAllCheckedChange = (value: CheckboxValueType) => {\n    panelState.checked = value\n      ? checkableData.value.map((item) => item[propsAlias.value.key])\n      : []\n  }\n\n  watch(\n    () => panelState.checked,\n    (val, oldVal) => {\n      updateAllChecked()\n\n      if (panelState.checkChangeByUser) {\n        const movedKeys = val\n          .concat(oldVal)\n          .filter((v) => !val.includes(v) || !oldVal.includes(v))\n        emit(CHECKED_CHANGE_EVENT, val, movedKeys)\n      } else {\n        emit(CHECKED_CHANGE_EVENT, val)\n        panelState.checkChangeByUser = true\n      }\n    }\n  )\n\n  watch(checkableData, () => {\n    updateAllChecked()\n  })\n\n  watch(\n    () => props.data,\n    () => {\n      const checked: TransferKey[] = []\n      const filteredDataKeys = filteredData.value.map(\n        (item) => item[propsAlias.value.key]\n      )\n      panelState.checked.forEach((item) => {\n        if (filteredDataKeys.includes(item)) {\n          checked.push(item)\n        }\n      })\n      panelState.checkChangeByUser = false\n      panelState.checked = checked\n    }\n  )\n\n  watch(\n    () => props.defaultChecked,\n    (val, oldVal) => {\n      if (\n        oldVal &&\n        val.length === oldVal.length &&\n        val.every((item) => oldVal.includes(item))\n      )\n        return\n\n      const checked: TransferKey[] = []\n      const checkableDataKeys = checkableData.value.map(\n        (item) => item[propsAlias.value.key]\n      )\n\n      val.forEach((item) => {\n        if (checkableDataKeys.includes(item)) {\n          checked.push(item)\n        }\n      })\n      panelState.checkChangeByUser = false\n      panelState.checked = checked\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    filteredData,\n    checkableData,\n    checkedSummary,\n    isIndeterminate,\n    updateAllChecked,\n    handleAllCheckedChange,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-check.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-check.ts"],"sourcesContent":["import { computed, watch } from 'vue'\nimport { isFunction } from '@element-plus/utils'\nimport { CHECKED_CHANGE_EVENT } from '../transfer-panel'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { SetupContext } from 'vue'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type { TransferKey } from '../transfer'\nimport type {\n  TransferPanelEmits,\n  TransferPanelProps,\n  TransferPanelState,\n} from '../transfer-panel'\n\nexport const useCheck = (\n  props: Required<\n    Pick<TransferPanelProps, 'data' | 'format' | 'defaultChecked'>\n  > & { filterMethod: TransferPanelProps['filterMethod'] },\n  panelState: TransferPanelState,\n  emit: SetupContext<TransferPanelEmits>['emit']\n) => {\n  const propsAlias = usePropsAlias(props)\n\n  const filteredData = computed(() => {\n    return props.data.filter((item) => {\n      if (isFunction(props.filterMethod)) {\n        return props.filterMethod(panelState.query, item)\n      } else {\n        const label = String(\n          item[propsAlias.value.label] || item[propsAlias.value.key]\n        )\n        return label.toLowerCase().includes(panelState.query.toLowerCase())\n      }\n    })\n  })\n\n  const checkableData = computed(() =>\n    filteredData.value.filter((item) => !item[propsAlias.value.disabled])\n  )\n\n  const checkedSummary = computed(() => {\n    const checkedLength = panelState.checked.length\n    const dataLength = props.data.length\n    const { noChecked, hasChecked } = props.format\n\n    if (noChecked && hasChecked) {\n      return checkedLength > 0\n        ? hasChecked\n            .replace(/\\${checked}/g, checkedLength.toString())\n            .replace(/\\${total}/g, dataLength.toString())\n        : noChecked.replace(/\\${total}/g, dataLength.toString())\n    } else {\n      return `${checkedLength}/${dataLength}`\n    }\n  })\n\n  const isIndeterminate = computed(() => {\n    const checkedLength = panelState.checked.length\n    return checkedLength > 0 && checkedLength < checkableData.value.length\n  })\n\n  const updateAllChecked = () => {\n    const checkableDataKeys = checkableData.value.map(\n      (item) => item[propsAlias.value.key]\n    )\n    panelState.allChecked =\n      checkableDataKeys.length > 0 &&\n      checkableDataKeys.every((item) => panelState.checked.includes(item))\n  }\n\n  const handleAllCheckedChange = (value: CheckboxValueType) => {\n    panelState.checked = value\n      ? checkableData.value.map((item) => item[propsAlias.value.key])\n      : []\n  }\n\n  watch(\n    () => panelState.checked,\n    (val, oldVal) => {\n      updateAllChecked()\n\n      if (panelState.checkChangeByUser) {\n        const movedKeys = val\n          .concat(oldVal)\n          .filter((v) => !val.includes(v) || !oldVal.includes(v))\n        emit(CHECKED_CHANGE_EVENT, val, movedKeys)\n      } else {\n        emit(CHECKED_CHANGE_EVENT, val)\n        panelState.checkChangeByUser = true\n      }\n    }\n  )\n\n  watch(checkableData, () => {\n    updateAllChecked()\n  })\n\n  watch(\n    () => props.data,\n    () => {\n      const checked: TransferKey[] = []\n      const filteredDataKeys = filteredData.value.map(\n        (item) => item[propsAlias.value.key]\n      )\n      panelState.checked.forEach((item) => {\n        if (filteredDataKeys.includes(item)) {\n          checked.push(item)\n        }\n      })\n      panelState.checkChangeByUser = false\n      panelState.checked = checked\n    }\n  )\n\n  watch(\n    () => props.defaultChecked,\n    (val, oldVal) => {\n      if (\n        oldVal &&\n        val.length === oldVal.length &&\n        val.every((item) => oldVal.includes(item))\n      )\n        return\n\n      const checked: TransferKey[] = []\n      const checkableDataKeys = checkableData.value.map(\n        (item) => item[propsAlias.value.key]\n      )\n\n      val.forEach((item) => {\n        if (checkableDataKeys.includes(item)) {\n          checked.push(item)\n        }\n      })\n      panelState.checkChangeByUser = false\n      panelState.checked = checked\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    filteredData,\n    checkableData,\n    checkedSummary,\n    isIndeterminate,\n    updateAllChecked,\n    handleAllCheckedChange,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/transfer/src/composables/use-computed-data.d.ts

@@ -1,5 +1,5 @@
 import type { TransferDataItem, TransferProps } from '../transfer';
-export declare const useComputedData: (props: TransferProps) => {
+export declare const useComputedData: (props: Required<Omit<TransferProps, "filterPlaceholder" | "filterMethod" | "renderContent">>) => {
     sourceData: import("vue").ComputedRef<TransferDataItem[]>;
     targetData: import("vue").ComputedRef<TransferDataItem[]>;
 };

package/es/components/transfer/src/composables/use-computed-data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-computed-data.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-computed-data.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { TransferDataItem, TransferKey, TransferProps } from '../transfer'\n\nexport const useComputedData = (props: TransferProps) => {\n  const propsAlias = usePropsAlias(props)\n\n  const dataObj = computed(() =>\n    props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {})\n  )\n\n  const sourceData = computed(() =>\n    props.data.filter(\n      (item) => !props.modelValue.includes(item[propsAlias.value.key])\n    )\n  )\n\n  const targetData = computed(() => {\n    if (props.targetOrder === 'original') {\n      return props.data.filter((item) =>\n        props.modelValue.includes(item[propsAlias.value.key])\n      )\n    } else {\n      return props.modelValue.reduce(\n        (arr: TransferDataItem[], cur: TransferKey) => {\n          const val = dataObj.value[cur]\n          if (val) {\n            arr.push(val)\n          }\n          return arr\n        },\n        []\n      )\n    }\n  })\n\n  return {\n    sourceData,\n    targetData,\n  }\n}\n"],"names":[],"mappings":";;;AAKO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyB;AACvD,EAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,OAAA,GAAU,QAAA;AAAA,IAAS,MACvB,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,GAAG,GAAA,KAAA,CAAS,CAAA,CAAE,GAAA,CAAI,UAAA,CAAW,MAAM,GAAG,CAAC,IAAI,GAAA,KAAQ,CAAA,EAAG,EAAE;AAAA,GAC7E;AAEA,EAAA,MAAM,UAAA,GAAa,QAAA;AAAA,IAAS,MAC1B,MAAM,IAAA,CAAK,MAAA;AAAA,MACT,CAAC,IAAA,KAAS,CAAC,KAAA,CAAM,UAAA,CAAW,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC;AAAA;AACjE,GACF;AAEA,EAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,IAAA,IAAI,KAAA,CAAM,gBAAgB,UAAA,EAAY;AACpC,MAAA,OAAO,MAAM,IAAA,CAAK,MAAA;AAAA,QAAO,CAAC,SACxB,KAAA,CAAM,UAAA,CAAW,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC;AAAA,OACtD;AAAA,IACF,CAAA,MAAO;AACL,MAAA,OAAO,MAAM,UAAA,CAAW,MAAA;AAAA,QACtB,CAAC,KAAyB,GAAA,KAAqB;AAC7C,UAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,GAAG,CAAA;AAC7B,UAAA,IAAI,GAAA,EAAK;AACP,YAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAAA,UACd;AACA,UAAA,OAAO,GAAA;AAAA,QACT,CAAA;AAAA,QACA;AAAC,OACH;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-computed-data.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-computed-data.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { TransferDataItem, TransferKey, TransferProps } from '../transfer'\n\nexport const useComputedData = (\n  props: Required<\n    Omit<TransferProps, 'filterPlaceholder' | 'filterMethod' | 'renderContent'>\n  >\n) => {\n  const propsAlias = usePropsAlias(props)\n\n  const dataObj = computed(() =>\n    props.data.reduce((o, cur) => (o[cur[propsAlias.value.key]] = cur) && o, {})\n  )\n\n  const sourceData = computed(() =>\n    props.data.filter(\n      (item) => !props.modelValue.includes(item[propsAlias.value.key])\n    )\n  )\n\n  const targetData = computed(() => {\n    if (props.targetOrder === 'original') {\n      return props.data.filter((item) =>\n        props.modelValue.includes(item[propsAlias.value.key])\n      )\n    } else {\n      return props.modelValue.reduce(\n        (arr: TransferDataItem[], cur: TransferKey) => {\n          const val = dataObj.value[cur]\n          if (val) {\n            arr.push(val)\n          }\n          return arr\n        },\n        []\n      )\n    }\n  })\n\n  return {\n    sourceData,\n    targetData,\n  }\n}\n"],"names":[],"mappings":";;;AAKO,MAAM,eAAA,GAAkB,CAC7B,KAAA,KAGG;AACH,EAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,OAAA,GAAU,QAAA;AAAA,IAAS,MACvB,KAAA,CAAM,IAAA,CAAK,MAAA,CAAO,CAAC,GAAG,GAAA,KAAA,CAAS,CAAA,CAAE,GAAA,CAAI,UAAA,CAAW,MAAM,GAAG,CAAC,IAAI,GAAA,KAAQ,CAAA,EAAG,EAAE;AAAA,GAC7E;AAEA,EAAA,MAAM,UAAA,GAAa,QAAA;AAAA,IAAS,MAC1B,MAAM,IAAA,CAAK,MAAA;AAAA,MACT,CAAC,IAAA,KAAS,CAAC,KAAA,CAAM,UAAA,CAAW,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC;AAAA;AACjE,GACF;AAEA,EAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,IAAA,IAAI,KAAA,CAAM,gBAAgB,UAAA,EAAY;AACpC,MAAA,OAAO,MAAM,IAAA,CAAK,MAAA;AAAA,QAAO,CAAC,SACxB,KAAA,CAAM,UAAA,CAAW,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC;AAAA,OACtD;AAAA,IACF,CAAA,MAAO;AACL,MAAA,OAAO,MAAM,UAAA,CAAW,MAAA;AAAA,QACtB,CAAC,KAAyB,GAAA,KAAqB;AAC7C,UAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,GAAG,CAAA;AAC7B,UAAA,IAAI,GAAA,EAAK;AACP,YAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAAA,UACd;AACA,UAAA,OAAO,GAAA;AAAA,QACT,CAAA;AAAA,QACA;AAAC,OACH;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO;AAAA,IACL,UAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/es/components/transfer/src/composables/use-move.d.ts

@@ -1,6 +1,6 @@
 import type { SetupContext } from 'vue';
 import type { TransferCheckedState, TransferEmits, TransferProps } from '../transfer';
-export declare const useMove: (props: TransferProps, checkedState: TransferCheckedState, emit: SetupContext<TransferEmits>["emit"]) => {
+export declare const useMove: (props: Required<Omit<TransferProps, "filterPlaceholder" | "filterMethod" | "renderContent">>, checkedState: TransferCheckedState, emit: SetupContext<TransferEmits>["emit"]) => {
     addToLeft: () => void;
     addToRight: () => void;
 };

package/es/components/transfer/src/composables/use-move.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-move.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-move.ts"],"sourcesContent":["import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { SetupContext } from 'vue'\nimport type {\n  TransferCheckedState,\n  TransferDataItem,\n  TransferDirection,\n  TransferEmits,\n  TransferKey,\n  TransferProps,\n} from '../transfer'\n\nexport const useMove = (\n  props: TransferProps,\n  checkedState: TransferCheckedState,\n  emit: SetupContext<TransferEmits>['emit']\n) => {\n  const propsAlias = usePropsAlias(props)\n\n  const _emit = (\n    value: TransferKey[],\n    direction: TransferDirection,\n    movedKeys: TransferKey[]\n  ) => {\n    emit(UPDATE_MODEL_EVENT, value)\n    emit(CHANGE_EVENT, value, direction, movedKeys)\n  }\n\n  const addToLeft = () => {\n    const currentValue = props.modelValue.slice()\n\n    checkedState.rightChecked.forEach((item) => {\n      const index = currentValue.indexOf(item)\n      if (index > -1) {\n        currentValue.splice(index, 1)\n      }\n    })\n    _emit(currentValue, 'left', checkedState.rightChecked)\n  }\n\n  const addToRight = () => {\n    let currentValue = props.modelValue.slice()\n\n    const itemsToBeMoved = props.data\n      .filter((item: TransferDataItem) => {\n        const itemKey = item[propsAlias.value.key]\n        return (\n          checkedState.leftChecked.includes(itemKey) &&\n          !props.modelValue.includes(itemKey)\n        )\n      })\n      .map((item) => item[propsAlias.value.key])\n\n    currentValue =\n      props.targetOrder === 'unshift'\n        ? itemsToBeMoved.concat(currentValue)\n        : currentValue.concat(itemsToBeMoved)\n\n    if (props.targetOrder === 'original') {\n      currentValue = props.data\n        .filter((item) => currentValue.includes(item[propsAlias.value.key]))\n        .map((item) => item[propsAlias.value.key])\n    }\n\n    _emit(currentValue, 'right', checkedState.leftChecked)\n  }\n\n  return {\n    addToLeft,\n    addToRight,\n  }\n}\n"],"names":[],"mappings":";;;AAaO,MAAM,OAAA,GAAU,CACrB,KAAA,EACA,YAAA,EACA,IAAA,KACG;AACH,EAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,KAAA,GAAQ,CACZ,KAAA,EACA,SAAA,EACA,SAAA,KACG;AACH,IAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA;AAC9B,IAAA,IAAA,CAAK,YAAA,EAAc,KAAA,EAAO,SAAA,EAAW,SAAS,CAAA;AAAA,EAChD,CAAA;AAEA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,UAAA,CAAW,KAAA,EAAM;AAE5C,IAAA,YAAA,CAAa,YAAA,CAAa,OAAA,CAAQ,CAAC,IAAA,KAAS;AAC1C,MAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,OAAA,CAAQ,IAAI,CAAA;AACvC,MAAA,IAAI,QAAQ,EAAA,EAAI;AACd,QAAA,YAAA,CAAa,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,MAC9B;AAAA,IACF,CAAC,CAAA;AACD,IAAA,KAAA,CAAM,YAAA,EAAc,MAAA,EAAQ,YAAA,CAAa,YAAY,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,YAAA,GAAe,KAAA,CAAM,UAAA,CAAW,KAAA,EAAM;AAE1C,IAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,IAAA,CAC1B,MAAA,CAAO,CAAC,IAAA,KAA2B;AAClC,MAAA,MAAM,OAAA,GAAU,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA;AACzC,MAAA,OACE,YAAA,CAAa,YAAY,QAAA,CAAS,OAAO,KACzC,CAAC,KAAA,CAAM,UAAA,CAAW,QAAA,CAAS,OAAO,CAAA;AAAA,IAEtC,CAAC,EACA,GAAA,CAAI,CAAC,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAA;AAE3C,IAAA,YAAA,GACE,KAAA,CAAM,gBAAgB,SAAA,GAClB,cAAA,CAAe,OAAO,YAAY,CAAA,GAClC,YAAA,CAAa,MAAA,CAAO,cAAc,CAAA;AAExC,IAAA,IAAI,KAAA,CAAM,gBAAgB,UAAA,EAAY;AACpC,MAAA,YAAA,GAAe,KAAA,CAAM,KAClB,MAAA,CAAO,CAAC,SAAS,YAAA,CAAa,QAAA,CAAS,KAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAC,EAClE,GAAA,CAAI,CAAC,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAA;AAAA,IAC7C;AAEA,IAAA,KAAA,CAAM,YAAA,EAAc,OAAA,EAAS,YAAA,CAAa,WAAW,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-move.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-move.ts"],"sourcesContent":["import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { usePropsAlias } from './use-props-alias'\n\nimport type { SetupContext } from 'vue'\nimport type {\n  TransferCheckedState,\n  TransferDataItem,\n  TransferDirection,\n  TransferEmits,\n  TransferKey,\n  TransferProps,\n} from '../transfer'\n\nexport const useMove = (\n  props: Required<\n    Omit<TransferProps, 'filterPlaceholder' | 'filterMethod' | 'renderContent'>\n  >,\n  checkedState: TransferCheckedState,\n  emit: SetupContext<TransferEmits>['emit']\n) => {\n  const propsAlias = usePropsAlias(props)\n\n  const _emit = (\n    value: TransferKey[],\n    direction: TransferDirection,\n    movedKeys: TransferKey[]\n  ) => {\n    emit(UPDATE_MODEL_EVENT, value)\n    emit(CHANGE_EVENT, value, direction, movedKeys)\n  }\n\n  const addToLeft = () => {\n    const currentValue = props.modelValue.slice()\n\n    checkedState.rightChecked.forEach((item) => {\n      const index = currentValue.indexOf(item)\n      if (index > -1) {\n        currentValue.splice(index, 1)\n      }\n    })\n    _emit(currentValue, 'left', checkedState.rightChecked)\n  }\n\n  const addToRight = () => {\n    let currentValue = props.modelValue.slice()\n\n    const itemsToBeMoved = props.data\n      .filter((item: TransferDataItem) => {\n        const itemKey = item[propsAlias.value.key]\n        return (\n          checkedState.leftChecked.includes(itemKey) &&\n          !props.modelValue.includes(itemKey)\n        )\n      })\n      .map((item) => item[propsAlias.value.key])\n\n    currentValue =\n      props.targetOrder === 'unshift'\n        ? itemsToBeMoved.concat(currentValue)\n        : currentValue.concat(itemsToBeMoved)\n\n    if (props.targetOrder === 'original') {\n      currentValue = props.data\n        .filter((item) => currentValue.includes(item[propsAlias.value.key]))\n        .map((item) => item[propsAlias.value.key])\n    }\n\n    _emit(currentValue, 'right', checkedState.leftChecked)\n  }\n\n  return {\n    addToLeft,\n    addToRight,\n  }\n}\n"],"names":[],"mappings":";;;AAaO,MAAM,OAAA,GAAU,CACrB,KAAA,EAGA,YAAA,EACA,IAAA,KACG;AACH,EAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,KAAA,GAAQ,CACZ,KAAA,EACA,SAAA,EACA,SAAA,KACG;AACH,IAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA;AAC9B,IAAA,IAAA,CAAK,YAAA,EAAc,KAAA,EAAO,SAAA,EAAW,SAAS,CAAA;AAAA,EAChD,CAAA;AAEA,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,UAAA,CAAW,KAAA,EAAM;AAE5C,IAAA,YAAA,CAAa,YAAA,CAAa,OAAA,CAAQ,CAAC,IAAA,KAAS;AAC1C,MAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,OAAA,CAAQ,IAAI,CAAA;AACvC,MAAA,IAAI,QAAQ,EAAA,EAAI;AACd,QAAA,YAAA,CAAa,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,MAC9B;AAAA,IACF,CAAC,CAAA;AACD,IAAA,KAAA,CAAM,YAAA,EAAc,MAAA,EAAQ,YAAA,CAAa,YAAY,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,IAAI,YAAA,GAAe,KAAA,CAAM,UAAA,CAAW,KAAA,EAAM;AAE1C,IAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,IAAA,CAC1B,MAAA,CAAO,CAAC,IAAA,KAA2B;AAClC,MAAA,MAAM,OAAA,GAAU,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA;AACzC,MAAA,OACE,YAAA,CAAa,YAAY,QAAA,CAAS,OAAO,KACzC,CAAC,KAAA,CAAM,UAAA,CAAW,QAAA,CAAS,OAAO,CAAA;AAAA,IAEtC,CAAC,EACA,GAAA,CAAI,CAAC,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAA;AAE3C,IAAA,YAAA,GACE,KAAA,CAAM,gBAAgB,SAAA,GAClB,cAAA,CAAe,OAAO,YAAY,CAAA,GAClC,YAAA,CAAa,MAAA,CAAO,cAAc,CAAA;AAExC,IAAA,IAAI,KAAA,CAAM,gBAAgB,UAAA,EAAY;AACpC,MAAA,YAAA,GAAe,KAAA,CAAM,KAClB,MAAA,CAAO,CAAC,SAAS,YAAA,CAAa,QAAA,CAAS,KAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAC,EAClE,GAAA,CAAI,CAAC,SAAS,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,GAAG,CAAC,CAAA;AAAA,IAC7C;AAEA,IAAA,KAAA,CAAM,YAAA,EAAc,OAAA,EAAS,YAAA,CAAa,WAAW,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/es/components/transfer/src/composables/use-props-alias.d.ts

@@ -1,7 +1,5 @@
-import type { TransferPropsAlias } from '../transfer';
-export declare const usePropsAlias: (props: {
-    props: TransferPropsAlias;
-}) => import("vue").ComputedRef<{
+import type { TransferProps } from '../transfer';
+export declare const usePropsAlias: (props: TransferProps) => import("vue").ComputedRef<{
     label: string;
     key: string;
     disabled: string;

package/es/components/transfer/src/composables/use-props-alias.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-props-alias.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-props-alias.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { TransferPropsAlias } from '../transfer'\n\nexport const usePropsAlias = (props: { props: TransferPropsAlias }) => {\n  const initProps: Required<TransferPropsAlias> = {\n    label: 'label',\n    key: 'key',\n    disabled: 'disabled',\n  }\n\n  return computed(() => ({\n    ...initProps,\n    ...props.props,\n  }))\n}\n"],"names":[],"mappings":";;AAIO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAyC;AACrE,EAAA,MAAM,SAAA,GAA0C;AAAA,IAC9C,KAAA,EAAO,OAAA;AAAA,IACP,GAAA,EAAK,KAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,OAAO,SAAS,OAAO;AAAA,IACrB,GAAG,SAAA;AAAA,IACH,GAAG,KAAA,CAAM;AAAA,GACX,CAAE,CAAA;AACJ;;;;"}
+{"version":3,"file":"use-props-alias.mjs","sources":["../../../../../../../packages/components/transfer/src/composables/use-props-alias.ts"],"sourcesContent":["import { computed } from 'vue'\n\nimport type { TransferProps, TransferPropsAlias } from '../transfer'\n\nexport const usePropsAlias = (props: TransferProps) => {\n  const initProps: Required<TransferPropsAlias> = {\n    label: 'label',\n    key: 'key',\n    disabled: 'disabled',\n  }\n\n  return computed(() => ({\n    ...initProps,\n    ...props.props,\n  }))\n}\n"],"names":[],"mappings":";;AAIO,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAyB;AACrD,EAAA,MAAM,SAAA,GAA0C;AAAA,IAC9C,KAAA,EAAO,OAAA;AAAA,IACP,GAAA,EAAK,KAAA;AAAA,IACL,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,OAAO,SAAS,OAAO;AAAA,IACrB,GAAG,SAAA;AAAA,IACH,GAAG,KAAA,CAAM;AAAA,GACX,CAAE,CAAA;AACJ;;;;"}

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

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, VNode } from 'vue';
-import type { TransferDataItem, TransferKey } from './transfer';
+import type { ExtractPublicPropTypes, VNode } from 'vue';
+import type { TransferDataItem, TransferKey, TransferProps } from './transfer';
 import type TransferPanel from './transfer-panel.vue';
 export interface TransferPanelState {
     checked: TransferKey[];
@@ -8,6 +8,20 @@ export interface TransferPanelState {
     checkChangeByUser: boolean;
 }
 export declare const CHECKED_CHANGE_EVENT = "checked-change";
+export interface TransferPanelProps {
+    data?: TransferProps['data'];
+    optionRender?: (option: TransferDataItem) => VNode | VNode[];
+    placeholder?: string;
+    title?: string;
+    filterable?: boolean;
+    format?: TransferProps['format'];
+    filterMethod?: TransferProps['filterMethod'];
+    defaultChecked?: TransferProps['leftDefaultChecked'];
+    props?: TransferProps['props'];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TransferPanelProps` instead.
+ */
 export declare const transferPanelProps: {
     readonly data: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => TransferDataItem[]) | (() => TransferDataItem[]) | ((new (...args: any[]) => TransferDataItem[]) | (() => TransferDataItem[]))[], unknown, unknown, () => never[], boolean>;
     readonly optionRender: {
@@ -33,7 +47,9 @@ export declare const transferPanelProps: {
         readonly disabled: "disabled";
     }>, boolean>;
 };
-export type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `TransferPanelProps` instead.
+ */
 export type TransferPanelPropsPublic = ExtractPublicPropTypes<typeof transferPanelProps>;
 export declare const transferPanelEmits: {
     "checked-change": (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { transferCheckedChangeFn, transferProps } from './transfer'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, VNode } from 'vue'\nimport type { TransferDataItem, TransferKey } from './transfer'\nimport type TransferPanel from './transfer-panel.vue'\n\nexport interface TransferPanelState {\n  checked: TransferKey[]\n  allChecked: boolean\n  query: string\n  checkChangeByUser: boolean\n}\n\nexport const CHECKED_CHANGE_EVENT = 'checked-change'\n\nexport const transferPanelProps = buildProps({\n  data: transferProps.data,\n  optionRender: {\n    type: definePropType<(option: TransferDataItem) => VNode | VNode[]>(\n      Function\n    ),\n  },\n  placeholder: String,\n  title: String,\n  filterable: Boolean,\n  format: transferProps.format,\n  filterMethod: transferProps.filterMethod,\n  defaultChecked: transferProps.leftDefaultChecked,\n  props: transferProps.props,\n} as const)\nexport type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>\nexport type TransferPanelPropsPublic = ExtractPublicPropTypes<\n  typeof transferPanelProps\n>\n\nexport const transferPanelEmits = {\n  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferPanelEmits = typeof transferPanelEmits\n\nexport type TransferPanelInstance = InstanceType<typeof TransferPanel> & unknown\n"],"names":[],"mappings":";;;AAcO,MAAM,oBAAA,GAAuB;AAE7B,MAAM,qBAAqB,UAAA,CAAW;AAAA,EAC3C,MAAM,aAAA,CAAc,IAAA;AAAA,EACpB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA,EACA,WAAA,EAAa,MAAA;AAAA,EACb,KAAA,EAAO,MAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAQ,aAAA,CAAc,MAAA;AAAA,EACtB,cAAc,aAAA,CAAc,YAAA;AAAA,EAC5B,gBAAgB,aAAA,CAAc,kBAAA;AAAA,EAC9B,OAAO,aAAA,CAAc;AACvB,CAAU;AAMH,MAAM,kBAAA,GAAqB;AAAA,EAChC,CAAC,oBAAoB,GAAG;AAC1B;;;;"}
+{"version":3,"file":"transfer-panel.mjs","sources":["../../../../../../packages/components/transfer/src/transfer-panel.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { transferCheckedChangeFn, transferProps } from './transfer'\n\nimport type { ExtractPublicPropTypes, VNode } from 'vue'\nimport type { TransferDataItem, TransferKey, TransferProps } from './transfer'\nimport type TransferPanel from './transfer-panel.vue'\n\nexport interface TransferPanelState {\n  checked: TransferKey[]\n  allChecked: boolean\n  query: string\n  checkChangeByUser: boolean\n}\n\nexport const CHECKED_CHANGE_EVENT = 'checked-change'\n\nexport interface TransferPanelProps {\n  data?: TransferProps['data']\n  optionRender?: (option: TransferDataItem) => VNode | VNode[]\n  placeholder?: string\n  title?: string\n  filterable?: boolean\n  format?: TransferProps['format']\n  filterMethod?: TransferProps['filterMethod']\n  defaultChecked?: TransferProps['leftDefaultChecked']\n  props?: TransferProps['props']\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferPanelProps` instead.\n */\nexport const transferPanelProps = buildProps({\n  data: transferProps.data,\n  optionRender: {\n    type: definePropType<(option: TransferDataItem) => VNode | VNode[]>(\n      Function\n    ),\n  },\n  placeholder: String,\n  title: String,\n  filterable: Boolean,\n  format: transferProps.format,\n  filterMethod: transferProps.filterMethod,\n  defaultChecked: transferProps.leftDefaultChecked,\n  props: transferProps.props,\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `TransferPanelProps` instead.\n */\nexport type TransferPanelPropsPublic = ExtractPublicPropTypes<\n  typeof transferPanelProps\n>\n\nexport const transferPanelEmits = {\n  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,\n}\nexport type TransferPanelEmits = typeof transferPanelEmits\n\nexport type TransferPanelInstance = InstanceType<typeof TransferPanel> & unknown\n"],"names":[],"mappings":";;;AAcO,MAAM,oBAAA,GAAuB;AAiB7B,MAAM,qBAAqB,UAAA,CAAW;AAAA,EAC3C,MAAM,aAAA,CAAc,IAAA;AAAA,EACpB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA,EACA,WAAA,EAAa,MAAA;AAAA,EACb,KAAA,EAAO,MAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAQ,aAAA,CAAc,MAAA;AAAA,EACtB,cAAc,aAAA,CAAc,YAAA;AAAA,EAC5B,gBAAgB,aAAA,CAAc,kBAAA;AAAA,EAC9B,OAAO,aAAA,CAAc;AACvB,CAAU;AASH,MAAM,kBAAA,GAAqB;AAAA,EAChC,CAAC,oBAAoB,GAAG;AAC1B;;;;"}

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

@@ -1,77 +1,62 @@
-import type { VNode } from 'vue';
+import type { TransferPanelProps } from './transfer-panel';
 declare var __VLS_29: {}, __VLS_31: {};
 type __VLS_Slots = {} & {
     empty?: (props: typeof __VLS_29) => any;
 } & {
     default?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly data: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferDataItem[]) | (() => import("element-plus").TransferDataItem[]) | ((new (...args: any[]) => import("element-plus").TransferDataItem[]) | (() => import("element-plus").TransferDataItem[]))[], unknown, unknown, () => never[], boolean>;
-    readonly optionRender: {
-        readonly type: import("vue").PropType<(option: import("element-plus").TransferDataItem) => VNode | VNode[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly placeholder: StringConstructor;
-    readonly title: StringConstructor;
-    readonly filterable: BooleanConstructor;
-    readonly format: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferFormat) | (() => import("element-plus").TransferFormat) | ((new (...args: any[]) => import("element-plus").TransferFormat) | (() => import("element-plus").TransferFormat))[], unknown, unknown, () => {}, boolean>;
-    readonly filterMethod: {
-        readonly type: import("vue").PropType<(query: string, item: import("element-plus").TransferDataItem) => boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly defaultChecked: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferKey[]) | (() => import("element-plus").TransferKey[]) | ((new (...args: any[]) => import("element-plus").TransferKey[]) | (() => import("element-plus").TransferKey[]))[], unknown, unknown, () => never[], boolean>;
-    readonly props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferPropsAlias) | (() => import("element-plus").TransferPropsAlias) | ((new (...args: any[]) => import("element-plus").TransferPropsAlias) | (() => import("element-plus").TransferPropsAlias))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{
-        readonly label: "label";
-        readonly key: "key";
-        readonly disabled: "disabled";
-    }>, boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TransferPanelProps>, {
+    data: () => never[];
+    format: () => {};
+    defaultChecked: () => never[];
+    props: () => import("@element-plus/nightly/es/utils").Mutable<{
+        label: string;
+        key: string;
+        disabled: string;
+    }>;
+}>, {
     /** @description filter keyword */
     query: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "checked-change": (value: import("element-plus").TransferKey[], movedKeys?: import("element-plus").TransferKey[] | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly data: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferDataItem[]) | (() => import("element-plus").TransferDataItem[]) | ((new (...args: any[]) => import("element-plus").TransferDataItem[]) | (() => import("element-plus").TransferDataItem[]))[], unknown, unknown, () => never[], boolean>;
-    readonly optionRender: {
-        readonly type: import("vue").PropType<(option: import("element-plus").TransferDataItem) => VNode | VNode[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly placeholder: StringConstructor;
-    readonly title: StringConstructor;
-    readonly filterable: BooleanConstructor;
-    readonly format: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferFormat) | (() => import("element-plus").TransferFormat) | ((new (...args: any[]) => import("element-plus").TransferFormat) | (() => import("element-plus").TransferFormat))[], unknown, unknown, () => {}, boolean>;
-    readonly filterMethod: {
-        readonly type: import("vue").PropType<(query: string, item: import("element-plus").TransferDataItem) => boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly defaultChecked: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferKey[]) | (() => import("element-plus").TransferKey[]) | ((new (...args: any[]) => import("element-plus").TransferKey[]) | (() => import("element-plus").TransferKey[]))[], unknown, unknown, () => never[], boolean>;
-    readonly props: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").TransferPropsAlias) | (() => import("element-plus").TransferPropsAlias) | ((new (...args: any[]) => import("element-plus").TransferPropsAlias) | (() => import("element-plus").TransferPropsAlias))[], unknown, unknown, () => import("@element-plus/nightly/es/utils").Mutable<{
-        readonly label: "label";
-        readonly key: "key";
-        readonly disabled: "disabled";
-    }>, boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<TransferPanelProps>, {
+    data: () => never[];
+    format: () => {};
+    defaultChecked: () => never[];
+    props: () => import("@element-plus/nightly/es/utils").Mutable<{
+        label: string;
+        key: string;
+        disabled: string;
+    }>;
+}>>> & {
     "onChecked-change"?: ((value: import("element-plus").TransferKey[], movedKeys?: import("element-plus").TransferKey[] | undefined) => any) | undefined;
 }, {
-    readonly data: import("element-plus").TransferDataItem[];
-    readonly props: import("element-plus").TransferPropsAlias;
-    readonly format: import("element-plus").TransferFormat;
-    readonly filterable: boolean;
-    readonly defaultChecked: import("element-plus").TransferKey[];
+    data: import("element-plus").TransferDataItem[];
+    props: import("element-plus").TransferPropsAlias;
+    format: import("element-plus").TransferFormat;
+    defaultChecked: import("element-plus").TransferKey[];
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -2,9 +2,10 @@ import { defineComponent, useSlots, reactive, computed, toRefs, createElementBlo
 import { ElCheckbox, ElCheckboxGroup } from '../../checkbox/index.mjs';
 import { ElInput } from '../../input/index.mjs';
 import { Search } from '@element-plus/icons-vue';
-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 { mutable } from '../../../utils/typescript.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { isEmpty } from '../../../utils/types.mjs';
@@ -14,7 +15,21 @@ var _sfc_main = /* @__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: null, required: false, default: () => ({}) },
+    filterMethod: { type: Function, required: false },
+    defaultChecked: { type: Array, required: false, default: () => [] },
+    props: { type: null, required: false, default: () => mutable({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    }) }
+  },
   emits: transferPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -67,7 +82,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createTextVNode(
-                    toDisplayString(_ctx.title) + " ",
+                    toDisplayString(__props.title) + " ",
                     1
                     /* TEXT */
                   ),
@@ -92,13 +107,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass([unref(ns).be("panel", "body"), unref(ns).is("with-footer", hasFooter.value)])
             },
             [
-              _ctx.filterable ? (openBlock(), createBlock(unref(ElInput), {
+              __props.filterable ? (openBlock(), createBlock(unref(ElInput), {
                 key: 0,
                 modelValue: unref(query),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(query) ? query.value = $event : null),
                 class: normalizeClass(unref(ns).be("panel", "filter")),
                 size: "default",
-                placeholder: _ctx.placeholder,
+                placeholder: __props.placeholder,
                 "prefix-icon": unref(Search),
                 clearable: "",
                 "validate-event": false
@@ -107,7 +122,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 modelValue: unref(checked),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(checked) ? checked.value = $event : null),
                 "validate-event": false,
-                class: normalizeClass([unref(ns).is("filterable", _ctx.filterable), unref(ns).be("panel", "list")])
+                class: normalizeClass([unref(ns).is("filterable", __props.filterable), unref(ns).be("panel", "list")])
               }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(
@@ -125,7 +140,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                           var _a;
                           return [
                             createVNode(OptionContent, {
-                              option: (_a = _ctx.optionRender) == null ? void 0 : _a.call(_ctx, item)
+                              option: (_a = __props.optionRender) == null ? void 0 : _a.call(__props, item)
                             }, null, 8, ["option"])
                           ];
                         }),
@@ -140,7 +155,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }, 8, ["modelValue", "class"]), [
-                [vShow, !hasNoMatch.value && !unref(isEmpty)(_ctx.data)]
+                [vShow, !hasNoMatch.value && !unref(isEmpty)(__props.data)]
               ]),
               withDirectives(createElementVNode(
                 "div",
@@ -159,7 +174,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 2
                 /* CLASS */
               ), [
-                [vShow, hasNoMatch.value || unref(isEmpty)(_ctx.data)]
+                [vShow, hasNoMatch.value || unref(isEmpty)(__props.data)]
               ])
             ],
             2

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

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.vue2.mjs","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        {{ title }}\n        <span>{{ checkedSummary }}</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 } 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, transferPanelProps } from './transfer-panel'\nimport { useCheck, usePropsAlias } from './composables'\n\nimport type { VNode } from 'vue'\nimport type { TransferPanelState } from './transfer-panel'\n\ndefineOptions({\n  name: 'ElTransferPanel',\n})\n\nconst props = defineProps(transferPanelProps)\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"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","title","filterable","_createBlock","placeholder","_Fragment","_renderList","optionRender","data","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AA0EA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AACb,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,MAAM,aAAA,GAAgB,CAAC,EAAE,MAAA,EAAO,KAAoC,MAAA;AAEpE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,IAAA,MAAM,EAAA,GAAK,aAAa,UAAU,CAAA;AAElC,IAAA,MAAM,aAAa,QAAA,CAA6B;AAAA,MAC9C,SAAS,EAAC;AAAA,MACV,UAAA,EAAY,KAAA;AAAA,MACZ,KAAA,EAAO,EAAA;AAAA,MACP,iBAAA,EAAmB;AAAA,KACpB,CAAA;AAED,IAAA,MAAM,UAAA,GAAa,cAAc,KAAK,CAAA;AAEtC,IAAA,MAAM;AAAA,MACJ,YAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA;AAAA,KACF,GAAI,QAAA,CAAS,KAAA,EAAO,UAAA,EAAY,IAAI,CAAA;AAEpC,IAAA,MAAM,UAAA,GAAa,QAAA;AAAA,MACjB,MAAM,CAAC,OAAA,CAAQ,UAAA,CAAW,KAAK,CAAA,IAAK,OAAA,CAAQ,aAAa,KAAK;AAAA,KAChE;AAEA,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,MAAM,CAAC,OAAA,CAAQ,KAAA,CAAM,OAAA,EAAS,CAAE,CAAC,CAAA,CAAE,QAAQ,CAAC,CAAA;AAEvE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAM,GAAI,OAAO,UAAU,CAAA;AAExD,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX;AAAA,KACD,CAAA;;0BA7GCA,kBAAA;AAAA,QAqDM,KAAA;AAAA,QAAA;AAAA,UArDA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;UACfC,kBAAA;AAAA,YAUI,GAAA;AAAA,YAAA;AAAA,cAVA,KAAA,EAAKF,eAAEC,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,OAAA,EAAA,QAAA,CAAA;AAAA;;cACdE,WAAA,CAQcF,KAAA,CAAA,UAAA,CAAA,EAAA;AAAA,4BAPHA,MAAA,UAAA,CAAA;AAAA,iGAAA,UAAA,CAAU,QAAA,MAAA,GAAA,IAAA,CAAA;AAAA,gBAClB,aAAA,EAAeA,MAAA,eAAA,CAAA;AAAA,gBACf,gBAAA,EAAgB,KAAA;AAAA,gBAChB,QAAA,EAAQA,MAAA,sBAAA;AAAA;iCAET,MAAW;AAAA,kBAARG,eAAAA;AAAAA,oBAAAA,eAAAA,CAAAA,IAAAA,CAAAA,KAAK,CAAA,GAAG,GAAA;AAAA,oBACX;AAAA;AAAA,mBAAA;AAAA,kBAAAF,kBAAA;AAAA,oBAAiC,MAAA;AAAA;oCAAxBD,KAAA,CAAA,cAAA,CAAc,CAAA;AAAA,oBAAA;AAAA;AAAA;AAAA;;;;;;;;UAI3BC,kBAAA;AAAA,YAoCM,KAAA;AAAA,YAAA;AAAA,cApCA,OAAKF,cAAA,CAAA,CAAGC,UAAG,qBAAqBA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,eAAgB,SAAA,CAAA,KAAS,CAAA,CAAA;AAAA;;cAE1DI,KAAAA,UAAAA,iBADRC,WAAA,CASEL,KAAA,CAAA,OAAA,CAAA,EAAA;AAAA;4BAPSA,MAAA,KAAA,CAAA;AAAA,4FAAA,KAAA,CAAK,QAAA,MAAA,GAAA,IAAA,CAAA;AAAA,gBACb,KAAA,EAAKD,eAAEC,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,OAAA,EAAA,QAAA,CAAA,CAAA;AAAA,gBACb,IAAA,EAAK,SAAA;AAAA,gBACJ,aAAaM,IAAAA,CAAAA,WAAAA;AAAAA,gBACb,aAAA,EAAaN,MAAA,MAAA,CAAA;AAAA,gBACd,SAAA,EAAA,EAAA;AAAA,gBACC,gBAAA,EAAgB;AAAA;6BAEnBE,WAAA,CAgBoBF,KAAA,CAAA,eAAA,CAAA,EAAA;AAAA,4BAdTA,MAAA,OAAA,CAAA;AAAA,8FAAA,OAAA,CAAO,QAAA,MAAA,GAAA,IAAA,CAAA;AAAA,gBACf,gBAAA,EAAgB,KAAA;AAAA,gBAChB,OAAKD,cAAA,CAAA,CAAGC,UAAG,iBAAiBI,IAAAA,CAAAA,UAAU,CAAA,EAAGJ,MAAA,EAAA,CAAA,CAAG,GAAE,OAAA,EAAA,MAAA,CAAA,CAAA;AAAA;iCAG7C,MAA4B;AAAA,oCAD9BF,kBAAA;AAAA,oBAScS,QAAA;AAAA,oBAAA,IAAA;AAAA,oBAAAC,UAAA,CARGR,KAAA,CAAA,YAAA,CAAA,EAAY,CAApB,IAAA,KAAI;0CADbK,WAAA,CAScL,KAAA,CAAA,UAAA,CAAA,EAAA;AAAA,wBAPX,GAAA,EAAK,IAAA,CAAKA,KAAA,CAAA,UAAA,EAAW,GAAG,CAAA;AAAA,wBACxB,KAAA,EAAKD,eAAEC,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,OAAA,EAAA,MAAA,CAAA,CAAA;AAAA,wBACZ,KAAA,EAAO,IAAA,CAAKA,KAAA,CAAA,UAAA,EAAW,GAAG,CAAA;AAAA,wBAC1B,QAAA,EAAU,IAAA,CAAKA,KAAA,CAAA,UAAA,EAAW,QAAQ,CAAA;AAAA,wBAClC,gBAAA,EAAgB;AAAA;yCAEjB,MAAiD;;AAAA,0BAAA,OAAA;AAAA,4BAAjDE,YAAiD,aAAA,EAAA;AAAA,8BAAhC,MAAA,EAAA,CAAQO,EAAAA,GAAAA,IAAAA,CAAAA,YAAAA,KAAAA,IAAAA,GAAAA,MAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,IAAAA,EAAe,IAAA;AAAA;;;;;;;;;;;;;;yBAbjC,UAAA,CAAA,KAAA,IAAU,CAAKT,KAAA,CAAA,OAAA,CAAA,CAAQU,IAAAA,CAAAA,IAAI,CAAA;AAAA;6BAgBtCT,kBAAA;AAAA,gBAOM,KAAA;AAAA,gBAAA;AAAA,kBALH,KAAA,EAAKF,eAAEC,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,OAAA,EAAA,OAAA,CAAA;AAAA;;kBAEbW,WAEO,IAAA,sBAFP,MAEO;AAAA;sCADF,UAAA,CAAA,KAAA,GAAaX,KAAA,CAAA,CAAA,CAAA,CAAC,qBAAA,CAAA,GAA0BA,KAAA,CAAA,CAAA,CAAA,CAAC,oBAAA,CAAA,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;;;wBAJtC,UAAA,CAAA,KAAA,IAAcA,MAAA,OAAA,CAAA,CAAQU,IAAAA,CAAAA,IAAI,CAAA;AAAA;;;;;UAQ7B,SAAA,CAAA,KAAA,iBAATZ,kBAAA;AAAA,YAEI,GAAA;AAAA,YAAA;AAAA;cAFiB,KAAA,EAAKC,eAAEC,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,OAAA,EAAA,QAAA,CAAA;AAAA;;cAC/BW,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"transfer-panel.vue2.mjs","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        {{ title }}\n        <span>{{ checkedSummary }}</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"],"names":["_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_createBlock","_Fragment","_renderList","_renderSlot"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, h as H, VNode } from 'vue';
+import type { ExtractPublicPropTypes, h as H, VNode } from 'vue';
 import type Transfer from './transfer.vue';
 export type TransferKey = string | number;
 export type TransferDirection = 'left' | 'right';
@@ -19,6 +19,67 @@ export interface TransferCheckedState {
 }
 export declare const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
 export declare const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
+export interface TransferProps {
+    /**
+     * @description data source
+     */
+    data?: TransferDataItem[];
+    /**
+     * @description custom list titles
+     */
+    titles?: [string, string];
+    /**
+     * @description custom button texts
+     */
+    buttonTexts?: [string, string];
+    /**
+     * @description placeholder for the filter input
+     */
+    filterPlaceholder?: string;
+    /**
+     * @description custom filter method
+     */
+    filterMethod?: (query: string, item: TransferDataItem) => boolean;
+    /**
+     * @description key array of initially checked data items of the left list
+     */
+    leftDefaultChecked?: TransferKey[];
+    /**
+     * @description key array of initially checked data items of the right list
+     */
+    rightDefaultChecked?: TransferKey[];
+    /**
+     * @description custom render function for data items
+     */
+    renderContent?: renderContent;
+    /**
+     * @description binding value
+     */
+    modelValue?: TransferKey[];
+    /**
+     * @description texts for checking status in list header
+     */
+    format?: TransferFormat;
+    /**
+     * @description whether Transfer is filterable
+     */
+    filterable?: boolean;
+    /**
+     * @description prop aliases for data source
+     */
+    props?: TransferPropsAlias;
+    /**
+     * @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
+     */
+    targetOrder?: 'original' | 'push' | 'unshift';
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `TransferProps` instead.
+ */
 export declare const transferProps: {
     readonly data: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => TransferDataItem[]) | (() => TransferDataItem[]) | ((new (...args: any[]) => TransferDataItem[]) | (() => TransferDataItem[]))[], unknown, unknown, () => never[], boolean>;
     readonly titles: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => [string, string]) | (() => [string, string]) | ((new (...args: any[]) => [string, string]) | (() => [string, string]))[], unknown, unknown, () => never[], boolean>;
@@ -49,7 +110,9 @@ export declare const transferProps: {
     readonly targetOrder: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "push" | "unshift" | "original", unknown, "original", boolean>;
     readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
-export type TransferProps = ExtractPropTypes<typeof transferProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `TransferProps` instead.
+ */
 export type TransferPropsPublic = ExtractPublicPropTypes<typeof transferProps>;
 export declare const transferCheckedChangeFn: (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
 export declare const transferEmits: {

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

@@ -1 +1 @@
-{"version":3,"file":"transfer.mjs","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  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  h as H,\n  VNode,\n} 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 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)\nexport type TransferProps = ExtractPropTypes<typeof transferProps>\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"],"names":[],"mappings":";;;;;;AA2CO,MAAM,uBAAA,GAA0B;AAChC,MAAM,wBAAA,GAA2B;AAEjC,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAmC,KAAK,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAA,EAAmB,MAAA;AAAA;AAAA;AAAA;AAAA,EAInB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA8B,QAAQ;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,IAC3C,OAAA,EAAS,OAAO,EAAC;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,IAC/C,OAAA,EAAS,MACP,OAAA,CAAQ;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,KAAA;AAAA,MACL,QAAA,EAAU;AAAA,KACF;AAAA,GACd;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,UAAA,EAAY,MAAA,EAAQ,SAAS,CAAA;AAAA,IACtC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAIH,MAAM,uBAAA,GAA0B,CACrC,KAAA,EACA,SAAA,KACG,CAAC,KAAA,EAAO,SAAS,CAAA,CAAE,KAAA,CAAM,OAAO,CAAA,IAAM,OAAA,CAAQ,KAAK,CAAA,IAAK,MAAM,SAAS;AAErE,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,YAAY,GAAG,CACd,KAAA,EACA,SAAA,EACA,cAEA,CAAC,KAAA,EAAO,SAAS,CAAA,CAAE,KAAA,CAAM,OAAO,CAAA,IAAK,CAAC,QAAQ,OAAO,CAAA,CAAE,SAAS,SAAS,CAAA;AAAA,EAC3E,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAyB,QAAQ,KAAK,CAAA;AAAA,EAC7D,CAAC,uBAAuB,GAAG,uBAAA;AAAA,EAC3B,CAAC,wBAAwB,GAAG;AAC9B;;;;"}
+{"version":3,"file":"transfer.mjs","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"],"names":[],"mappings":";;;;;;AAsCO,MAAM,uBAAA,GAA0B;AAChC,MAAM,wBAAA,GAA2B;AAgEjC,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,eAAmC,KAAK,CAAA;AAAA,IAC9C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAAiC,KAAK,CAAA;AAAA,IAC5C,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAA,EAAmB,MAAA;AAAA;AAAA;AAAA;AAAA,EAInB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,eAA8B,QAAQ;AAAA,GAC9C;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,eAA8B,KAAK,CAAA;AAAA,IACzC,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAA+B,MAAM,CAAA;AAAA,IAC3C,OAAA,EAAS,OAAO,EAAC;AAAA,GACnB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAAmC,MAAM,CAAA;AAAA,IAC/C,OAAA,EAAS,MACP,OAAA,CAAQ;AAAA,MACN,KAAA,EAAO,OAAA;AAAA,MACP,GAAA,EAAK,KAAA;AAAA,MACL,QAAA,EAAU;AAAA,KACF;AAAA,GACd;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,UAAA,EAAY,MAAA,EAAQ,SAAS,CAAA;AAAA,IACtC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,uBAAA,GAA0B,CACrC,KAAA,EACA,SAAA,KACG,CAAC,KAAA,EAAO,SAAS,CAAA,CAAE,KAAA,CAAM,OAAO,CAAA,IAAM,OAAA,CAAQ,KAAK,CAAA,IAAK,MAAM,SAAS;AAErE,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,YAAY,GAAG,CACd,KAAA,EACA,SAAA,EACA,cAEA,CAAC,KAAA,EAAO,SAAS,CAAA,CAAE,KAAA,CAAM,OAAO,CAAA,IAAK,CAAC,QAAQ,OAAO,CAAA,CAAE,SAAS,SAAS,CAAA;AAAA,EAC3E,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAyB,QAAQ,KAAK,CAAA;AAAA,EAC7D,CAAC,uBAAuB,GAAG,uBAAA;AAAA,EAC3B,CAAC,wBAAwB,GAAG;AAC9B;;;;"}