@koi-design/uxd-ui 14.0.7 → 14.0.8

package/es/components/Transfer/Transfer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.mjs","sources":["../../../../src/components/Transfer/Transfer.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, { [`${prefixCls}-custom`]: !!renderList, [`${prefixCls}-rtl`]: computedDirection === 'rtl' }]\" :data-color=\"color\">\n    <TransferList\n      :ref=\"getTransferRef(0)\"\n      side=\"left\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[0]\"\n      :data-source=\"separatedData.leftData\"\n      :checked-keys=\"separatedKeys.sourceSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"leftSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n    <Operation\n      :prefix-cls=\"prefixCls\"\n      :to-right-disabled=\"toRightDisabled || separatedKeys.sourceSelectedKeys.length === 0\"\n      :to-left-disabled=\"toLeftDisabled || separatedKeys.targetSelectedKeys.length === 0\"\n      :disabled=\"disabled\"\n      :loading=\"loading\"\n      :operations=\"operations\"\n      @on-click=\"handleChange\"\n    />\n    <TransferList\n      :ref=\"getTransferRef(1)\"\n      side=\"right\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[1]\"\n      :data-source=\"separatedData.rightData\"\n      :checked-keys=\"separatedKeys.targetSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"rightSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, provide, ref, inject } from 'vue';\nimport TransferList from './TransferList.vue';\nimport Operation from './Operation.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { changeKeys } from './util';\nimport { transferEmits, transferProps, type TransferDataItem, type TransferSide } from './Transfer.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\nimport { FormItemKey } from '../Form';\n\nexport const DataItem = {\n  key: { type: String, isRequired: true },\n  title: { type: String, isRequired: true },\n  description: { type: String },\n  disabled: { type: Boolean, default: undefined as undefined }\n};\n\ndeclare type TransferListInstance = InstanceType<typeof TransferList>;\n\nexport default defineComponent({\n  name: 'UTransfer',\n  components: { TransferList, Operation },\n  props: transferProps,\n  emits: transferEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('transfer');\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n    const transferRefs = ref<TransferListInstance[]>([]);\n\n    const getTransferRef = (i: number) => {\n      return (ins: any) => {\n        transferRefs.value[i] = ins;\n      };\n    };\n\n    const thisLocale = computed(() => {\n      return props.locale || globalConfig.locale.transfer;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const selfTargetKeys = ref(props.targetKeys || []);\n    const selfSelectedKeys = ref(props.selectedKeys || []);\n\n    watch(\n      () => props.targetKeys,\n      (nextTargetKeys) => {\n        selfTargetKeys.value = nextTargetKeys || [];\n      }\n    );\n\n    // compute left dataSource and right dataSource\n    const separatedData = computed(() => {\n      const leftData: TransferDataItem[] = [];\n      const rightData = new Array(selfTargetKeys.value.length);\n      props.dataSource.forEach((data) => {\n        const keyIndex = selfTargetKeys.value.indexOf(data.key);\n        if (!props.removeSource) {\n          leftData.push({\n            ...data,\n            disabled: data.disabled || keyIndex !== -1\n          });\n          if (keyIndex !== -1) {\n            rightData[keyIndex] = { ...data, disabled: data.disabled || false };\n          }\n        } else if (keyIndex !== -1) {\n          rightData[keyIndex] = data;\n        } else {\n          leftData.push(data);\n        }\n      });\n      return {\n        leftData,\n        rightData: rightData.filter((x) => !!x)\n      };\n    });\n\n    // watch dataSource update selfTargetKeys and selfSelectedKeys\n    watch(\n      () => props.dataSource,\n      (nextDataSource) => {\n        selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);\n        const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;\n        selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));\n      }\n    );\n\n    // watch and computed source selectedKeys and target selectedKeys\n    watch(\n      () => props.selectedKeys,\n      (nextSelectedKeys) => {\n        selfSelectedKeys.value = nextSelectedKeys || [];\n      }\n    );\n\n    const separatedKeys = computed(() => {\n      return {\n        sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),\n        targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))\n      };\n    });\n\n    // provide combine solt and props renderItem method\n    const itemRender = computed(() => {\n      if (slots.renderItem) {\n        return slots.renderItem;\n      }\n      return ({ item }: { item: TransferDataItem }) => props.renderItem(item);\n    });\n    provide('renderItem', itemRender.value);\n\n    /**\n     * @param {string[]} sourceSelectedKeys\n     * @param {string[]} targetSelectedKeys\n     * @return {void}\n     * @description update selected keys\n     */\n    const updateSelectKeys = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n      // no selectedKeys props, change selfSelectedKeys\n      if (!props.selectedKeys) {\n        selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];\n      }\n      emit('select-change', sourceSelectedKeys, targetSelectedKeys);\n    };\n\n    /**\n     * @param {string} itemKey item key\n     * @param {boolean} checked next checked value\n     * @param {string} side left or right\n     * @return {void}\n     * @description select single item\n     */\n    const handleSelect = (itemKey: string, checked: boolean, side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);\n        updateSelectKeys(changedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);\n        updateSelectKeys(sourceSelectedKeys, changedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextCheckedKeys next checked keys\n     * @param {string} side left or right\n     * @return {void}\n     * @description click checkAll method: change to all or []\n     */\n    const handleSelectAll = (nextCheckedKeys: string[], side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        updateSelectKeys(nextCheckedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextTargetKeys next target keys\n     * @param {string} direction move direction: arrow direction\n     * @param {string[]} moveKeys moved keys\n     * @return {void}\n     * @description update target keys\n     */\n    const updateTargetKeys = (nextTargetKeys: string[], direction: TransferSide, moveKeys: string[]) => {\n      // no targetKeys props, change selfTargetKeys\n      if (!props.targetKeys) {\n        selfTargetKeys.value = nextTargetKeys;\n      }\n      emit('update:targetKeys', nextTargetKeys);\n      emit('change', nextTargetKeys, direction, moveKeys);\n      if (onFieldChange) onFieldChange(nextTargetKeys);\n    };\n\n    /**\n     * @param {string} direction move direction: arrow direction\n     * @return {void}\n     * @description click arrow button method: change target keys\n     */\n    const handleChange = (direction: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (direction === 'right') {\n        const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);\n        updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);\n        updateSelectKeys([], targetSelectedKeys);\n      }\n      if (direction === 'left') {\n        const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));\n        updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);\n        updateSelectKeys(sourceSelectedKeys, []);\n      }\n    };\n\n    /**\n     * @param {string} side left or right side\n     * @param {string} value input value\n     * @return {void}\n     * @description type search value call back\n     */\n    const handleSearchChange = (side: TransferSide, value: string) => {\n      emit('search', side, value);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description make search value empty\n     */\n    const clrearTransferSearchValue = () => {\n      transferRefs.value.forEach((transferRef) => {\n        if (transferRef) {\n          transferRef.clearSearchValue();\n        }\n      });\n    };\n\n    provide(FormItemKey, {\n      onFieldBlur: () => {},\n      onFieldChange: () => {}\n    });\n\n    return {\n      transferRefs,\n      getTransferRef,\n      thisLocale,\n      prefixCls,\n      separatedData,\n      separatedKeys,\n      computedDirection,\n      footer: slots.footer,\n      renderList: slots.children,\n      leftSearch: slots.leftSearch,\n      rightSearch: slots.rightSearch,\n      handleSelect,\n      handleSelectAll,\n      handleChange,\n      handleSearchChange,\n      clrearTransferSearchValue\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":";;;;;;;;;;MAmEa,WAAW;AAAA,EACtB,KAAK,EAAE,MAAM,QAAQ,YAAY;AAAK,EACtC,OAAO,EAAE,MAAM,QAAQ,YAAY;AAAK,EACxC,aAAa,EAAE,MAAM;AAAO,EAC5B,UAAU,EAAE,MAAM,SAAS,SAAS;AACtC;AAIA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,cAAc;AAAU,EACtC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UACtB,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,UAAU;UAEhE,EAAE,kBAAkB,OAAwB,aAAa,EAAqB;UAE9E,eAAe,IAA4B,EAAE;UAE7C,iBAAiB,CAAC,MAAc;aAC7B,CAAC,QAAa;qBACN,MAAM,KAAK;AAAA;AAC1B;UAGI,aAAa,SAAS,MAAM;aACzB,MAAM,UAAU,aAAa,OAAO;AAAA,KAC5C;UAEK,oBAAoB,SAAS,MAAM;aAChC,MAAM,aAAa,aAAa,aAAa;AAAA,KACrD;UAEK,iBAAiB,IAAI,MAAM,cAAc,EAAE;UAC3C,mBAAmB,IAAI,MAAM,gBAAgB,EAAE;;MAGnD,MAAM,MAAM;AAAA,MACZ,CAAC,mBAAmB;uBACH,QAAQ,kBAAkB;AAAC;AAC5C;UAII,gBAAgB,SAAS,MAAM;YAC7B,WAA+B;YAC/B,YAAY,IAAI,MAAM,eAAe,MAAM,MAAM;YACjD,WAAW,QAAQ,CAAC,SAAS;cAC3B,WAAW,eAAe,MAAM,QAAQ,KAAK,GAAG;YAClD,CAAC,MAAM,cAAc;mBACd,KAAK;AAAA,YACZ,GAAG;AAAA,YACH,UAAU,KAAK,YAAY,aAAa;AAAA,WACzC;cACG,aAAa,IAAI;sBACT,YAAY,EAAE,GAAG,MAAM,UAAU,KAAK,YAAY;AAAM;AACpE,mBACS,aAAa,IAAI;oBAChB,YAAY;AAAA,eACjB;mBACI,KAAK,IAAI;AAAA;AACpB,OACD;aACM;AAAA,QACL;AAAA,QACA,WAAW,UAAU,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAAA;AACxC,KACD;;MAIC,MAAM,MAAM;AAAA,MACZ,CAAC,mBAAmB;uBACH,QAAQ,eAAe,OAAO,CAAC,OAAO,eAAe,MAAM,SAAS,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,GAAG;cACxG,mBAAmB,MAAM,gBAAgB,iBAAiB;yBAC/C,QAAQ,iBAAiB,OAAO,CAAC,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE,SAAS,EAAE,CAAC;AAAA;AAC1G;;MAKA,MAAM,MAAM;AAAA,MACZ,CAAC,qBAAqB;yBACH,QAAQ,oBAAoB;AAAC;AAChD;UAGI,gBAAgB,SAAS,MAAM;aAC5B;AAAA,QACL,oBAAoB,iBAAiB,MAAM,OAAO,CAAC,MAAM,CAAC,eAAe,MAAM,SAAS,CAAC,CAAC;AAAA,QAC1F,oBAAoB,iBAAiB,MAAM,OAAO,CAAC,MAAM,eAAe,MAAM,SAAS,CAAC,CAAC;AAAA;AAC3F,KACD;UAGK,aAAa,SAAS,MAAM;UAC5B,MAAM,YAAY;eACb,MAAM;AAAA;aAER,CAAC,EAAE,WAAuC,MAAM,WAAW,IAAI;AAAA,KACvE;YACO,cAAc,WAAW,KAAK;UAQhC,mBAAmB,CAAC,oBAA8B,uBAAiC;UAEnF,CAAC,MAAM,cAAc;yBACN,QAAQ,CAAC,GAAG,oBAAoB,GAAG,kBAAkB;AAAA;WAEnE,iBAAiB,oBAAoB,kBAAkB;AAAA;UAUxD,eAAe,CAAC,SAAiB,SAAkB,SAAuB;YACxE,EAAE,oBAAoB,uBAAuB,cAAc;UAC7D,SAAS,QAAQ;cACb,cAAc,WAAW,oBAAoB,SAAS,OAAO;yBAClD,aAAa,kBAAkB;AAAA;UAG9C,SAAS,SAAS;cACd,cAAc,WAAW,oBAAoB,SAAS,OAAO;yBAClD,oBAAoB,WAAW;AAAA;AAClD;UASI,kBAAkB,CAAC,iBAA2B,SAAuB;YACnE,EAAE,oBAAoB,uBAAuB,cAAc;UAC7D,SAAS,QAAQ;yBACF,iBAAiB,kBAAkB;AAAA;UAGlD,SAAS,SAAS;yBACH,oBAAoB,eAAe;AAAA;AACtD;UAUI,mBAAmB,CAAC,gBAA0B,WAAyB,aAAuB;UAE9F,CAAC,MAAM,YAAY;uBACN,QAAQ;AAAA;WAEpB,qBAAqB,cAAc;WACnC,UAAU,gBAAgB,WAAW,QAAQ;UAC9C;sBAA6B,cAAc;AAAA;UAQ3C,eAAe,CAAC,cAA4B;YAC1C,EAAE,oBAAoB,uBAAuB,cAAc;UAC7D,cAAc,SAAS;cACnB,iBAAiB,MAAM,WAAW,OAAO,CAAC,MAAM,CAAC,GAAG,eAAe,OAAO,GAAG,kBAAkB,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG;yBACvH,gBAAgB,WAAW,kBAAkB;yBAC7C,IAAI,kBAAkB;AAAA;UAErC,cAAc,QAAQ;cAClB,iBAAiB,eAAe,MAAM,OAAO,CAAC,MAAM,CAAC,mBAAmB,SAAS,CAAC,CAAC;yBACxE,gBAAgB,WAAW,kBAAkB;yBAC7C,oBAAoB,EAAE;AAAA;AACzC;UASI,qBAAqB,CAAC,MAAoB,UAAkB;WAC3D,UAAU,MAAM,KAAK;AAAA;UAQtB,4BAA4B,MAAM;mBACzB,MAAM,QAAQ,CAAC,gBAAgB;YACtC,aAAa;sBACH;AAAiB;AAC/B,OACD;AAAA;YAGK,aAAa;AAAA,MACnB,aAAa,MAAM;AAAA;AAAC,MACpB,eAAe,MAAM;AAAA;AAAC,KACvB;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;sBAjTCA,mBAoDM;IApDA,OAAKC,gBAAG,gBAAS,MAAQ,0BAAS,EAAc,iBAAU,IAAM,uBAAkB,2BAAiB;IAAgB,cAAY;;IACnIC,YAoBE;MAnBC,KAAK,oBAAc;MACpB,MAAK;AAAA,MACJ,cAAY;MACZ,cAAY;MACZ,cAAY,YAAM;AAAA,MAClB,eAAa,mBAAc;AAAA,MAC3B,gBAAc,mBAAc;AAAA,MAC5B,UAAU;MACV,mBAAiB;MACjB,iBAAe;MACf,eAAa;MACb,QAAQ;MACR,QAAQ;MACR,eAAa;MACb,QAAQ;MACR,SAAS;MACT,cAAa;MACb,YAAW;MACX,UAAQ;;IAEXA,YAQE;MAPC,cAAY;MACZ,qBAAmB,wBAAmB,mBAAc,mBAAmB,WAAM;AAAA,MAC7E,oBAAkB,uBAAkB,mBAAc,mBAAmB,WAAM;AAAA,MAC3E,UAAU;MACV,SAAS;MACT,YAAY;MACZ,WAAU;;IAEbA,YAoBE;MAnBC,KAAK,oBAAc;MACpB,MAAK;AAAA,MACJ,cAAY;MACZ,cAAY;MACZ,cAAY,YAAM;AAAA,MAClB,eAAa,mBAAc;AAAA,MAC3B,gBAAc,mBAAc;AAAA,MAC5B,UAAU;MACV,mBAAiB;MACjB,iBAAe;MACf,eAAa;MACb,QAAQ;MACR,QAAQ;MACR,eAAa;MACb,QAAQ;MACR,SAAS;MACT,cAAa;MACb,YAAW;MACX,UAAQ;;;;;;;;"}
+{"version":3,"file":"Transfer.mjs","sources":["../../../../src/components/Transfer/Transfer.vue"],"sourcesContent":["<template>\n  <div :class=\"[prefixCls, { [`${prefixCls}-custom`]: !!renderList, [`${prefixCls}-rtl`]: computedDirection === 'rtl' }]\">\n    <TransferList\n      :ref=\"getTransferRef(0)\"\n      side=\"left\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[0]\"\n      :data-source=\"separatedData.leftData\"\n      :checked-keys=\"separatedKeys.sourceSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"leftSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n    <Operation\n      :prefix-cls=\"prefixCls\"\n      :to-right-disabled=\"toRightDisabled || separatedKeys.sourceSelectedKeys.length === 0\"\n      :to-left-disabled=\"toLeftDisabled || separatedKeys.targetSelectedKeys.length === 0\"\n      :disabled=\"disabled\"\n      :loading=\"loading\"\n      :operations=\"operations\"\n      @on-click=\"handleChange\"\n    />\n    <TransferList\n      :ref=\"getTransferRef(1)\"\n      side=\"right\"\n      :prefix-cls=\"prefixCls\"\n      :list-style=\"listStyle\"\n      :title-text=\"titles[1]\"\n      :data-source=\"separatedData.rightData\"\n      :checked-keys=\"separatedKeys.targetSelectedKeys\"\n      :disabled=\"disabled\"\n      :show-select-all=\"showSelectAll\"\n      :filter-method=\"filterMethod\"\n      :show-search=\"showSearch\"\n      :search=\"rightSearch\"\n      :footer=\"footer\"\n      :render-list=\"renderList\"\n      :locale=\"thisLocale\"\n      :loading=\"loading\"\n      @item-select=\"handleSelect\"\n      @check-all=\"handleSelectAll\"\n      @search=\"handleSearchChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, provide, ref, inject } from 'vue';\nimport TransferList from './TransferList.vue';\nimport Operation from './Operation.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { changeKeys } from './util';\nimport { transferEmits, transferProps, type TransferDataItem, type TransferSide } from './Transfer.type';\n\nimport type { FormItemContext } from '../Form/Form.type';\nimport { FormItemKey } from '../Form';\n\nexport const DataItem = {\n  key: { type: String, isRequired: true },\n  title: { type: String, isRequired: true },\n  description: { type: String },\n  disabled: { type: Boolean, default: undefined as undefined }\n};\n\ndeclare type TransferListInstance = InstanceType<typeof TransferList>;\n\nexport default defineComponent({\n  name: 'UTransfer',\n  components: { TransferList, Operation },\n  props: transferProps,\n  emits: transferEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('transfer');\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n\n    const transferRefs = ref<TransferListInstance[]>([]);\n\n    const getTransferRef = (i: number) => {\n      return (ins: any) => {\n        transferRefs.value[i] = ins;\n      };\n    };\n\n    const thisLocale = computed(() => {\n      return props.locale || globalConfig.locale.transfer;\n    });\n\n    const computedDirection = computed(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const selfTargetKeys = ref(props.targetKeys || []);\n    const selfSelectedKeys = ref(props.selectedKeys || []);\n\n    watch(\n      () => props.targetKeys,\n      (nextTargetKeys) => {\n        selfTargetKeys.value = nextTargetKeys || [];\n      }\n    );\n\n    // compute left dataSource and right dataSource\n    const separatedData = computed(() => {\n      const leftData: TransferDataItem[] = [];\n      const rightData = new Array(selfTargetKeys.value.length);\n      props.dataSource.forEach((data) => {\n        const keyIndex = selfTargetKeys.value.indexOf(data.key);\n        if (!props.removeSource) {\n          leftData.push({\n            ...data,\n            disabled: data.disabled || keyIndex !== -1\n          });\n          if (keyIndex !== -1) {\n            rightData[keyIndex] = { ...data, disabled: data.disabled || false };\n          }\n        } else if (keyIndex !== -1) {\n          rightData[keyIndex] = data;\n        } else {\n          leftData.push(data);\n        }\n      });\n      return {\n        leftData,\n        rightData: rightData.filter((x) => !!x)\n      };\n    });\n\n    // watch dataSource update selfTargetKeys and selfSelectedKeys\n    watch(\n      () => props.dataSource,\n      (nextDataSource) => {\n        selfTargetKeys.value = nextDataSource.filter((nd) => selfTargetKeys.value.includes(nd.key)).map((nd) => nd.key);\n        const nextSelectedKeys = props.selectedKeys || selfSelectedKeys.value;\n        selfSelectedKeys.value = nextSelectedKeys.filter((sk) => nextDataSource.map((nd) => nd.key).includes(sk));\n      }\n    );\n\n    // watch and computed source selectedKeys and target selectedKeys\n    watch(\n      () => props.selectedKeys,\n      (nextSelectedKeys) => {\n        selfSelectedKeys.value = nextSelectedKeys || [];\n      }\n    );\n\n    const separatedKeys = computed(() => {\n      return {\n        sourceSelectedKeys: selfSelectedKeys.value.filter((k) => !selfTargetKeys.value.includes(k)),\n        targetSelectedKeys: selfSelectedKeys.value.filter((k) => selfTargetKeys.value.includes(k))\n      };\n    });\n\n    // provide combine solt and props renderItem method\n    const itemRender = computed(() => {\n      if (slots.renderItem) {\n        return slots.renderItem;\n      }\n      return ({ item }: { item: TransferDataItem }) => props.renderItem(item);\n    });\n    provide('renderItem', itemRender.value);\n\n    /**\n     * @param {string[]} sourceSelectedKeys\n     * @param {string[]} targetSelectedKeys\n     * @return {void}\n     * @description update selected keys\n     */\n    const updateSelectKeys = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n      // no selectedKeys props, change selfSelectedKeys\n      if (!props.selectedKeys) {\n        selfSelectedKeys.value = [...sourceSelectedKeys, ...targetSelectedKeys];\n      }\n      emit('select-change', sourceSelectedKeys, targetSelectedKeys);\n    };\n\n    /**\n     * @param {string} itemKey item key\n     * @param {boolean} checked next checked value\n     * @param {string} side left or right\n     * @return {void}\n     * @description select single item\n     */\n    const handleSelect = (itemKey: string, checked: boolean, side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        const changedKeys = changeKeys(sourceSelectedKeys, itemKey, checked);\n        updateSelectKeys(changedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        const changedKeys = changeKeys(targetSelectedKeys, itemKey, checked);\n        updateSelectKeys(sourceSelectedKeys, changedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextCheckedKeys next checked keys\n     * @param {string} side left or right\n     * @return {void}\n     * @description click checkAll method: change to all or []\n     */\n    const handleSelectAll = (nextCheckedKeys: string[], side: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (side === 'left') {\n        updateSelectKeys(nextCheckedKeys, targetSelectedKeys);\n      }\n\n      if (side === 'right') {\n        updateSelectKeys(sourceSelectedKeys, nextCheckedKeys);\n      }\n    };\n\n    /**\n     * @param {string[]} nextTargetKeys next target keys\n     * @param {string} direction move direction: arrow direction\n     * @param {string[]} moveKeys moved keys\n     * @return {void}\n     * @description update target keys\n     */\n    const updateTargetKeys = (nextTargetKeys: string[], direction: TransferSide, moveKeys: string[]) => {\n      // no targetKeys props, change selfTargetKeys\n      if (!props.targetKeys) {\n        selfTargetKeys.value = nextTargetKeys;\n      }\n      emit('update:targetKeys', nextTargetKeys);\n      emit('change', nextTargetKeys, direction, moveKeys);\n      if (onFieldChange) onFieldChange(nextTargetKeys);\n    };\n\n    /**\n     * @param {string} direction move direction: arrow direction\n     * @return {void}\n     * @description click arrow button method: change target keys\n     */\n    const handleChange = (direction: TransferSide) => {\n      const { sourceSelectedKeys, targetSelectedKeys } = separatedKeys.value;\n      if (direction === 'right') {\n        const nextTargetKeys = props.dataSource.filter((d) => [...selfTargetKeys.value, ...sourceSelectedKeys].includes(d.key)).map((d) => d.key);\n        updateTargetKeys(nextTargetKeys, direction, sourceSelectedKeys);\n        updateSelectKeys([], targetSelectedKeys);\n      }\n      if (direction === 'left') {\n        const nextTargetKeys = selfTargetKeys.value.filter((k) => !targetSelectedKeys.includes(k));\n        updateTargetKeys(nextTargetKeys, direction, targetSelectedKeys);\n        updateSelectKeys(sourceSelectedKeys, []);\n      }\n    };\n\n    /**\n     * @param {string} side left or right side\n     * @param {string} value input value\n     * @return {void}\n     * @description type search value call back\n     */\n    const handleSearchChange = (side: TransferSide, value: string) => {\n      emit('search', side, value);\n    };\n\n    /**\n     * @param {*}\n     * @return {*}\n     * @description make search value empty\n     */\n    const clrearTransferSearchValue = () => {\n      transferRefs.value.forEach((transferRef) => {\n        if (transferRef) {\n          transferRef.clearSearchValue();\n        }\n      });\n    };\n\n    provide(FormItemKey, {\n      onFieldBlur: () => {},\n      onFieldChange: () => {}\n    });\n\n    return {\n      transferRefs,\n      getTransferRef,\n      thisLocale,\n      prefixCls,\n      separatedData,\n      separatedKeys,\n      computedDirection,\n      footer: slots.footer,\n      renderList: slots.children,\n      leftSearch: slots.leftSearch,\n      rightSearch: slots.rightSearch,\n      handleSelect,\n      handleSelectAll,\n      handleChange,\n      handleSearchChange,\n      clrearTransferSearchValue\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createVNode"],"mappings":"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"}

package/es/components/Transfer/Transfer.type.d.ts

@@ -79,11 +79,6 @@ export declare const transferProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     direction: {
         type: PropType<"ltr" | "rtl">;
     };

package/es/components/Transfer/Transfer.type.mjs

@@ -1,6 +1,4 @@
-import { isArrayOf, oneOf } from '../../utils/propsValidators.mjs';
-import '../../utils/index.mjs';
-import { colorType } from '../../utils/globalType.mjs';
+import { isArrayOf } from '../../utils/propsValidators.mjs';
 
 const transferSide = ["left", "right"];
 const transferProps = {
@@ -69,11 +67,6 @@ const transferProps = {
     type: Boolean,
     default: false
   },
-  color: {
-    type: String,
-    default: void 0,
-    validator: oneOf(colorType)
-  },
   direction: {
     type: String
   }

package/es/components/Transfer/Transfer.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.type.mjs","sources":["../../../../src/components/Transfer/Transfer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\nimport type { TransferLocal } from '../locale/default';\nimport type { ColorType } from '../../utils';\nimport { colorType } from '../../utils';\n\nexport interface TransferDataItem {\n  key: string;\n  title: string;\n  disabled?: boolean;\n  [key: string]: any;\n}\n\nexport type TransferFilterMethod = (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;\nexport type TransferRenderItem = (item: TransferDataItem) => VNodeChild;\nexport type InjectRenderItem = ({ item }: { item: TransferDataItem }) => VNodeChild;\n\nexport const transferSide = ['left', 'right'] as const;\nexport type TransferSide = (typeof transferSide)[number];\n\nexport const transferProps = {\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  targetKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: true\n  },\n  selectedKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  titles: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  toRightDisabled: {\n    type: Boolean,\n    default: false\n  },\n  toLeftDisabled: {\n    type: Boolean,\n    default: false\n  },\n  renderItem: {\n    type: Function as PropType<TransferRenderItem>,\n    default: (i: TransferDataItem) => i.title\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: (inputValue: string, item: TransferDataItem, searchKey = 'title') => item[searchKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  operations: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>\n  },\n  removeSource: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\nexport type TransferProps = ExtractPropTypes<typeof transferProps>;\n\nexport const transferEmits = {\n  'select-change': (source: string[], target: string[]) => Array.isArray(source) && Array.isArray(target),\n  change: (target: string[], side: TransferSide, moveKeys: string[]) =>\n    Array.isArray(moveKeys) && Array.isArray(target) && transferSide.includes(side),\n  search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string',\n  'update:targetKeys': (target: string[]) => Array.isArray(target)\n};\n"],"names":[],"mappings":";;;;MAiBa,eAAe,CAAC,QAAQ,OAAO;MAG/B,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,CAAC,MAAwB,EAAE;AAAA;AACtC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,YAAoB,MAAwB,YAAY,YAAY,KAAK,WAAW,cAAc,QAAQ,WAAW,aAAa,IAAI;AAAA;AAClJ,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,SAAS;AAAA;AAC5B,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAGa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,QAAkB,WAAqB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM;AAAA,EACtG,QAAQ,CAAC,QAAkB,MAAoB,aAC7C,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,aAAa,SAAS,IAAI;AAAA,EAChF,QAAQ,CAAC,MAAoB,UAAkB,aAAa,SAAS,IAAI,KAAK,OAAO,UAAU;AAAA,EAC/F,qBAAqB,CAAC,WAAqB,MAAM,QAAQ,MAAM;AACjE;;;;"}
+{"version":3,"file":"Transfer.type.mjs","sources":["../../../../src/components/Transfer/Transfer.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { isArrayOf } from '../../utils/propsValidators';\nimport type { TransferLocal } from '../locale/default';\n\nexport interface TransferDataItem {\n  key: string;\n  title: string;\n  disabled?: boolean;\n  [key: string]: any;\n}\n\nexport type TransferFilterMethod = (inputValue: string, item: TransferDataItem, searchKey?: string) => boolean;\nexport type TransferRenderItem = (item: TransferDataItem) => VNodeChild;\nexport type InjectRenderItem = ({ item }: { item: TransferDataItem }) => VNodeChild;\n\nexport const transferSide = ['left', 'right'] as const;\nexport type TransferSide = (typeof transferSide)[number];\n\nexport const transferProps = {\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  targetKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: true\n  },\n  selectedKeys: {\n    type: Array as PropType<string[]>,\n    validator: isArrayOf(String)\n  },\n  titles: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  toRightDisabled: {\n    type: Boolean,\n    default: false\n  },\n  toLeftDisabled: {\n    type: Boolean,\n    default: false\n  },\n  renderItem: {\n    type: Function as PropType<TransferRenderItem>,\n    default: (i: TransferDataItem) => i.title\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: (inputValue: string, item: TransferDataItem, searchKey = 'title') => item[searchKey].toLowerCase().indexOf(inputValue.toLowerCase()) > -1\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  operations: {\n    type: Array as PropType<string[]>,\n    default: () => ['', ''],\n    validator: isArrayOf(String)\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>\n  },\n  removeSource: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\nexport type TransferProps = ExtractPropTypes<typeof transferProps>;\n\nexport const transferEmits = {\n  'select-change': (source: string[], target: string[]) => Array.isArray(source) && Array.isArray(target),\n  change: (target: string[], side: TransferSide, moveKeys: string[]) =>\n    Array.isArray(moveKeys) && Array.isArray(target) && transferSide.includes(side),\n  search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string',\n  'update:targetKeys': (target: string[]) => Array.isArray(target)\n};\n"],"names":[],"mappings":";;MAea,eAAe,CAAC,QAAQ,OAAO;MAG/B,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,CAAC,MAAwB,EAAE;AAAA;AACtC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,CAAC,YAAoB,MAAwB,YAAY,YAAY,KAAK,WAAW,cAAc,QAAQ,WAAW,aAAa,IAAI;AAAA;AAClJ,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM,CAAC,IAAI,EAAE;AAAA,IACtB,WAAW,UAAU,MAAM;AAAA;AAC7B,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAEA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAGa,gBAAgB;AAAA,EAC3B,iBAAiB,CAAC,QAAkB,WAAqB,MAAM,QAAQ,MAAM,KAAK,MAAM,QAAQ,MAAM;AAAA,EACtG,QAAQ,CAAC,QAAkB,MAAoB,aAC7C,MAAM,QAAQ,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,aAAa,SAAS,IAAI;AAAA,EAChF,QAAQ,CAAC,MAAoB,UAAkB,aAAa,SAAS,IAAI,KAAK,OAAO,UAAU;AAAA,EAC/F,qBAAqB,CAAC,WAAqB,MAAM,QAAQ,MAAM;AACjE;;;;"}

package/es/components/Transfer/Transfer.vue.d.ts

@@ -82,11 +82,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -226,6 +221,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -242,6 +238,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, import("vue").PublicProps, {
                 name: string;
                 disabled: boolean;
@@ -422,6 +419,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -478,6 +476,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -494,6 +493,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
             change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, {
             name: string;
             disabled: boolean;
@@ -920,6 +920,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -951,6 +952,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     name: string;
@@ -1176,6 +1178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -1192,6 +1195,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, import("vue").PublicProps, {
                     name: string;
                     disabled: boolean;
@@ -1372,6 +1376,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -1428,6 +1433,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -1444,6 +1450,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, {
                 name: string;
                 disabled: boolean;
@@ -1870,6 +1877,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                         change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                        click: (ev: Event) => boolean;
                     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         modelValue: {
                             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -1901,6 +1909,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{
                         onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                        onClick?: (ev: Event) => any;
                         "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                     }>, {
                         name: string;
@@ -3281,6 +3290,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -3297,6 +3307,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, import("vue").PublicProps, {
                 name: string;
                 disabled: boolean;
@@ -3477,6 +3488,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -3533,6 +3545,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -3549,6 +3562,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
             change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, {
             name: string;
             disabled: boolean;
@@ -3975,6 +3989,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -4006,6 +4021,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     name: string;
@@ -4231,6 +4247,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -4247,6 +4264,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, import("vue").PublicProps, {
                     name: string;
                     disabled: boolean;
@@ -4427,6 +4445,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -4483,6 +4502,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -4499,6 +4519,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, {
                 name: string;
                 disabled: boolean;
@@ -4925,6 +4946,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                         change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                        click: (ev: Event) => boolean;
                     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         modelValue: {
                             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -4956,6 +4978,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{
                         onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                        onClick?: (ev: Event) => any;
                         "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                     }>, {
                         name: string;
@@ -6294,11 +6317,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    color: {
-        type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     direction: {
         type: import("vue").PropType<"ltr" | "rtl">;
     };
@@ -6308,7 +6326,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSelect-change"?: (source: string[], target: string[]) => any;
     "onUpdate:targetKeys"?: (target: string[]) => any;
 }>, {
-    color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
     loading: boolean;
     disabled: boolean;
     filterMethod: import("./Transfer.type").TransferFilterMethod;
@@ -6520,6 +6537,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -6536,6 +6554,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, import("vue").PublicProps, {
                 name: string;
                 disabled: boolean;
@@ -6716,6 +6735,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -6772,6 +6792,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
         }>> & Readonly<{
             onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
@@ -6788,6 +6809,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
             change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, {
             name: string;
             disabled: boolean;
@@ -7214,6 +7236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     modelValue: {
                         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -7245,6 +7268,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     name: string;
@@ -7470,6 +7494,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -7486,6 +7511,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                     change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                    click: (ev: Event) => boolean;
                 }, import("vue").PublicProps, {
                     name: string;
                     disabled: boolean;
@@ -7666,6 +7692,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     };
                 }>> & Readonly<{
                     onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                    onClick?: (ev: Event) => any;
                     "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                 }>, {
                     prefixCls: import("vue").ComputedRef<string>;
@@ -7722,6 +7749,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
             }>> & Readonly<{
                 onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                onClick?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
@@ -7738,6 +7766,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                 change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                click: (ev: Event) => boolean;
             }, string, {
                 name: string;
                 disabled: boolean;
@@ -8164,6 +8193,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         'update:modelValue': (val: import("..").CheckboxValueType) => boolean;
                         change: (val: import("..").CheckboxValueType, ev: Event) => boolean;
+                        click: (ev: Event) => boolean;
                     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         modelValue: {
                             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -8195,6 +8225,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         };
                     }>> & Readonly<{
                         onChange?: (val: import("..").CheckboxValueType, ev: Event) => any;
+                        onClick?: (ev: Event) => any;
                         "onUpdate:modelValue"?: (val: import("..").CheckboxValueType) => any;
                     }>, {
                         name: string;

package/es/components/Transfer/TransferList.mjs

@@ -211,16 +211,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: normalizeClass(`${_ctx.prefixCls}-list-header`)
     }, [
-      _ctx.showSelectAll ? (openBlock(), createBlock(_component_UCheckbox, {
-        key: 0,
-        indeterminate: _ctx.indeterminate,
-        "model-value": _ctx.checkedAll,
-        disabled: _ctx.disabled,
-        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
-      }, null, 8, ["indeterminate", "model-value", "disabled"])) : createCommentVNode("v-if", true),
-      createElementVNode("span", {
-        class: normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
-      }, toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + toDisplayString(_ctx.unit), 3),
+      createElementVNode("div", {
+        class: normalizeClass(`${_ctx.prefixCls}-list-header-select`)
+      }, [
+        _ctx.showSelectAll ? (openBlock(), createBlock(_component_UCheckbox, {
+          key: 0,
+          indeterminate: _ctx.indeterminate,
+          "model-value": _ctx.checkedAll,
+          disabled: _ctx.disabled,
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.handleCheckAllChange(), ["prevent"]))
+        }, null, 8, ["indeterminate", "model-value", "disabled"])) : createCommentVNode("v-if", true),
+        createElementVNode("span", {
+          class: normalizeClass(`${_ctx.prefixCls}-list-header-selected`)
+        }, toDisplayString(!_ctx.checkedKeys.length ? _ctx.filteredData.length : `${_ctx.checkedKeys.length}/${_ctx.filteredData.length}`) + " " + toDisplayString(_ctx.unit), 3)
+      ], 2),
       createElementVNode("span", {
         class: normalizeClass(`${_ctx.prefixCls}-list-header-title`)
       }, toDisplayString(_ctx.titleText), 3)

package/es/components/Transfer/TransferList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TransferList.mjs","sources":["../../../../src/components/Transfer/TransferList.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `${prefixCls}-list`,\n      {\n        [`${prefixCls}-list-with-footer`]: footerRender,\n        [`${prefixCls}-list-custom`]: listRender\n      }\n    ]\"\n    :style=\"{ ...listStyle }\"\n  >\n    <div :class=\"`${prefixCls}-list-header`\">\n      <UCheckbox\n        v-if=\"showSelectAll\"\n        :indeterminate=\"indeterminate\"\n        :model-value=\"checkedAll\"\n        :disabled=\"disabled\"\n        @click.prevent=\"handleCheckAllChange()\"\n      />\n      <span :class=\"`${prefixCls}-list-header-selected`\">\n        {{ !checkedKeys.length ? filteredData.length : `${checkedKeys.length}/${filteredData.length}` }}\n        {{ unit }}\n      </span>\n      <span :class=\"`${prefixCls}-list-header-title`\">{{ titleText }}</span>\n    </div>\n    <div\n      :class=\"[\n        `${prefixCls}-list-body`,\n        {\n          [`${prefixCls}-list-body-with-search`]: showSearch,\n          [`${prefixCls}-list-body-with-footer`]: footerRender\n        }\n      ]\"\n    >\n      <div v-if=\"showSearch || searchRender\" :class=\"`${prefixCls}-list-body-search-wrap`\">\n        <Render v-if=\"searchRender\" :render=\"searchRender\" />\n        <UInput v-else :model-value=\"inputValue\" :placeholder=\"locale.searchPlaceholder\" clearable search @change=\"handleInputChange\" />\n      </div>\n      <div v-if=\"filteredData.length\" :class=\"`${prefixCls}-list-body-list-wrap`\">\n        <Scrollbar v-if=\"!listRender || (listRender && !listRender())\" style=\"height: 100%\" height=\"100%\">\n          <ul :class=\"`${prefixCls}-list-body-content`\">\n            <template v-for=\"dataItem in filteredData\" :key=\"dataItem.key\">\n              <ListItem\n                :prefix-cls=\"`${prefixCls}-list-item`\"\n                :data-item=\"dataItem\"\n                :checked=\"checkedKeys.includes(dataItem.key)\"\n                :disabled=\"disabled\"\n                @click=\"handleItemSelect\"\n              />\n            </template>\n          </ul>\n        </Scrollbar>\n        <div v-else :class=\"`${prefixCls}-list-custom-body`\">\n          <Render :render=\"listRender\" />\n        </div>\n      </div>\n      <div v-else :class=\"`${prefixCls}-list-body-not-found`\">\n        <RenderEmpty size=\"small\" :text=\"locale.notFoundContent\" />\n      </div>\n    </div>\n    <div v-if=\"footerRender\" :class=\"`${prefixCls}-list-footer`\">\n      <Render :render=\"footerRender\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue';\nimport type { PropType, CSSProperties, Slot } from 'vue';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport UInput, { type InputValueType } from '@uxd-ui/components/Input';\nimport ListItem from './TransferListItem.vue';\nimport Render from '../base/Render';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { filterEmpty } from '../../utils/slots';\nimport { transferSide, type TransferDataItem, type TransferFilterMethod, type TransferSide } from './Transfer.type';\nimport type { TransferLocal } from '../locale/default';\nimport Scrollbar from '../Scrollbar/Scrollbar';\n\nconst transferListProps = {\n  side: {\n    type: String as PropType<TransferSide>,\n    default: 'left',\n    validator: oneOf(['left', 'right'] as const)\n  },\n  prefixCls: {\n    type: String\n  },\n  titleText: {\n    type: String\n  },\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  checkedKeys: {\n    type: Array as PropType<string[]>,\n    default: () => [] as string[]\n  },\n  itemUnit: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: () => {},\n    required: true\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: false\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  search: {\n    type: Function as PropType<Slot>\n  },\n  footer: {\n    type: Function as PropType<Slot>\n  },\n  renderList: {\n    type: Function as PropType<Slot>\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>,\n    default: () => {},\n    required: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TransferList',\n  components: { UCheckbox, ListItem, UInput, Render, RenderEmpty, Scrollbar },\n  props: transferListProps,\n  emits: {\n    'check-all': (checkedKeys: string[], side: TransferSide) => Array.isArray(checkedKeys) && transferSide.includes(side),\n    'item-select': (key: string, checked: boolean, side: TransferSide) =>\n      typeof key === 'string' && typeof checked === 'boolean' && transferSide.includes(side),\n    search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string'\n  },\n  setup(props, { emit }) {\n    const inputValue = ref('');\n    const searchKey = ref('title');\n\n    const unit = computed(() => {\n      return props.dataSource.length > 1 ? props.locale.itemsUnit : props.locale.itemUnit;\n    });\n\n    const clearSearchValue = () => {\n      inputValue.value = '';\n      searchKey.value = 'title';\n    };\n\n    const footerRender = computed(() => {\n      if (props.footer) {\n        const footerComponent = filterEmpty(props.footer({ props }));\n        if (!footerComponent.length) return null;\n        return () => footerComponent;\n      }\n      return null;\n    });\n\n    /**\n     * @param {InputValueType} value\n     * @param {string} key\n     * @return {void}\n     * @description input value change call back\n     */\n    const handleInputChange = (value: InputValueType, key = 'title') => {\n      inputValue.value = value as string;\n      searchKey.value = key;\n      emit('search', props.side, value as string);\n    };\n\n    const searchRender = computed(() => {\n      if (props.search) {\n        const searchComponent = filterEmpty(props.search({ handleSearch: handleInputChange }));\n        if (!searchComponent.length) return null;\n        return () => searchComponent;\n      }\n      return null;\n    });\n\n    const filteredData = computed(() => {\n      if ((!props.showSearch && !searchRender.value) || !inputValue.value) {\n        return props.dataSource;\n      }\n      return props.dataSource.filter((d) => props.filterMethod(inputValue.value, d, searchKey.value));\n    });\n\n    const allowCheckedKeys = computed(() => {\n      return filteredData.value.filter((d) => !d.disabled).map((d) => d.key);\n    });\n\n    const indeterminate = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      const checkedLen = props.checkedKeys.length;\n      if (checkedLen > 0 && checkedLen < allowCheckedLen) {\n        return true;\n      }\n      return false;\n    });\n\n    const checkedAll = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      if (allowCheckedLen === 0) {\n        return false;\n      }\n      return allowCheckedLen === props.checkedKeys.length;\n    });\n\n    /**\n     * @param {boolean | event} all check all change param\n     * @return {void}\n     * @description selectAll change\n     */\n    const handleCheckAllChange = (all?: boolean) => {\n      const allValue = typeof all === 'boolean' ? all : !checkedAll.value;\n      if (props.disabled) return;\n      const nextCheckedKeys = !allValue ? [] : allowCheckedKeys.value;\n      emit('check-all', nextCheckedKeys, props.side);\n    };\n\n    /**\n     * @param {string | object} itemKey select item or key\n     * @param {boolean} checked checked value\n     * @return {void}\n     * @description single item select\n     */\n    const handleItemSelect = (itemKey: string | { key: string }, checked: boolean) => {\n      const keyValue = typeof itemKey === 'string' ? itemKey : itemKey.key;\n      emit('item-select', keyValue, checked, props.side);\n    };\n\n    const listRender = computed(() => {\n      if (props.renderList) {\n        const components = filterEmpty(\n          props.renderList({\n            props: {\n              side: props.side,\n              filteredData: filteredData.value,\n              selectedKeys: props.checkedKeys,\n              disabled: props.disabled\n            },\n            methods: {\n              onSelect: handleItemSelect,\n              onSelectAll: handleCheckAllChange\n            }\n          })\n        );\n        // components might be empty because of \"v-if\" directive\n        if (!components.length) {\n          return () => null as null;\n        }\n        return () => components;\n      }\n      return null;\n    });\n\n    return {\n      inputValue,\n      unit,\n      indeterminate,\n      checkedAll,\n      filteredData,\n      footerRender,\n      listRender,\n      searchRender,\n      clearSearchValue,\n      handleCheckAllChange,\n      handleItemSelect,\n      handleInputChange\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createBlock","_toDisplayString","_Fragment","_createVNode"],"mappings":"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"}
+{"version":3,"file":"TransferList.mjs","sources":["../../../../src/components/Transfer/TransferList.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `${prefixCls}-list`,\n      {\n        [`${prefixCls}-list-with-footer`]: footerRender,\n        [`${prefixCls}-list-custom`]: listRender\n      }\n    ]\"\n    :style=\"{ ...listStyle }\"\n  >\n    <div :class=\"`${prefixCls}-list-header`\">\n      <div :class=\"`${prefixCls}-list-header-select`\">\n        <UCheckbox\n          v-if=\"showSelectAll\"\n          :indeterminate=\"indeterminate\"\n          :model-value=\"checkedAll\"\n          :disabled=\"disabled\"\n          @click.prevent=\"handleCheckAllChange()\"\n        />\n        <span :class=\"`${prefixCls}-list-header-selected`\">\n          {{ !checkedKeys.length ? filteredData.length : `${checkedKeys.length}/${filteredData.length}` }}\n          {{ unit }}\n        </span>\n      </div>\n\n      <span :class=\"`${prefixCls}-list-header-title`\">{{ titleText }}</span>\n    </div>\n    <div\n      :class=\"[\n        `${prefixCls}-list-body`,\n        {\n          [`${prefixCls}-list-body-with-search`]: showSearch,\n          [`${prefixCls}-list-body-with-footer`]: footerRender\n        }\n      ]\"\n    >\n      <div v-if=\"showSearch || searchRender\" :class=\"`${prefixCls}-list-body-search-wrap`\">\n        <Render v-if=\"searchRender\" :render=\"searchRender\" />\n        <UInput v-else :model-value=\"inputValue\" :placeholder=\"locale.searchPlaceholder\" clearable search @change=\"handleInputChange\" />\n      </div>\n      <div v-if=\"filteredData.length\" :class=\"`${prefixCls}-list-body-list-wrap`\">\n        <Scrollbar v-if=\"!listRender || (listRender && !listRender())\" style=\"height: 100%\" height=\"100%\">\n          <ul :class=\"`${prefixCls}-list-body-content`\">\n            <template v-for=\"dataItem in filteredData\" :key=\"dataItem.key\">\n              <ListItem\n                :prefix-cls=\"`${prefixCls}-list-item`\"\n                :data-item=\"dataItem\"\n                :checked=\"checkedKeys.includes(dataItem.key)\"\n                :disabled=\"disabled\"\n                @click=\"handleItemSelect\"\n              />\n            </template>\n          </ul>\n        </Scrollbar>\n        <div v-else :class=\"`${prefixCls}-list-custom-body`\">\n          <Render :render=\"listRender\" />\n        </div>\n      </div>\n      <div v-else :class=\"`${prefixCls}-list-body-not-found`\">\n        <RenderEmpty size=\"small\" :text=\"locale.notFoundContent\" />\n      </div>\n    </div>\n    <div v-if=\"footerRender\" :class=\"`${prefixCls}-list-footer`\">\n      <Render :render=\"footerRender\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue';\nimport type { PropType, CSSProperties, Slot } from 'vue';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport UInput, { type InputValueType } from '@uxd-ui/components/Input';\nimport ListItem from './TransferListItem.vue';\nimport Render from '../base/Render';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { filterEmpty } from '../../utils/slots';\nimport { transferSide, type TransferDataItem, type TransferFilterMethod, type TransferSide } from './Transfer.type';\nimport type { TransferLocal } from '../locale/default';\nimport Scrollbar from '../Scrollbar/Scrollbar';\n\nconst transferListProps = {\n  side: {\n    type: String as PropType<TransferSide>,\n    default: 'left',\n    validator: oneOf(['left', 'right'] as const)\n  },\n  prefixCls: {\n    type: String\n  },\n  titleText: {\n    type: String\n  },\n  dataSource: {\n    type: Array as PropType<TransferDataItem[]>,\n    default: () => [] as TransferDataItem[]\n  },\n  checkedKeys: {\n    type: Array as PropType<string[]>,\n    default: () => [] as string[]\n  },\n  itemUnit: {\n    type: String\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  showSearch: {\n    type: Boolean,\n    default: false\n  },\n  filterMethod: {\n    type: Function as PropType<TransferFilterMethod>,\n    default: () => {},\n    required: true\n  },\n  showSelectAll: {\n    type: Boolean,\n    default: false\n  },\n  listStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  search: {\n    type: Function as PropType<Slot>\n  },\n  footer: {\n    type: Function as PropType<Slot>\n  },\n  renderList: {\n    type: Function as PropType<Slot>\n  },\n  locale: {\n    type: Object as PropType<TransferLocal>,\n    default: () => {},\n    required: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport default defineComponent({\n  name: 'TransferList',\n  components: { UCheckbox, ListItem, UInput, Render, RenderEmpty, Scrollbar },\n  props: transferListProps,\n  emits: {\n    'check-all': (checkedKeys: string[], side: TransferSide) => Array.isArray(checkedKeys) && transferSide.includes(side),\n    'item-select': (key: string, checked: boolean, side: TransferSide) =>\n      typeof key === 'string' && typeof checked === 'boolean' && transferSide.includes(side),\n    search: (side: TransferSide, value: string) => transferSide.includes(side) && typeof value === 'string'\n  },\n  setup(props, { emit }) {\n    const inputValue = ref('');\n    const searchKey = ref('title');\n\n    const unit = computed(() => {\n      return props.dataSource.length > 1 ? props.locale.itemsUnit : props.locale.itemUnit;\n    });\n\n    const clearSearchValue = () => {\n      inputValue.value = '';\n      searchKey.value = 'title';\n    };\n\n    const footerRender = computed(() => {\n      if (props.footer) {\n        const footerComponent = filterEmpty(props.footer({ props }));\n        if (!footerComponent.length) return null;\n        return () => footerComponent;\n      }\n      return null;\n    });\n\n    /**\n     * @param {InputValueType} value\n     * @param {string} key\n     * @return {void}\n     * @description input value change call back\n     */\n    const handleInputChange = (value: InputValueType, key = 'title') => {\n      inputValue.value = value as string;\n      searchKey.value = key;\n      emit('search', props.side, value as string);\n    };\n\n    const searchRender = computed(() => {\n      if (props.search) {\n        const searchComponent = filterEmpty(props.search({ handleSearch: handleInputChange }));\n        if (!searchComponent.length) return null;\n        return () => searchComponent;\n      }\n      return null;\n    });\n\n    const filteredData = computed(() => {\n      if ((!props.showSearch && !searchRender.value) || !inputValue.value) {\n        return props.dataSource;\n      }\n      return props.dataSource.filter((d) => props.filterMethod(inputValue.value, d, searchKey.value));\n    });\n\n    const allowCheckedKeys = computed(() => {\n      return filteredData.value.filter((d) => !d.disabled).map((d) => d.key);\n    });\n\n    const indeterminate = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      const checkedLen = props.checkedKeys.length;\n      if (checkedLen > 0 && checkedLen < allowCheckedLen) {\n        return true;\n      }\n      return false;\n    });\n\n    const checkedAll = computed(() => {\n      const allowCheckedLen = allowCheckedKeys.value.length;\n      if (allowCheckedLen === 0) {\n        return false;\n      }\n      return allowCheckedLen === props.checkedKeys.length;\n    });\n\n    /**\n     * @param {boolean | event} all check all change param\n     * @return {void}\n     * @description selectAll change\n     */\n    const handleCheckAllChange = (all?: boolean) => {\n      const allValue = typeof all === 'boolean' ? all : !checkedAll.value;\n      if (props.disabled) return;\n      const nextCheckedKeys = !allValue ? [] : allowCheckedKeys.value;\n      emit('check-all', nextCheckedKeys, props.side);\n    };\n\n    /**\n     * @param {string | object} itemKey select item or key\n     * @param {boolean} checked checked value\n     * @return {void}\n     * @description single item select\n     */\n    const handleItemSelect = (itemKey: string | { key: string }, checked: boolean) => {\n      const keyValue = typeof itemKey === 'string' ? itemKey : itemKey.key;\n      emit('item-select', keyValue, checked, props.side);\n    };\n\n    const listRender = computed(() => {\n      if (props.renderList) {\n        const components = filterEmpty(\n          props.renderList({\n            props: {\n              side: props.side,\n              filteredData: filteredData.value,\n              selectedKeys: props.checkedKeys,\n              disabled: props.disabled\n            },\n            methods: {\n              onSelect: handleItemSelect,\n              onSelectAll: handleCheckAllChange\n            }\n          })\n        );\n        // components might be empty because of \"v-if\" directive\n        if (!components.length) {\n          return () => null as null;\n        }\n        return () => components;\n      }\n      return null;\n    });\n\n    return {\n      inputValue,\n      unit,\n      indeterminate,\n      checkedAll,\n      filteredData,\n      footerRender,\n      listRender,\n      searchRender,\n      clearSearchValue,\n      handleCheckAllChange,\n      handleItemSelect,\n      handleInputChange\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode","_createBlock","_toDisplayString","_Fragment","_createVNode"],"mappings":";;;;;;;;;;;;AAmFA,MAAM,oBAAoB;AAAA,EACxB,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,CAAC,QAAQ,OAAO,CAAU;AAAA;AAC7C,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,UAAU;AAAA,IACR,MAAM;AAAA;AACR,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAC,IAChB,UAAU;AAAA;AACZ,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,QAAQ;AAAA,IACN,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS,MAAM;AAAA;AAAC,IAChB,UAAU;AAAA;AACZ,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;AAEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,WAAW,UAAU,QAAQ,QAAQ,aAAa;AAAU,EAC1E,OAAO;AAAA,EACP,OAAO;AAAA,IACL,aAAa,CAAC,aAAuB,SAAuB,MAAM,QAAQ,WAAW,KAAK,aAAa,SAAS,IAAI;AAAA,IACpH,eAAe,CAAC,KAAa,SAAkB,SAC7C,OAAO,QAAQ,YAAY,OAAO,YAAY,aAAa,aAAa,SAAS,IAAI;AAAA,IACvF,QAAQ,CAAC,MAAoB,UAAkB,aAAa,SAAS,IAAI,KAAK,OAAO,UAAU;AAAA;AACjG,EACA,MAAM,OAAO,EAAE,QAAQ;UACf,aAAa,IAAI,EAAE;UACnB,YAAY,IAAI,OAAO;UAEvB,OAAO,SAAS,MAAM;aACnB,MAAM,WAAW,SAAS,IAAI,MAAM,OAAO,YAAY,MAAM,OAAO;AAAA,KAC5E;UAEK,mBAAmB,MAAM;iBAClB,QAAQ;gBACT,QAAQ;AAAA;UAGd,eAAe,SAAS,MAAM;UAC9B,MAAM,QAAQ;cACV,kBAAkB,YAAY,MAAM,OAAO,EAAE,OAAO,CAAC;YACvD,CAAC,gBAAgB;iBAAe;eAC7B,MAAM;AAAA;aAER;AAAA,KACR;UAQK,oBAAoB,CAAC,OAAuB,MAAM,YAAY;iBACvD,QAAQ;gBACT,QAAQ;WACb,UAAU,MAAM,MAAM,KAAe;AAAA;UAGtC,eAAe,SAAS,MAAM;UAC9B,MAAM,QAAQ;cACV,kBAAkB,YAAY,MAAM,OAAO,EAAE,cAAc,mBAAmB,CAAC;YACjF,CAAC,gBAAgB;iBAAe;eAC7B,MAAM;AAAA;aAER;AAAA,KACR;UAEK,eAAe,SAAS,MAAM;UAC7B,CAAC,MAAM,cAAc,CAAC,aAAa,SAAU,CAAC,WAAW,OAAO;eAC5D,MAAM;AAAA;aAER,MAAM,WAAW,OAAO,CAAC,MAAM,MAAM,aAAa,WAAW,OAAO,GAAG,UAAU,KAAK,CAAC;AAAA,KAC/F;UAEK,mBAAmB,SAAS,MAAM;aAC/B,aAAa,MAAM,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG;AAAA,KACtE;UAEK,gBAAgB,SAAS,MAAM;YAC7B,kBAAkB,iBAAiB,MAAM;YACzC,aAAa,MAAM,YAAY;UACjC,aAAa,KAAK,aAAa,iBAAiB;eAC3C;AAAA;aAEF;AAAA,KACR;UAEK,aAAa,SAAS,MAAM;YAC1B,kBAAkB,iBAAiB,MAAM;UAC3C,oBAAoB,GAAG;eAClB;AAAA;aAEF,oBAAoB,MAAM,YAAY;AAAA,KAC9C;UAOK,uBAAuB,CAAC,QAAkB;YACxC,WAAW,OAAO,QAAQ,YAAY,MAAM,CAAC,WAAW;UAC1D,MAAM;;YACJ,kBAAkB,CAAC,WAAW,KAAK,iBAAiB;WACrD,aAAa,iBAAiB,MAAM,IAAI;AAAA;UASzC,mBAAmB,CAAC,SAAmC,YAAqB;YAC1E,WAAW,OAAO,YAAY,WAAW,UAAU,QAAQ;WAC5D,eAAe,UAAU,SAAS,MAAM,IAAI;AAAA;UAG7C,aAAa,SAAS,MAAM;UAC5B,MAAM,YAAY;cACd,aAAa;AAAA,UACjB,MAAM,WAAW;AAAA,YACf,OAAO;AAAA,cACL,MAAM,MAAM;AAAA,cACZ,cAAc,aAAa;AAAA,cAC3B,cAAc,MAAM;AAAA,cACpB,UAAU,MAAM;AAAA;AAClB,YACA,SAAS;AAAA,cACP,UAAU;AAAA,cACV,aAAa;AAAA;AACf,WACD;AAAA;YAGC,CAAC,WAAW,QAAQ;iBACf,MAAM;AAAA;eAER,MAAM;AAAA;aAER;AAAA,KACR;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;;sBAlSCA,mBAiEM;IAhEH,OAAKC;SAAa;;YAAsC,oCAA+B;YAA0B,+BAA0B;;;IAO3I,OAAKC,oBAAO;;IAEbC,mBAgBM;MAhBA,OAAKF,kBAAK,4BAAS;AAAA;MACvBE,mBAYM;QAZA,OAAKF,kBAAK,mCAAS;AAAA;QAEf,mCADRG,YAME;;UAJC,eAAe;UACf,eAAa;UACb,UAAU;UACV,SAAK,oDAAU;;QAElBD,mBAGO;UAHA,OAAKF,kBAAK,qCAAS;AAAA,4BACpB,iBAAY,SAAS,kBAAa,SAAM,GAAM,iBAAY,UAAU,kBAAa,QAAM,IAAK,MAChGI,gBAAG,SAAI;;MAIXF,mBAAsE;QAA/D,OAAKF,kBAAK,kCAAS;AAAA,yBAAyB,cAAS;;IAE9DE,mBAkCM;MAjCH,OAAKF;WAAe;;cAA+C,yCAAoC;cAA0B,yCAAoC;;;;MAQ3J,mBAAc,kCAAzBD,mBAGM;;QAHkC,OAAKC,kBAAK,sCAAS;AAAA;QAC3C,kCAAdG,YAAqD;;UAAxB,QAAQ;iDACrCA,YAAgI;;UAAhH,eAAa;UAAa,aAAa,YAAO;AAAA,UAAmB;UAAU;UAAQ,UAAQ;;;MAElG,kBAAa,uBAAxBJ,mBAiBM;;QAjB2B,OAAKC,kBAAK,oCAAS;AAAA;SAChC,mBAAe,mBAAU,CAAK,kCAAhDG,YAYY;;UAZmD;UAAqB,QAAO;AAAA;2BACzF,MAUK;AAAA,YAVLD,mBAUK;cAVA,OAAKF,kBAAK,kCAAS;AAAA;gCACtBD,mBAQWM,2BARkB,mBAAY,CAAxB,aAAQ;oCACvBF,YAME;uBAP6C,SAAS;AAAA,kBAErD,cAAU,GAAK;kBACf,aAAW;AAAA,kBACX,SAAS,iBAAY,SAAS,SAAS,GAAG;AAAA,kBAC1C,UAAU;kBACV,SAAO;;;;;;4BAKhBJ,mBAEM;;UAFO,OAAKC,kBAAK,iCAAS;AAAA;UAC9BM,YAA+B,qBAAtB,QAAQ;;6BAGrBP,mBAEM;;QAFO,OAAKC,kBAAK,oCAAS;AAAA;QAC9BM,YAA2D;UAA9C,MAAK;AAAA,UAAS,MAAM,YAAO;AAAA;;;IAGjC,kCAAXP,mBAEM;;MAFoB,OAAKC,kBAAK,4BAAS;AAAA;MAC3CM,YAAiC,qBAAxB,QAAQ;;;;;;;;"}