bkui-vue 0.0.1-beta.83 → 0.0.1-beta.86

package/lib/transfer/index.d.ts

@@ -32,66 +32,71 @@ declare const Transfer: {
             extCls: string;
             displayKey: string;
             sortable: boolean;
-            settingKey: string;
             searchPlaceholder: string;
+            settingKey: string;
+            sortKey: string;
             showOverflowTips: boolean;
             searchable: boolean;
-            sortKey: string;
-            sourceList: unknown[];
-            targetList: unknown[];
+            sourceList: any[];
+            targetList: any[];
             emptyContent: string[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string[]>;
-                default: () => any[];
+            title: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
             };
-            extCls: {
-                type: StringConstructor;
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            searchPlaceholder: {
-                type: StringConstructor;
+            searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            settingKey: {
-                type: StringConstructor;
+            settingKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            displayKey: {
-                type: StringConstructor;
+            displayKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            sortKey: {
-                type: StringConstructor;
+            sortKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            showOverflowTips: {
-                type: BooleanConstructor;
+            showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            searchable: {
-                type: BooleanConstructor;
+            searchable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            sortable: {
-                type: BooleanConstructor;
+            sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            sourceList: {
-                type: ArrayConstructor;
+            sourceList: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
             };
-            targetList: {
-                type: ArrayConstructor;
+            targetList: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
             };
-            emptyContent: {
-                type: import("vue").PropType<string[]>;
-                default: () => any[];
+            emptyContent: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
             };
         }>> & {
             onChange?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "extCls" | "displayKey" | "sortable" | "settingKey" | "searchPlaceholder" | "showOverflowTips" | "searchable" | "sortKey" | "sourceList" | "targetList" | "emptyContent">;
+            "onUpdate:targetList"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "extCls" | "displayKey" | "sortable" | "searchPlaceholder" | "settingKey" | "sortKey" | "showOverflowTips" | "searchable" | "sourceList" | "targetList" | "emptyContent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -103,84 +108,87 @@ declare const Transfer: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
-        $emit: (event: "change", ...args: any[]) => void;
+        $emit: (event: "change" | "update:targetList", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            title: {
-                type: import("vue").PropType<string[]>;
-                default: () => any[];
+            title: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
             };
-            extCls: {
-                type: StringConstructor;
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            searchPlaceholder: {
-                type: StringConstructor;
+            searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            settingKey: {
-                type: StringConstructor;
+            settingKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            displayKey: {
-                type: StringConstructor;
+            displayKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            sortKey: {
-                type: StringConstructor;
+            sortKey: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
                 default: string;
             };
-            showOverflowTips: {
-                type: BooleanConstructor;
+            showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            searchable: {
-                type: BooleanConstructor;
+            searchable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            sortable: {
-                type: BooleanConstructor;
+            sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
                 default: boolean;
             };
-            sourceList: {
-                type: ArrayConstructor;
+            sourceList: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
             };
-            targetList: {
-                type: ArrayConstructor;
+            targetList: import("vue-types").VueTypeDef<any[]> & {
                 default: () => any[];
             };
-            emptyContent: {
-                type: import("vue").PropType<string[]>;
-                default: () => any[];
+            emptyContent: import("vue-types").VueTypeDef<string[]> & {
+                default: () => string[];
             };
         }>> & {
             onChange?: (...args: any[]) => any;
+            "onUpdate:targetList"?: (...args: any[]) => any;
         }, {
-            keyword: import("vue").Ref<string>;
-            transferRef: any;
-            dataList: import("vue").Ref<any[]>;
+            selectSearchQuery: import("vue").Ref<string>;
+            selectListSearch: import("vue").ComputedRef<any>;
+            selectedList: import("vue").Ref<any[]>;
+            selectListSort: import("vue").ComputedRef<any[]>;
+            selectedListSort: import("vue").ComputedRef<any[]>;
+            settingCode: import("vue").ComputedRef<string>;
+            displayCode: import("vue").ComputedRef<string>;
             allToRight: () => void;
             allToLeft: () => void;
-            displayDataList: import("vue").ComputedRef<any[]>;
-            displayCode: import("vue").ComputedRef<string>;
-            leftHoverIndex: import("vue").Ref<number>;
-            rightHoverIndex: import("vue").Ref<number>;
-            handleItemMouseEvent: (type: any, event: any, isLeft: any, index: any) => void;
-            handleItemClick: (event: any, index: any, isLeft: any) => void;
-            hasSelectedList: import("vue").Ref<any[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {
+            handleItemClick: (itemKey: any, isLeft: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], string, {
             title: string[];
             extCls: string;
             displayKey: string;
             sortable: boolean;
-            settingKey: string;
             searchPlaceholder: string;
+            settingKey: string;
+            sortKey: string;
             showOverflowTips: boolean;
             searchable: boolean;
-            sortKey: string;
-            sourceList: unknown[];
-            targetList: unknown[];
+            sourceList: any[];
+            targetList: any[];
             emptyContent: string[];
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -203,149 +211,155 @@ declare const Transfer: {
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: import("vue").PropType<string[]>;
-            default: () => any[];
+        title: import("vue-types").VueTypeDef<string[]> & {
+            default: () => string[];
         };
-        extCls: {
-            type: StringConstructor;
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        searchPlaceholder: {
-            type: StringConstructor;
+        searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        settingKey: {
-            type: StringConstructor;
+        settingKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        displayKey: {
-            type: StringConstructor;
+        displayKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        sortKey: {
-            type: StringConstructor;
+        sortKey: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
             default: string;
         };
-        showOverflowTips: {
-            type: BooleanConstructor;
+        showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        searchable: {
-            type: BooleanConstructor;
+        searchable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        sortable: {
-            type: BooleanConstructor;
+        sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
             default: boolean;
         };
-        sourceList: {
-            type: ArrayConstructor;
+        sourceList: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
         };
-        targetList: {
-            type: ArrayConstructor;
+        targetList: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
         };
-        emptyContent: {
-            type: import("vue").PropType<string[]>;
-            default: () => any[];
+        emptyContent: import("vue-types").VueTypeDef<string[]> & {
+            default: () => string[];
         };
     }>> & {
         onChange?: (...args: any[]) => any;
+        "onUpdate:targetList"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
-        keyword: import("vue").Ref<string>;
-        transferRef: any;
-        dataList: import("vue").Ref<any[]>;
+        selectSearchQuery: import("vue").Ref<string>;
+        selectListSearch: import("vue").ComputedRef<any>;
+        selectedList: import("vue").Ref<any[]>;
+        selectListSort: import("vue").ComputedRef<any[]>;
+        selectedListSort: import("vue").ComputedRef<any[]>;
+        settingCode: import("vue").ComputedRef<string>;
+        displayCode: import("vue").ComputedRef<string>;
         allToRight: () => void;
         allToLeft: () => void;
-        displayDataList: import("vue").ComputedRef<any[]>;
-        displayCode: import("vue").ComputedRef<string>;
-        leftHoverIndex: import("vue").Ref<number>;
-        rightHoverIndex: import("vue").Ref<number>;
-        handleItemMouseEvent: (type: any, event: any, isLeft: any, index: any) => void;
-        handleItemClick: (event: any, index: any, isLeft: any) => void;
-        hasSelectedList: import("vue").Ref<any[]>;
+        handleItemClick: (itemKey: any, isLeft: any) => void;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: import("vue").PropType<string[]>;
-        default: () => any[];
+    title: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
     };
-    extCls: {
-        type: StringConstructor;
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    searchPlaceholder: {
-        type: StringConstructor;
+    searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    settingKey: {
-        type: StringConstructor;
+    settingKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    displayKey: {
-        type: StringConstructor;
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    sortKey: {
-        type: StringConstructor;
+    sortKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    showOverflowTips: {
-        type: BooleanConstructor;
+    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    searchable: {
-        type: BooleanConstructor;
+    searchable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    sortable: {
-        type: BooleanConstructor;
+    sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    sourceList: {
-        type: ArrayConstructor;
+    sourceList: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    targetList: {
-        type: ArrayConstructor;
+    targetList: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
-    emptyContent: {
-        type: import("vue").PropType<string[]>;
-        default: () => any[];
+    emptyContent: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
     };
 }>> & {
     onChange?: (...args: any[]) => any;
+    "onUpdate:targetList"?: (...args: any[]) => any;
 }, {
-    keyword: import("vue").Ref<string>;
-    transferRef: any;
-    dataList: import("vue").Ref<any[]>;
+    selectSearchQuery: import("vue").Ref<string>;
+    selectListSearch: import("vue").ComputedRef<any>;
+    selectedList: import("vue").Ref<any[]>;
+    selectListSort: import("vue").ComputedRef<any[]>;
+    selectedListSort: import("vue").ComputedRef<any[]>;
+    settingCode: import("vue").ComputedRef<string>;
+    displayCode: import("vue").ComputedRef<string>;
     allToRight: () => void;
     allToLeft: () => void;
-    displayDataList: import("vue").ComputedRef<any[]>;
-    displayCode: import("vue").ComputedRef<string>;
-    leftHoverIndex: import("vue").Ref<number>;
-    rightHoverIndex: import("vue").Ref<number>;
-    handleItemMouseEvent: (type: any, event: any, isLeft: any, index: any) => void;
-    handleItemClick: (event: any, index: any, isLeft: any) => void;
-    hasSelectedList: import("vue").Ref<any[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {
+    handleItemClick: (itemKey: any, isLeft: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], "change" | "update:targetList", {
     title: string[];
     extCls: string;
     displayKey: string;
     sortable: boolean;
-    settingKey: string;
     searchPlaceholder: string;
+    settingKey: string;
+    sortKey: string;
     showOverflowTips: boolean;
     searchable: boolean;
-    sortKey: string;
-    sourceList: unknown[];
-    targetList: unknown[];
+    sourceList: any[];
+    targetList: any[];
     emptyContent: string[];
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default Transfer;

package/lib/transfer/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/","../input"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/"),require("../input")):t(e["../shared"],e.vue,e["../icon/"],e["../input"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n)=>(()=>{"use strict";var a={7685:e=>{e.exports=r},8133:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return a[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{u.r(l),u.d(l,{default:()=>v});var e=u(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}function n(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],u=!0,l=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);u=!0);}catch(e){l=!0,a=e}finally{try{u||null==r.return||r.return()}finally{if(l)throw a}}return o}}(e,t)||r(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||r(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.")}()}var o=u(748),i=u(7685),s=u(8133),c=u.n(s);e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.string,e.PropTypes.bool,e.PropTypes.bool,e.PropTypes.string,e.PropTypes.bool;const f=(0,o.defineComponent)({name:"Transfer",props:{title:{type:Array,default:function(){return[]}},extCls:{type:String,default:""},searchPlaceholder:{type:String,default:""},settingKey:{type:String,default:"id"},displayKey:{type:String,default:"value"},sortKey:{type:String,default:""},showOverflowTips:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},sortable:{type:Boolean,default:!1},sourceList:{type:Array,default:function(){return[]}},targetList:{type:Array,default:function(){return[]}},emptyContent:{type:Array,default:function(){return[]}}},emits:["change"],slots:["left-header","right-header","source-option","target-option","left-empty-content","right-empty-content"],setup:function(t,r){var u=r.emit,l=[],i=t.sortKey,s=t.sortable,c=(0,o.ref)(""),f=(0,o.ref)(null),v=(0,o.ref)([]),d=(0,o.ref)([]),p=(0,o.ref)(-1),h=(0,o.ref)(-1),y=(0,o.computed)((function(){return t.sourceList&&Array.isArray(t.sourceList)?-1!==t.sourceList.toString().indexOf("[object Object]"):"empty"})),g=(0,o.computed)((function(){return y.value?t.settingKey:"index"})),m=(0,o.computed)((function(){return y.value?t.displayKey:"value"})),b=(0,o.computed)((function(){return c.value?v.value.filter((function(t){return!(0,e.isEmpty)(t[m.value])&&String(t[m.value]).indexOf(c.value)>-1})):v.value}));(0,o.watch)((function(){return t.sourceList}),(function(){"empty"!==y.value&&(L(),w())}),{deep:!0}),(0,o.watch)((function(){return t.targetList}),(function(){L(),w()}),{deep:!0}),(0,o.watch)((function(){return[m.value,g.value]}),(function(){L()})),(0,o.watch)((function(){return t.sortKey}),(function(e){i=e,w()})),(0,o.watch)((function(){return t.sortable}),(function(e){s=e,w()}));var L=function(){"empty"!==y.value&&(y.value?S():x())},x=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){for(var e,r=[],n=0;n<t.sourceList.length;n++)r.push({index:n,value:t.sourceList[n]});v.value=[].concat(r),(e=d.value).splice.apply(e,[0,d.value.length].concat([])),u("change",v.value,[],[])}else{for(var o=[],l=[],i=0;i<t.sourceList.length;i++)o.push({index:i,value:t.sourceList[i]});t.targetList.forEach((function(e){var t=o.find((function(t){return t.value===e}));t&&l.push(t)})),d.value=[].concat(l);var s=o.filter((function(e){return l.every((function(t){return t.index!==e.index}))}));v.value=a(s),u("change",v.value,a(T(d.value,!1)),[])}},S=function(){if(!t.targetList.length||t.targetList.length>t.sourceList.length){var e;(e=v.value).splice.apply(e,[0,v.value.length].concat(a(t.sourceList))),d.value=[],u("change",v.value,[],[])}else{var r=t.sourceList.filter((function(e){return t.targetList.every((function(t){return t!==e[g.value]}))})),n=[];t.sourceList.forEach((function(e){t.targetList.forEach((function(t){e[g.value]===t&&n.push(e)}))})),d.value=[].concat(n),v.value=a(r);var o=a(T(d.value));u("change",v.value,d.value,o)}},w=function(){var e=[];if(y.value)s||(i=""),e=a(t.sourceList);else{i=s?"index":"";for(var r=0;r<t.sourceList.length;r++)e.push({index:r,value:t.sourceList[r]})}if(i){var n=[];if(e.forEach((function(e){n.push(e[i])})),(l=[].concat(n)).length===t.sourceList.length){var o=a(v.value);v.value=a(N(o,i,l))}}},V=function(){var e=v.value,t=y.value?d.value:a(T(d.value,!1)),r=y.value?a(T(d.value)):[];u("change",e,t,r)},T=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e.length)return[];var o=a(e);return o.forEach((function(e){if(t)for(var a=0,o=Object.entries(e);a<o.length;a++){var u=n(o[a],2),l=u[0],i=u[1];l===g.value&&r.push(i)}else r.push(e.value)})),r},N=function(e,t,r){var n=r;return e.sort((function(e,r){return n.indexOf(e[t])-n.indexOf(r[t])>=0}))},A=function(e){v.value=v.value.filter((function(t){return t[g.value]!==e[g.value]}))};return"empty"!==y.value&&(y.value?S():x(),w()),{keyword:c,transferRef:f,dataList:v,allToRight:function(){p.value=-1;var e=b.value,r=d.value;e.forEach((function(e){r.push(e),A(e)})),l.length===t.sourceList.length?d.value=a(N(r,i,l)):d.value=a(r),V()},allToLeft:function(){h.value=-1;for(var e=d.value,r=v.value;e.length;){var n=e.shift();r.push(n),l.length===t.sourceList.length?v.value=a(N(r,i,l)):v.value=a(r)}V()},displayDataList:b,displayCode:m,leftHoverIndex:p,rightHoverIndex:h,handleItemMouseEvent:function(e,t,r,n){t.preventDefault(),t.stopPropagation();var a="over"===e?n:-1;r?p.value=a:h.value=a},handleItemClick:function(e,r,n){e.preventDefault(),e.stopPropagation(),n?p.value=-1:h.value=-1;var o=n?b.value[r]:d.value.splice(r,1)[0],u=n?d.value:v.value;u.push(o),n&&A(o);var s=l.length===t.sourceList.length?a(N(u,i,l)):a(u);n?d.value=a(s):v.value=a(s),V()},hasSelectedList:d}},render:function(){var e=this,t=this.$props,r=t.extCls,n=t.title,a=t.emptyContent,u=t.searchable,l=t.searchPlaceholder,s=function(t){var r,a,u="left-header"===t,l="".concat(u?null!==(r=n[0])&&void 0!==r?r:"左侧列表":null!==(a=n[1])&&void 0!==a?a:"右侧列表"),i=u?!e.dataList.length:!e.hasSelectedList.length;return e.$slots[t]?(0,o.createVNode)("div",{class:"slot-header"},[e.$slots[t]()]):(0,o.createVNode)("div",{class:"header"},["".concat(l,"（共").concat(e.dataList.length,"条）"),(0,o.createVNode)("span",{class:{disabled:i},onClick:function(){return u&&e.dataList.length&&e.allToRight(),void(!u&&e.hasSelectedList.length&&e.allToLeft())}},[u?"全部添加":"清空"])])},f=function(t,r){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],a=n?e.leftHoverIndex:e.rightHoverIndex;return(0,o.createVNode)("div",{class:"item-content"},[(0,o.createVNode)("span",{class:"content-text",title:t[e.displayCode]},[t[e.displayCode]]),(0,o.createVNode)("span",{class:["icon-wrapper",r===a?"hover":""]},[n?(0,o.createVNode)(i.ArrowsRight,{class:"bk-icon"},null):(0,o.createVNode)(i.Error,{class:"bk-icon"},null)])])},v=function(t){var r="left"===t,n=r?e.displayDataList:e.hasSelectedList,l=r?"source-option":"target-option",i=r?"left-empty-content":"right-empty-content";return n.length?(0,o.createVNode)("ul",{class:["content",u&&r?"is-search":""]},[n.map((function(t,n){var a,u,i;return(0,o.createVNode)("li",{key:n,class:[e.$slots[l]?"custom-item":""],onClick:function(t){return e.handleItemClick(t,n,r)},onMouseover:function(t){return e.handleItemMouseEvent("over",t,r,n)},onMouseleave:function(t){return e.handleItemMouseEvent("leave",t,r,n)}},[null!==(i=null===(u=(a=e.$slots)[l])||void 0===u?void 0:u.call(a,t))&&void 0!==i?i:f(t,n,r)])}))]):function(t){var r,n="left-empty-content"===t,u=null!==(r=n?a[0]:a[1])&&void 0!==r?r:n?"无数据":"未选择任何项";return e.$slots[t]?(0,o.createVNode)("div",null,[e.$slots[t]()]):(0,o.createVNode)("div",{class:"empty"},[u])}(i)};return(0,o.createVNode)("div",{class:["bk-transfer",r],ref:"transferRef"},[(0,o.createVNode)("div",{class:"source-list"},[s("left-header"),u&&(0,o.createVNode)(c(),{modelValue:e.keyword,"onUpdate:modelValue":function(t){return e.keyword=t},class:"transfer-search-input",clearable:!0,placeholder:l||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),v("left")]),(0,o.createVNode)("div",{class:"transfer"},null),(0,o.createVNode)("div",{class:"target-list"},[s("right-header"),v("right")])])}}),v=(0,e.withInstall)(f)})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/","../input"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/"),require("../input")):t(e["../shared"],e.vue,e["../icon/"],e["../input"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n)=>(()=>{"use strict";var o={7685:e=>{e.exports=r},8133:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function s(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[e](r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{s.r(l),s.d(l,{default:()=>p});var e=s(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function r(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):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.")}()}var n,o=s(748),a=s(7685),u=s(8133),i=s.n(u);!function(e){e.OBJECT_ARRAY="objectArray",e.BASE_ARRAY="baseArray",e.NOT_ARRAY="notArray"}(n||(n={}));var c={title:e.PropTypes.arrayOf(e.PropTypes.string).def([]),extCls:e.PropTypes.string.def(""),searchPlaceholder:e.PropTypes.string.def(""),settingKey:e.PropTypes.string.def("id"),displayKey:e.PropTypes.string.def("value"),sortKey:e.PropTypes.string.def("value"),showOverflowTips:e.PropTypes.bool.def(!1),searchable:e.PropTypes.bool.def(!1),sortable:e.PropTypes.bool.def(!1),sourceList:e.PropTypes.arrayOf(e.PropTypes.any).def([]),targetList:e.PropTypes.arrayOf(e.PropTypes.any).def([]),emptyContent:e.PropTypes.arrayOf(e.PropTypes.string).def([])};const d=(0,o.defineComponent)({name:"Transfer",props:c,emits:["change","update:targetList"],setup:function(e,t){var a=t.emit,s=(0,o.computed)((function(){return Array.isArray(e.sourceList)?e.sourceList.every((function(e){return e.toString().includes("[object Object]")}))?n.OBJECT_ARRAY:n.BASE_ARRAY:n.NOT_ARRAY})),l=(0,o.computed)((function(){return s.value===n.BASE_ARRAY?"value":e.settingKey})),u=(0,o.computed)((function(){return s.value===n.BASE_ARRAY?"value":e.displayKey})),i=(0,o.computed)((function(){return e.sortKey||u.value})),c=(0,o.computed)((function(){switch(s.value){case n.BASE_ARRAY:return r(new Set(e.sourceList)).map((function(e){return{value:e}}));case n.OBJECT_ARRAY:return r(e.sourceList);default:return[]}})),d=(0,o.toRefs)(e).targetList,p=function(e,t,r){var n=(0,o.ref)([]),a=(0,o.ref)([]),s=function(){e.value.forEach((function(e){var o=e[r.value];t.value.includes(o)?a.value.push(e):n.value.push(e)}))};return s(),(0,o.watch)((function(){return[e,t,r]}),s),{selectList:n,selectedList:a}}(c,d,l),f=p.selectList,v=p.selectedList,y=function(e,t){var r=(0,o.ref)(""),n=(0,o.computed)((function(){return e.value.filter((function(e){var n=e[t.value];return!(n instanceof Object)&&n.toString().includes(r.value)}))}));return{selectSearchQuery:r,selectListSearch:n}}(f,u),h=y.selectSearchQuery,m=y.selectListSearch,g=(0,o.computed)((function(){return r(m.value).sort((function(e,t){return e[i.value]>t[i.value]?1:-1}))})),A=(0,o.computed)((function(){return r(v.value).sort((function(e,t){return e[i.value]>t[i.value]?1:-1}))})),b=function(){var e=f.value.map((function(e){return e[l.value]})),t=v.value.map((function(e){return e[l.value]}));a("update:targetList",t),a("change",s.value===n.BASE_ARRAY?e:f.value.map((function(e){return(0,o.toRaw)(e)})),s.value===n.BASE_ARRAY?t:v.value.map((function(e){return(0,o.toRaw)(e)})),t)};return{selectSearchQuery:h,selectListSearch:m,selectedList:v,selectListSort:g,selectedListSort:A,settingCode:l,displayCode:u,allToRight:function(){f.value=[],v.value=r(c.value),b()},allToLeft:function(){f.value=r(c.value),v.value=[],b()},handleItemClick:function(e,t){var n,o=t?f:v,a=t?v:f,s=o.value.findIndex((function(t){return t[l.value]===e}));(n=a.value).push.apply(n,r(o.value.splice(s,1))),b()}}},render:function(){var e=this,t=this.sortable?this.selectListSort:this.selectListSearch,r=this.sortable?this.selectedListSort:this.selectedList,n=function(n){var a,s,l="left-header"===n,u="".concat(l?null!==(a=e.title[0])&&void 0!==a?a:"左侧列表":null!==(s=e.title[1])&&void 0!==s?s:"右侧列表"),i=l?!t.length:!r.length;return e.$slots[n]?(0,o.createVNode)("div",{class:"slot-header"},[e.$slots[n]()]):(0,o.createVNode)("div",{class:"header"},["".concat(u,"（共").concat(l?t.length:r.length,"条）"),(0,o.createVNode)("span",{class:{disabled:i},onClick:function(){i||(l?e.allToRight():e.allToLeft())}},[l?"全部添加":"清空"])])},s=function(t){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(0,o.createVNode)("div",{class:"item-content"},[(0,o.createVNode)("span",{class:"content-text",title:t[e.displayCode]},[t[e.displayCode]]),(0,o.createVNode)("span",{class:"icon-wrapper"},[r?(0,o.createVNode)(a.ArrowsRight,{class:"bk-icon"},null):(0,o.createVNode)(a.Error,{class:"bk-icon"},null)])])},l=function(n){var a="left"===n,l=a?t:r,u=a?"source-option":"target-option",i=a?"left-empty-content":"right-empty-content";return l.length?(0,o.createVNode)("ul",{class:["content",e.searchable&&a?"is-search":""]},[l.map((function(t){var r,n,l;return(0,o.createVNode)("li",{key:t[e.settingCode],class:[e.$slots[u]?"custom-item":""],onClick:function(){return e.handleItemClick(t[e.settingCode],a)}},[null!==(l=null===(n=(r=e.$slots)[u])||void 0===n?void 0:n.call(r,t))&&void 0!==l?l:s(t,a)])}))]):function(t){var r,n="left-empty-content"===t,a=null!==(r=n?e.emptyContent[0]:e.emptyContent[1])&&void 0!==r?r:n?"无数据":"未选择任何项";return e.$slots[t]?(0,o.createVNode)("div",null,[e.$slots[t]()]):(0,o.createVNode)("div",{class:"empty"},[a])}(i)};return(0,o.createVNode)("div",{class:["bk-transfer",this.extCls]},[(0,o.createVNode)("div",{class:"source-list"},[n("left-header"),this.searchable&&(0,o.createVNode)(i(),{modelValue:e.selectSearchQuery,"onUpdate:modelValue":function(t){return e.selectSearchQuery=t},class:"transfer-search-input",clearable:!0,placeholder:this.searchPlaceholder||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),l("left")]),(0,o.createVNode)("div",{class:"transfer"},null),(0,o.createVNode)("div",{class:"target-list"},[n("right-header"),l("right")])])}}),p=(0,e.withInstall)(d)})(),l})()));

package/lib/transfer/props.d.ts

@@ -0,0 +1,54 @@
+export declare const transferProps: {
+    title: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    settingKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    sortKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    searchable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    sortable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    sourceList: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    targetList: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    emptyContent: import("vue-types").VueTypeDef<string[]> & {
+        default: () => string[];
+    };
+};

package/lib/transfer/transfer.css

@@ -99,6 +99,12 @@
   color: #3a84ff;
   background-color: #eef6fe;
 }
+.bk-transfer .source-list .content li.custom-item:hover .icon-wrapper,
+.bk-transfer .target-list .content li.custom-item:hover .icon-wrapper,
+.bk-transfer .source-list .content li .item-content:hover .icon-wrapper,
+.bk-transfer .target-list .content li .item-content:hover .icon-wrapper {
+  visibility: visible;
+}
 .bk-transfer .source-list .content li.custom-item .content-text,
 .bk-transfer .target-list .content li.custom-item .content-text,
 .bk-transfer .source-list .content li .item-content .content-text,
@@ -114,12 +120,6 @@
 .bk-transfer .target-list .content li .item-content .icon-wrapper {
   visibility: hidden;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
-.bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
-.bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
-  visibility: visible;
-}
 .bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon,
 .bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon,
 .bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,