@element-plus/nightly 0.0.20260119 → 0.0.20260121

package/lib/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/lib/components/transfer/src/composables/use-computed-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-computed-data.js","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":["usePropsAlias","computed"],"mappings":";;;;;AAKO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAyB;AACvD,EAAA,MAAM,UAAA,GAAaA,4BAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,OAAA,GAAUC,YAAA;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,GAAaA,YAAA;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,GAAaA,aAAS,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.js","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":["usePropsAlias","computed"],"mappings":";;;;;AAKO,MAAM,eAAA,GAAkB,CAC7B,KAAA,KAGG;AACH,EAAA,MAAM,UAAA,GAAaA,4BAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,OAAA,GAAUC,YAAA;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,GAAaA,YAAA;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,GAAaA,aAAS,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/lib/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/lib/components/transfer/src/composables/use-move.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-move.js","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":["usePropsAlias","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;AAaO,MAAM,OAAA,GAAU,CACrB,KAAA,EACA,YAAA,EACA,IAAA,KACG;AACH,EAAA,MAAM,UAAA,GAAaA,4BAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,KAAA,GAAQ,CACZ,KAAA,EACA,SAAA,EACA,SAAA,KACG;AACH,IAAA,IAAA,CAAKC,0BAAoB,KAAK,CAAA;AAC9B,IAAA,IAAA,CAAKC,kBAAA,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.js","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":["usePropsAlias","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;AAaO,MAAM,OAAA,GAAU,CACrB,KAAA,EAGA,YAAA,EACA,IAAA,KACG;AACH,EAAA,MAAM,UAAA,GAAaA,4BAAc,KAAK,CAAA;AAEtC,EAAA,MAAM,KAAA,GAAQ,CACZ,KAAA,EACA,SAAA,EACA,SAAA,KACG;AACH,IAAA,IAAA,CAAKC,0BAAoB,KAAK,CAAA;AAC9B,IAAA,IAAA,CAAKC,kBAAA,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/lib/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/lib/components/transfer/src/composables/use-props-alias.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-props-alias.js","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":["computed"],"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,OAAOA,aAAS,OAAO;AAAA,IACrB,GAAG,SAAA;AAAA,IACH,GAAG,KAAA,CAAM;AAAA,GACX,CAAE,CAAA;AACJ;;;;"}
+{"version":3,"file":"use-props-alias.js","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":["computed"],"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,OAAOA,aAAS,OAAO;AAAA,IACrB,GAAG,SAAA;AAAA,IACH,GAAG,KAAA,CAAM;AAAA,GACX,CAAE,CAAA;AACJ;;;;"}

package/lib/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/lib/components/transfer/src/transfer-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.js","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":["buildProps","transferProps","definePropType","transferCheckedChangeFn"],"mappings":";;;;;AAcO,MAAM,oBAAA,GAAuB;AAE7B,MAAM,qBAAqBA,kBAAA,CAAW;AAAA,EAC3C,MAAMC,sBAAA,CAAc,IAAA;AAAA,EACpB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAMC,sBAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA,EACA,WAAA,EAAa,MAAA;AAAA,EACb,KAAA,EAAO,MAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAQD,sBAAA,CAAc,MAAA;AAAA,EACtB,cAAcA,sBAAA,CAAc,YAAA;AAAA,EAC5B,gBAAgBA,sBAAA,CAAc,kBAAA;AAAA,EAC9B,OAAOA,sBAAA,CAAc;AACvB,CAAU;AAMH,MAAM,kBAAA,GAAqB;AAAA,EAChC,CAAC,oBAAoB,GAAGE;AAC1B;;;;;;"}
+{"version":3,"file":"transfer-panel.js","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":["buildProps","transferProps","definePropType","transferCheckedChangeFn"],"mappings":";;;;;AAcO,MAAM,oBAAA,GAAuB;AAiB7B,MAAM,qBAAqBA,kBAAA,CAAW;AAAA,EAC3C,MAAMC,sBAAA,CAAc,IAAA;AAAA,EACpB,YAAA,EAAc;AAAA,IACZ,IAAA,EAAMC,sBAAA;AAAA,MACJ;AAAA;AACF,GACF;AAAA,EACA,WAAA,EAAa,MAAA;AAAA,EACb,KAAA,EAAO,MAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAQD,sBAAA,CAAc,MAAA;AAAA,EACtB,cAAcA,sBAAA,CAAc,YAAA;AAAA,EAC5B,gBAAgBA,sBAAA,CAAc,kBAAA;AAAA,EAC9B,OAAOA,sBAAA,CAAc;AACvB,CAAU;AASH,MAAM,kBAAA,GAAqB;AAAA,EAChC,CAAC,oBAAoB,GAAGE;AAC1B;;;;;;"}

package/lib/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/lib/components/transfer/src/transfer-panel.vue2.js

@@ -9,6 +9,7 @@ var iconsVue = require('@element-plus/icons-vue');
 var transferPanel = require('./transfer-panel.js');
 var usePropsAlias = require('./composables/use-props-alias.js');
 var useCheck = require('./composables/use-check.js');
+var typescript = require('../../../utils/typescript.js');
 var index = require('../../../hooks/use-locale/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var types = require('../../../utils/types.js');
@@ -18,7 +19,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElTransferPanel"
   },
   __name: "transfer-panel",
-  props: transferPanel.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: () => typescript.mutable({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    }) }
+  },
   emits: transferPanel.transferPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -71,7 +86,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(
-                    vue.toDisplayString(_ctx.title) + " ",
+                    vue.toDisplayString(__props.title) + " ",
                     1
                     /* TEXT */
                   ),
@@ -96,13 +111,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass([vue.unref(ns).be("panel", "body"), vue.unref(ns).is("with-footer", hasFooter.value)])
             },
             [
-              _ctx.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElInput), {
+              __props.filterable ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.ElInput), {
                 key: 0,
                 modelValue: vue.unref(query),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(query) ? query.value = $event : null),
                 class: vue.normalizeClass(vue.unref(ns).be("panel", "filter")),
                 size: "default",
-                placeholder: _ctx.placeholder,
+                placeholder: __props.placeholder,
                 "prefix-icon": vue.unref(iconsVue.Search),
                 clearable: "",
                 "validate-event": false
@@ -111,7 +126,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 modelValue: vue.unref(checked),
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(checked) ? checked.value = $event : null),
                 "validate-event": false,
-                class: vue.normalizeClass([vue.unref(ns).is("filterable", _ctx.filterable), vue.unref(ns).be("panel", "list")])
+                class: vue.normalizeClass([vue.unref(ns).is("filterable", __props.filterable), vue.unref(ns).be("panel", "list")])
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(true), vue.createElementBlock(
@@ -129,7 +144,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           var _a;
                           return [
                             vue.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"])
                           ];
                         }),
@@ -144,7 +159,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }, 8, ["modelValue", "class"]), [
-                [vue.vShow, !hasNoMatch.value && !vue.unref(types.isEmpty)(_ctx.data)]
+                [vue.vShow, !hasNoMatch.value && !vue.unref(types.isEmpty)(__props.data)]
               ]),
               vue.withDirectives(vue.createElementVNode(
                 "div",
@@ -163,7 +178,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 2
                 /* CLASS */
               ), [
-                [vue.vShow, hasNoMatch.value || vue.unref(types.isEmpty)(_ctx.data)]
+                [vue.vShow, hasNoMatch.value || vue.unref(types.isEmpty)(__props.data)]
               ])
             ],
             2

package/lib/components/transfer/src/transfer-panel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer-panel.vue2.js","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":["useSlots","useLocale","useNamespace","reactive","usePropsAlias","useCheck","computed","isEmpty","toRefs","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","ElCheckbox","title","filterable","_createBlock","ElInput","placeholder","Search","ElCheckboxGroup","_Fragment","_renderList","optionRender","data","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"transfer-panel.vue2.js","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":["useSlots","useLocale","useNamespace","reactive","usePropsAlias","useCheck","computed","isEmpty","toRefs","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","ElCheckbox","_createTextVNode","_toDisplayString","_createBlock","ElInput","Search","ElCheckboxGroup","_Fragment","_renderList","_renderSlot"],"mappings":"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"}

package/lib/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/lib/components/transfer/src/transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.js","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":["buildProps","definePropType","mutable","isArray","isNil","CHANGE_EVENT","UPDATE_MODEL_EVENT"],"mappings":"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"}
+{"version":3,"file":"transfer.js","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":["buildProps","definePropType","mutable","isArray","isNil","CHANGE_EVENT","UPDATE_MODEL_EVENT"],"mappings":"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"}