bkui-vue 0.0.2-beta.75 → 0.0.2-beta.77

package/lib/transfer/index.js

@@ -1,673 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__checkbox_a57bcb84__ from "../checkbox";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__ from "../icon/";
-import * as __WEBPACK_EXTERNAL_MODULE__input_752b0149__ from "../input";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Z: () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
-;// CONCATENATED MODULE: external "../checkbox"
-var external_checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_checkbox_y = x => () => x
-const external_checkbox_namespaceObject = external_checkbox_x({ ["BkCheckboxGroup"]: () => __WEBPACK_EXTERNAL_MODULE__checkbox_a57bcb84__.BkCheckboxGroup, ["default"]: () => __WEBPACK_EXTERNAL_MODULE__checkbox_a57bcb84__["default"] });
-;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
-;// CONCATENATED MODULE: external "../icon/"
-var _x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var _y = x => () => x
-const _namespaceObject = _x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.AngleRight, ["ArrowsRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.ArrowsRight, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Error, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Search, ["Transfer"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Transfer });
-;// CONCATENATED MODULE: external "../input"
-var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_input_y = x => () => x
-const external_input_namespaceObject = external_input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__input_752b0149__["default"] });
-;// CONCATENATED MODULE: ../../packages/transfer/src/const.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-// 非数组，基础数据数组，对象数组
-var ArrayType;
-(function (ArrayType) {
-  ArrayType["OBJECT_ARRAY"] = "objectArray";
-  ArrayType["BASE_ARRAY"] = "baseArray";
-  ArrayType["NOT_ARRAY"] = "notArray";
-})(ArrayType || (ArrayType = {}));
-;// CONCATENATED MODULE: ../../packages/transfer/src/props.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-var transferProps = {
-  // 顶部title(title[0]: 左侧title,title[1]: 右侧title,)
-  title: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string).def([]),
-  // 自定义class
-  extCls: external_shared_namespaceObject.PropTypes.string.def(''),
-  // 搜索框 placeholder
-  searchPlaceholder: external_shared_namespaceObject.PropTypes.string.def(''),
-  // 唯一key值
-  settingKey: external_shared_namespaceObject.PropTypes.string.def('id'),
-  // 循环list时，显示字段的key值(当list为普通数组时可不传传了也无效)
-  displayKey: external_shared_namespaceObject.PropTypes.string.def('value'),
-  // 排序所依据的key(当list为普通数组时可不传，默认按照index值排序)
-  sortKey: external_shared_namespaceObject.PropTypes.string.def('value'),
-  // 内容超出是否显示tooltip
-  showOverflowTips: external_shared_namespaceObject.PropTypes.bool.def(false),
-  // 是否开启搜索
-  searchable: external_shared_namespaceObject.PropTypes.bool.def(false),
-  // 是否开启排序功能
-  sortable: external_shared_namespaceObject.PropTypes.bool.def(false),
-  // 穿梭框数据源(支持普通数组)
-  sourceList: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.any).def([]),
-  // 默认已选择的数据源
-  targetList: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.any).def([]),
-  // 穿梭框无数据时提示文案
-  emptyContent: external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string).def([]),
-  // 支持checkbox多选模式
-  multiple: external_shared_namespaceObject.PropTypes.bool.def(false)
-};
-;// CONCATENATED MODULE: ../../packages/transfer/src/transfer.tsx
-
-
-/**
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-/* eslint-disable arrow-body-style */
-
-
-
-
-
-
-
-// 生成数据
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
-}
-function useTransferData(sourceData, targetList, settingCode) {
-  var selectList = (0,external_vue_namespaceObject.ref)([]);
-  var selectedList = (0,external_vue_namespaceObject.ref)([]);
-  var transformData = function transformData() {
-    var isChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    if (isChange) {
-      // watch监听时需要清空重新按照targetList赋值
-      selectList.value = [];
-      selectedList.value = [];
-    }
-    sourceData.value.forEach(function (s) {
-      var keyId = s[settingCode.value];
-      if (targetList.value.includes(keyId)) {
-        selectedList.value.push(s);
-      } else {
-        selectList.value.push(s);
-      }
-    });
-  };
-  transformData();
-  (0,external_vue_namespaceObject.watch)(function () {
-    return [sourceData, targetList, settingCode];
-  }, function () {
-    transformData(true);
-  }, {
-    deep: true
-  });
-  return {
-    selectList: selectList,
-    selectedList: selectedList
-  };
-}
-// 搜索
-function useSelectListSearch(selectList, displayCode) {
-  var selectSearchQuery = (0,external_vue_namespaceObject.ref)('');
-  var selectListSearch = (0,external_vue_namespaceObject.computed)(function () {
-    return selectList.value.filter(function (select) {
-      var val = select[displayCode.value];
-      if (val instanceof Object) return false;
-      return val.toString().includes(selectSearchQuery.value);
-    });
-  });
-  return {
-    selectSearchQuery: selectSearchQuery,
-    selectListSearch: selectListSearch
-  };
-}
-/* harmony default export */ const transfer = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Transfer',
-  props: transferProps,
-  emits: ['change', 'update:targetList'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var t = (0,external_config_provider_namespaceObject.useLocale)('transfer');
-    var multipleSelectAllValue = (0,external_vue_namespaceObject.ref)({
-      source: false,
-      target: false
-    });
-    var multipleSelectList = (0,external_vue_namespaceObject.ref)({
-      source: [],
-      target: []
-    });
-    // 区分数据是基础数据数组(false)还是对象数组(true)
-    var sourceListType = (0,external_vue_namespaceObject.computed)(function () {
-      if (Array.isArray(props.sourceList)) {
-        var isObjectArray = props.sourceList.every(function (s) {
-          return s.toString().includes('[object Object]');
-        });
-        return isObjectArray ? ArrayType.OBJECT_ARRAY : ArrayType.BASE_ARRAY;
-      }
-      return ArrayType.NOT_ARRAY;
-    });
-    var settingCode = (0,external_vue_namespaceObject.computed)(function () {
-      return sourceListType.value === ArrayType.BASE_ARRAY ? 'value' : props.settingKey;
-    });
-    var displayCode = (0,external_vue_namespaceObject.computed)(function () {
-      return sourceListType.value === ArrayType.BASE_ARRAY ? 'value' : props.displayKey;
-    });
-    var sortCode = (0,external_vue_namespaceObject.computed)(function () {
-      return props.sortKey || displayCode.value;
-    });
-    // 处理为统一格式
-    var sourceData = (0,external_vue_namespaceObject.computed)(function () {
-      switch (sourceListType.value) {
-        case ArrayType.BASE_ARRAY:
-          // 封装为对象
-          return _toConsumableArray(new Set(props.sourceList)).map(function (s) {
-            return {
-              value: s
-            };
-          });
-        case ArrayType.OBJECT_ARRAY:
-          return _toConsumableArray(props.sourceList);
-        default:
-          return [];
-      }
-    });
-    // 获取左右列表
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
-      targetList = _toRefs.targetList;
-    var _useTransferData = useTransferData(sourceData, targetList, settingCode),
-      selectList = _useTransferData.selectList,
-      selectedList = _useTransferData.selectedList;
-    // 使用搜索
-    var _useSelectListSearch = useSelectListSearch(selectList, displayCode),
-      selectSearchQuery = _useSelectListSearch.selectSearchQuery,
-      selectListSearch = _useSelectListSearch.selectListSearch;
-    var selectListSort = (0,external_vue_namespaceObject.computed)(function () {
-      return _toConsumableArray(selectListSearch.value).sort(function (a, b) {
-        var va = a[sortCode.value];
-        var vb = b[sortCode.value];
-        return va > vb ? 1 : -1;
-      });
-    });
-    var selectedListSort = (0,external_vue_namespaceObject.computed)(function () {
-      return _toConsumableArray(selectedList.value).sort(function (a, b) {
-        var va = a[sortCode.value];
-        var vb = b[sortCode.value];
-        return va > vb ? 1 : -1;
-      });
-    });
-    (0,external_vue_namespaceObject.watch)(function () {
-      return [selectList, selectedList];
-    }, function () {
-      if (!props.multiple) {
-        handleEmitUpdateTargetList();
-      }
-    }, {
-      deep: true
-    });
-    /** 全选、清空操作过滤禁用选项 */
-    var handleCheckAllItemSelect = function handleCheckAllItemSelect(list, source) {
-      var itemKey = settingCode.value;
-      return list.some(function (val) {
-        return val[itemKey] === source[itemKey];
-      }) && source.disabled;
-    };
-    /** 全选 */
-    var allToRight = function allToRight() {
-      // 清空源列表 除源列表禁用选项
-      selectList.value = _toConsumableArray(sourceData.value.filter(function (source) {
-        return handleCheckAllItemSelect(selectList.value, source);
-      }));
-      // 填满目标列表 除源列表禁用选项
-      selectedList.value = _toConsumableArray(sourceData.value.filter(function (source) {
-        return !handleCheckAllItemSelect(selectList.value, source);
-      }));
-      // 全选搜索结果
-      // selectedList.value.push(...selectListSearch.value)
-      handleEmitUpdateTargetList();
-    };
-    /** 移除 */
-    var allToLeft = function allToLeft() {
-      // 填满源列表 除目标列表禁用选项
-      selectList.value = _toConsumableArray(sourceData.value.filter(function (source) {
-        return !handleCheckAllItemSelect(selectedList.value, source);
-      }));
-      // 清空目标列表 除目标列表禁用选项
-      selectedList.value = _toConsumableArray(sourceData.value.filter(function (source) {
-        return handleCheckAllItemSelect(selectedList.value, source);
-      }));
-      handleEmitUpdateTargetList();
-    };
-    /**
-     * @desc 列表项 click 事件
-     * @param { string } itemKey settingCode值
-     * @param { boolean } isLeft 左右面板
-     */
-    var handleItemClick = function handleItemClick(item, isLeft) {
-      var _to$value;
-      if (item.disabled) return;
-      var itemKey = item[settingCode.value];
-      var from = isLeft ? selectList : selectedList;
-      var to = isLeft ? selectedList : selectList;
-      var index = from.value.findIndex(function (item) {
-        return item[settingCode.value] === itemKey;
-      });
-      (_to$value = to.value).push.apply(_to$value, _toConsumableArray(from.value.splice(index, 1)));
-      handleEmitUpdateTargetList();
-    };
-    // emit事件，只有用户交互才会触发，如果是程序修改不会触发
-    var handleEmitUpdateTargetList = function handleEmitUpdateTargetList() {
-      var restList = selectList.value.map(function (item) {
-        return item[settingCode.value];
-      });
-      var targetList = selectedList.value.map(function (item) {
-        return item[settingCode.value];
-      });
-      emit('update:targetList', targetList);
-      emit('change', sourceListType.value === ArrayType.BASE_ARRAY ? restList : selectList.value.map(function (v) {
-        return (0,external_vue_namespaceObject.toRaw)(v);
-      }), sourceListType.value === ArrayType.BASE_ARRAY ? targetList : selectedList.value.map(function (v) {
-        return (0,external_vue_namespaceObject.toRaw)(v);
-      }), targetList);
-    };
-    /**
-     * @desc checkboxGroup 变化事件
-     * @param { string } dirct 左右面板
-     */
-    var handleItemChecked = function handleItemChecked(dirct) {
-      var target = dirct === 'source' ? selectList : selectedList;
-      multipleSelectAllValue.value[dirct] = multipleSelectList.value[dirct].length === target.value.length;
-    };
-    /**
-     * @desc checkbox 全选
-     * @param { boolean } value checked
-     * @param { string } dirct 左右面板
-     */
-    var handleAllChecked = function handleAllChecked(value, dirct) {
-      var target = dirct === 'source' ? selectList : selectedList;
-      multipleSelectList.value[dirct] = value ? target.value.map(function (item) {
-        return item[settingCode.value];
-      }) : [];
-    };
-    /**
-     * @desc 多选后点击穿梭事件
-     * @param { string } dirct 左右面板
-     */
-    var handleMultipleChange = function handleMultipleChange(dirct) {
-      var _to$value2;
-      var isLeft = dirct === 'left';
-      var from = isLeft ? selectList : selectedList;
-      var to = isLeft ? selectedList : selectList;
-      var checkeds = multipleSelectList.value[isLeft ? 'source' : 'target'];
-      var items = from.value.filter(function (val) {
-        return checkeds.includes(val[settingCode.value]);
-      });
-      from.value = from.value.filter(function (val) {
-        return !checkeds.includes(val[settingCode.value]);
-      });
-      (_to$value2 = to.value).push.apply(_to$value2, _toConsumableArray(items));
-      multipleSelectList.value[isLeft ? 'source' : 'target'] = [];
-      handleEmitUpdateTargetList();
-    };
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return {
-      selectSearchQuery: selectSearchQuery,
-      selectListSearch: selectListSearch,
-      selectedList: selectedList,
-      selectListSort: selectListSort,
-      selectedListSort: selectedListSort,
-      settingCode: settingCode,
-      displayCode: displayCode,
-      allToRight: allToRight,
-      allToLeft: allToLeft,
-      handleItemClick: handleItemClick,
-      t: t,
-      handleAllChecked: handleAllChecked,
-      multipleSelectAllValue: multipleSelectAllValue,
-      multipleSelectList: multipleSelectList,
-      handleMultipleChange: handleMultipleChange,
-      handleItemChecked: handleItemChecked,
-      resolveClassName: resolveClassName
-    };
-  },
-  render: function render() {
-    var _this = this;
-    var multiple = this.$props.multiple;
-    var leftList = this.sortable ? this.selectListSort : this.selectListSearch;
-    var rightList = this.sortable ? this.selectedListSort : this.selectedList;
-    var getHeaderHtml = function getHeaderHtml(dirct) {
-      var _a, _b;
-      var isLeft = dirct === 'left-header';
-      var selectField = isLeft ? 'source' : 'target';
-      var titleText = isLeft ? "".concat((_a = _this.title[0]) !== null && _a !== void 0 ? _a : _this.t.sourceList) : "".concat((_b = _this.title[1]) !== null && _b !== void 0 ? _b : _this.t.targetList);
-      var isDisabled = isLeft ? !leftList.length : !rightList.length;
-      // eslint-disable-next-line max-len
-      var isIndeterminate = !!_this.multipleSelectList[selectField].length && !_this.multipleSelectAllValue[selectField];
-      var selectCount = _this.multipleSelectList[selectField].length;
-      var headerClick = function headerClick() {
-        if (isDisabled) return;
-        isLeft ? _this.allToRight() : _this.allToLeft();
-      };
-      return _this.$slots[dirct] ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "slot-header"
-      }, [_this.$slots[dirct]()]) : (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "header"
-      }, [_this.multiple ? (0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject["default"], {
-        "class": "header-checkbox",
-        "label": titleText,
-        "modelValue": _this.multipleSelectAllValue[selectField],
-        "onUpdate:modelValue": function onUpdateModelValue($event) {
-          return _this.multipleSelectAllValue[selectField] = $event;
-        },
-        "indeterminate": isIndeterminate,
-        "onChange": function onChange(val) {
-          return _this.handleAllChecked(val, selectField);
-        }
-      }, null) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, ["".concat(titleText, "\uFF08").concat(isLeft ? leftList.length : rightList.length, "\uFF09")]), _this.multiple ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "select-total-count"
-      }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "select-count"
-      }, [selectCount]), (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "count-delimiter"
-      }, [(0,external_vue_namespaceObject.createTextVNode)("/")]), (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "total-count"
-      }, [isLeft ? leftList.length : rightList.length])]) : (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": {
-          'select-all': true,
-          disabled: isDisabled
-        },
-        "onClick": function onClick() {
-          return headerClick();
-        }
-      }, [isLeft ? _this.t.selectAll : _this.t.removeAll])]);
-    };
-    var getEmptyHtml = function getEmptyHtml(dirct) {
-      var _a;
-      var isLeft = dirct === 'left-empty-content';
-      var emptyText = (_a = isLeft ? _this.emptyContent[0] : _this.emptyContent[1]) !== null && _a !== void 0 ? _a : isLeft ? _this.t.noData : _this.t.noSelected;
-      return _this.$slots[dirct] ? (0,external_vue_namespaceObject.createVNode)("div", null, [_this.$slots[dirct]()]) : (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "empty"
-      }, [emptyText]);
-    };
-    var getDefaultListHtml = function getDefaultListHtml(item) {
-      var isLeft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": ['item-content', {
-          'is-disabled': item.disabled
-        }]
-      }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "content-text",
-        "title": item[_this.displayCode]
-      }, [item[_this.displayCode]]), !multiple && (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "icon-wrapper"
-      }, [isLeft ? (0,external_vue_namespaceObject.createVNode)(_namespaceObject.ArrowsRight, {
-        "class": "".concat(_this.resolveClassName('icon'), " icon-move")
-      }, null) : (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Error, {
-        "class": "".concat(_this.resolveClassName('icon'), " icon-delete")
-      }, null)])]);
-    };
-    var getListContentHtml = function getListContentHtml(dirct) {
-      var _slot;
-      var isLeft = dirct === 'left';
-      var selectField = dirct === 'left' ? 'source' : 'target';
-      var list = isLeft ? leftList : rightList;
-      var slotName = isLeft ? 'source-option' : 'target-option';
-      var emptySlotName = isLeft ? 'left-empty-content' : 'right-empty-content';
-      var contentMode = multiple ? (0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject.BkCheckboxGroup, {
-        "class": "content is-flex",
-        "modelValue": _this.multipleSelectList[selectField],
-        "onUpdate:modelValue": function onUpdateModelValue($event) {
-          return _this.multipleSelectList[selectField] = $event;
-        },
-        "onChange": function onChange() {
-          return _this.handleItemChecked(selectField);
-        }
-      }, _isSlot(_slot = list.map(function (item) {
-        var _a, _b, _c;
-        return (0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject["default"], {
-          "class": "checkbox-item",
-          "label": item[_this.settingCode]
-        }, {
-          "default": function _default() {
-            return [(_c = (_b = (_a = _this.$slots)[slotName]) === null || _b === void 0 ? void 0 : _b.call(_a, item)) !== null && _c !== void 0 ? _c : getDefaultListHtml(item, isLeft)];
-          }
-        })]);
-      })) ? _slot : {
-        "default": function _default() {
-          return [_slot];
-        }
-      }) : (0,external_vue_namespaceObject.createVNode)("ul", {
-        "class": ['content', _this.searchable && isLeft ? 'is-search' : '']
-      }, [list.map(function (item) {
-        var _a, _b, _c;
-        return (0,external_vue_namespaceObject.createVNode)("li", {
-          "key": item[_this.settingCode],
-          "class": [_this.$slots[slotName] ? 'custom-item' : ''],
-          "onClick": function onClick() {
-            return _this.handleItemClick(item, isLeft);
-          }
-        }, [(_c = (_b = (_a = _this.$slots)[slotName]) === null || _b === void 0 ? void 0 : _b.call(_a, item)) !== null && _c !== void 0 ? _c : getDefaultListHtml(item, isLeft)]);
-      })]);
-      return list.length ? contentMode : getEmptyHtml(emptySlotName);
-    };
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": ["".concat(this.resolveClassName('transfer')), this.extCls]
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "source-list"
-    }, [getHeaderHtml('left-header'), this.searchable && (0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
-      "modelValue": _this.selectSearchQuery,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return _this.selectSearchQuery = $event;
-      },
-      "class": "transfer-search-input",
-      "clearable": true,
-      "placeholder": this.searchPlaceholder || this.t.search
-    }, {
-      prefix: function prefix() {
-        return (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Search, {
-          "class": "icon-search"
-        }, null);
-      }
-    }), getListContentHtml('left')]), multiple ? (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "transfer-button-group"
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": ['transfer-button', {
-        disabled: !this.multipleSelectList.source.length
-      }],
-      "onClick": function onClick() {
-        return _this.handleMultipleChange('left');
-      }
-    }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": ['transfer-button', {
-        disabled: !this.multipleSelectList.target.length
-      }],
-      "onClick": function onClick() {
-        return _this.handleMultipleChange('right');
-      }
-    }, [(0,external_vue_namespaceObject.createVNode)(_namespaceObject.AngleLeft, null, null)])]) : (0,external_vue_namespaceObject.createVNode)(_namespaceObject.Transfer, {
-      "class": "transfer"
-    }, null), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "target-list"
-    }, [getHeaderHtml('right-header'), getListContentHtml('right')])]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/transfer/src/index.ts
-/**
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-var Transfer = (0,external_shared_namespaceObject.withInstall)(transfer);
-/* harmony default export */ const src = (Transfer);
-var __webpack_exports__default = __webpack_exports__.Z;
-export { __webpack_exports__default as default };
+import*as e from"../shared";import*as t from"vue";import*as r from"../checkbox";import*as l from"../config-provider";import*as n from"../icon/";import*as a from"../input";var o={d:(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},u={};o.d(u,{Z:()=>b});const s=(c={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},i={},o.d(i,c),i);var c,i;function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,l=new Array(t);r<t;r++)l[r]=e[r];return l}function f(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const p=(e=>{var t={};return o.d(t,e),t})({Fragment:()=>t.Fragment,computed:()=>t.computed,createTextVNode:()=>t.createTextVNode,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,isVNode:()=>t.isVNode,ref:()=>t.ref,toRaw:()=>t.toRaw,toRefs:()=>t.toRefs,watch:()=>t.watch}),v=(e=>{var t={};return o.d(t,e),t})({BkCheckboxGroup:()=>r.BkCheckboxGroup,default:()=>r.default}),h=(e=>{var t={};return o.d(t,e),t})({useLocale:()=>l.useLocale,usePrefix:()=>l.usePrefix}),m=(e=>{var t={};return o.d(t,e),t})({AngleLeft:()=>n.AngleLeft,AngleRight:()=>n.AngleRight,ArrowsRight:()=>n.ArrowsRight,Error:()=>n.Error,Search:()=>n.Search,Transfer:()=>n.Transfer}),g=(e=>{var t={};return o.d(t,e),t})({default:()=>a.default});var y;!function(e){e.OBJECT_ARRAY="objectArray",e.BASE_ARRAY="baseArray",e.NOT_ARRAY="notArray"}(y||(y={}));var A={title:s.PropTypes.arrayOf(s.PropTypes.string).def([]),extCls:s.PropTypes.string.def(""),searchPlaceholder:s.PropTypes.string.def(""),settingKey:s.PropTypes.string.def("id"),displayKey:s.PropTypes.string.def("value"),sortKey:s.PropTypes.string.def("value"),showOverflowTips:s.PropTypes.bool.def(!1),searchable:s.PropTypes.bool.def(!1),sortable:s.PropTypes.bool.def(!1),sourceList:s.PropTypes.arrayOf(s.PropTypes.any).def([]),targetList:s.PropTypes.arrayOf(s.PropTypes.any).def([]),emptyContent:s.PropTypes.arrayOf(s.PropTypes.string).def([]),multiple:s.PropTypes.bool.def(!1)};const V=(0,p.defineComponent)({name:"Transfer",props:A,emits:["change","update:targetList"],setup:function(e,t){var r=t.emit,l=(0,h.useLocale)("transfer"),n=(0,p.ref)({source:!1,target:!1}),a=(0,p.ref)({source:[],target:[]}),o=(0,p.computed)((function(){return Array.isArray(e.sourceList)?e.sourceList.every((function(e){return e.toString().includes("[object Object]")}))?y.OBJECT_ARRAY:y.BASE_ARRAY:y.NOT_ARRAY})),u=(0,p.computed)((function(){return o.value===y.BASE_ARRAY?"value":e.settingKey})),s=(0,p.computed)((function(){return o.value===y.BASE_ARRAY?"value":e.displayKey})),c=(0,p.computed)((function(){return e.sortKey||s.value})),i=(0,p.computed)((function(){switch(o.value){case y.BASE_ARRAY:return f(new Set(e.sourceList)).map((function(e){return{value:e}}));case y.OBJECT_ARRAY:return f(e.sourceList);default:return[]}})),d=(0,p.toRefs)(e).targetList,v=function(e,t,r){var l=(0,p.ref)([]),n=(0,p.ref)([]),a=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&(l.value=[],n.value=[]),e.value.forEach((function(e){var a=e[r.value];t.value.includes(a)?n.value.push(e):l.value.push(e)}))};return a(),(0,p.watch)((function(){return[e,t,r]}),(function(){a(!0)}),{deep:!0}),{selectList:l,selectedList:n}}(i,d,u),m=v.selectList,g=v.selectedList,A=function(e,t){var r=(0,p.ref)(""),l=(0,p.computed)((function(){return e.value.filter((function(e){var l=e[t.value];return!(l instanceof Object)&&l.toString().includes(r.value)}))}));return{selectSearchQuery:r,selectListSearch:l}}(m,s),V=A.selectSearchQuery,b=A.selectListSearch,N=(0,p.computed)((function(){return f(b.value).sort((function(e,t){return e[c.value]>t[c.value]?1:-1}))})),S=(0,p.computed)((function(){return f(g.value).sort((function(e,t){return e[c.value]>t[c.value]?1:-1}))}));(0,p.watch)((function(){return[m,g]}),(function(){e.multiple||L()}),{deep:!0});var C=function(e,t){var r=u.value;return e.some((function(e){return e[r]===t[r]}))&&t.disabled},L=function(){var e=m.value.map((function(e){return e[u.value]})),t=g.value.map((function(e){return e[u.value]}));r("update:targetList",t),r("change",o.value===y.BASE_ARRAY?e:m.value.map((function(e){return(0,p.toRaw)(e)})),o.value===y.BASE_ARRAY?t:g.value.map((function(e){return(0,p.toRaw)(e)})),t)},R=(0,h.usePrefix)().resolveClassName;return{selectSearchQuery:V,selectListSearch:b,selectedList:g,selectListSort:N,selectedListSort:S,settingCode:u,displayCode:s,allToRight:function(){m.value=f(i.value.filter((function(e){return C(m.value,e)}))),g.value=f(i.value.filter((function(e){return!C(m.value,e)}))),L()},allToLeft:function(){m.value=f(i.value.filter((function(e){return!C(g.value,e)}))),g.value=f(i.value.filter((function(e){return C(g.value,e)}))),L()},handleItemClick:function(e,t){var r;if(!e.disabled){var l=e[u.value],n=t?m:g,a=t?g:m,o=n.value.findIndex((function(e){return e[u.value]===l}));(r=a.value).push.apply(r,f(n.value.splice(o,1))),L()}},t:l,handleAllChecked:function(e,t){var r="source"===t?m:g;a.value[t]=e?r.value.map((function(e){return e[u.value]})):[]},multipleSelectAllValue:n,multipleSelectList:a,handleMultipleChange:function(e){var t,r="left"===e,l=r?m:g,n=r?g:m,o=a.value[r?"source":"target"],s=l.value.filter((function(e){return o.includes(e[u.value])}));l.value=l.value.filter((function(e){return!o.includes(e[u.value])})),(t=n.value).push.apply(t,f(s)),a.value[r?"source":"target"]=[],L()},handleItemChecked:function(e){var t="source"===e?m:g;n.value[e]=a.value[e].length===t.value.length},resolveClassName:R}},render:function(){var e=this,t=this.$props.multiple,r=this.sortable?this.selectListSort:this.selectListSearch,l=this.sortable?this.selectedListSort:this.selectedList,n=function(t){var n,a,o="left-header"===t,u=o?"source":"target",s="".concat(o?null!==(n=e.title[0])&&void 0!==n?n:e.t.sourceList:null!==(a=e.title[1])&&void 0!==a?a:e.t.targetList),c=o?!r.length:!l.length,i=!!e.multipleSelectList[u].length&&!e.multipleSelectAllValue[u],d=e.multipleSelectList[u].length;return e.$slots[t]?(0,p.createVNode)("div",{class:"slot-header"},[e.$slots[t]()]):(0,p.createVNode)("div",{class:"header"},[e.multiple?(0,p.createVNode)(v.default,{class:"header-checkbox",label:s,modelValue:e.multipleSelectAllValue[u],"onUpdate:modelValue":function(t){return e.multipleSelectAllValue[u]=t},indeterminate:i,onChange:function(t){return e.handleAllChecked(t,u)}},null):(0,p.createVNode)(p.Fragment,null,["".concat(s,"（").concat(o?r.length:l.length,"）")]),e.multiple?(0,p.createVNode)("div",{class:"select-total-count"},[(0,p.createVNode)("span",{class:"select-count"},[d]),(0,p.createVNode)("span",{class:"count-delimiter"},[(0,p.createTextVNode)("/")]),(0,p.createVNode)("span",{class:"total-count"},[o?r.length:l.length])]):(0,p.createVNode)("span",{class:{"select-all":!0,disabled:c},onClick:function(){c||(o?e.allToRight():e.allToLeft())}},[o?e.t.selectAll:e.t.removeAll])])},a=function(r){var l=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(0,p.createVNode)("div",{class:["item-content",{"is-disabled":r.disabled}]},[(0,p.createVNode)("span",{class:"content-text",title:r[e.displayCode]},[r[e.displayCode]]),!t&&(0,p.createVNode)("span",{class:"icon-wrapper"},[l?(0,p.createVNode)(m.ArrowsRight,{class:"".concat(e.resolveClassName("icon")," icon-move")},null):(0,p.createVNode)(m.Error,{class:"".concat(e.resolveClassName("icon")," icon-delete")},null)])])},o=function(n){var o,u,s="left"===n,c="left"===n?"source":"target",i=s?r:l,d=s?"source-option":"target-option",f=s?"left-empty-content":"right-empty-content",h=t?(0,p.createVNode)(v.BkCheckboxGroup,{class:"content is-flex",modelValue:e.multipleSelectList[c],"onUpdate:modelValue":function(t){return e.multipleSelectList[c]=t},onChange:function(){return e.handleItemChecked(c)}},"function"==typeof(u=o=i.map((function(t){var r,l,n;return(0,p.createVNode)("div",null,[(0,p.createVNode)(v.default,{class:"checkbox-item",label:t[e.settingCode]},{default:function(){return[null!==(n=null===(l=(r=e.$slots)[d])||void 0===l?void 0:l.call(r,t))&&void 0!==n?n:a(t,s)]}})])})))||"[object Object]"===Object.prototype.toString.call(u)&&!(0,p.isVNode)(u)?o:{default:function(){return[o]}}):(0,p.createVNode)("ul",{class:["content",e.searchable&&s?"is-search":""]},[i.map((function(t){var r,l,n;return(0,p.createVNode)("li",{key:t[e.settingCode],class:[e.$slots[d]?"custom-item":""],onClick:function(){return e.handleItemClick(t,s)}},[null!==(n=null===(l=(r=e.$slots)[d])||void 0===l?void 0:l.call(r,t))&&void 0!==n?n:a(t,s)])}))]);return i.length?h:function(t){var r,l="left-empty-content"===t,n=null!==(r=l?e.emptyContent[0]:e.emptyContent[1])&&void 0!==r?r:l?e.t.noData:e.t.noSelected;return e.$slots[t]?(0,p.createVNode)("div",null,[e.$slots[t]()]):(0,p.createVNode)("div",{class:"empty"},[n])}(f)};return(0,p.createVNode)("div",{class:["".concat(this.resolveClassName("transfer")),this.extCls]},[(0,p.createVNode)("div",{class:"source-list"},[n("left-header"),this.searchable&&(0,p.createVNode)(g.default,{modelValue:e.selectSearchQuery,"onUpdate:modelValue":function(t){return e.selectSearchQuery=t},class:"transfer-search-input",clearable:!0,placeholder:this.searchPlaceholder||this.t.search},{prefix:function(){return(0,p.createVNode)(m.Search,{class:"icon-search"},null)}}),o("left")]),t?(0,p.createVNode)("div",{class:"transfer-button-group"},[(0,p.createVNode)("div",{class:["transfer-button",{disabled:!this.multipleSelectList.source.length}],onClick:function(){return e.handleMultipleChange("left")}},[(0,p.createVNode)(m.AngleRight,null,null)]),(0,p.createVNode)("div",{class:["transfer-button",{disabled:!this.multipleSelectList.target.length}],onClick:function(){return e.handleMultipleChange("right")}},[(0,p.createVNode)(m.AngleLeft,null,null)])]):(0,p.createVNode)(m.Transfer,{class:"transfer"},null),(0,p.createVNode)("div",{class:"target-list"},[n("right-header"),o("right")])])}}),b=(0,s.withInstall)(V);var N=u.Z;export{N as default};