bkui-vue 0.0.1-beta.46 → 0.0.1-beta.460

package/lib/transfer/index.d.ts

@@ -30,68 +30,79 @@ declare const Transfer: {
         $props: Partial<{
             title: string[];
             extCls: string;
+            multiple: boolean;
+            searchPlaceholder: string;
             displayKey: string;
             sortable: boolean;
             settingKey: string;
-            searchPlaceholder: 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[];
+            };
+            multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
         }>> & {
             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" | "multiple" | "searchPlaceholder" | "displayKey" | "sortable" | "settingKey" | "sortKey" | "showOverflowTips" | "searchable" | "sourceList" | "targetList" | "emptyContent">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -103,84 +114,113 @@ 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[];
+            };
+            multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
             };
         }>> & {
             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: (item: any, isLeft: any) => void;
+            t: import("vue").ComputedRef<{
+                sourceList: string;
+                targetList: string;
+                removeAll: string;
+                selectAll: string;
+                noData: string;
+                noSelected: string;
+                search: string;
+            }>;
+            handleAllChecked: (value: any, dirct: any) => void;
+            multipleSelectAllValue: import("vue").Ref<{
+                source: boolean;
+                target: boolean;
+            }>;
+            multipleSelectList: import("vue").Ref<{
+                source: any[];
+                target: any[];
+            }>;
+            handleMultipleChange: (dirct: any) => void;
+            handleItemChecked: (dirct: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], string, {
             title: string[];
             extCls: string;
+            multiple: boolean;
+            searchPlaceholder: string;
             displayKey: string;
             sortable: boolean;
             settingKey: string;
-            searchPlaceholder: string;
+            sortKey: string;
             showOverflowTips: boolean;
             searchable: boolean;
-            sortKey: string;
-            sourceList: unknown[];
-            targetList: unknown[];
+            sourceList: any[];
+            targetList: any[];
             emptyContent: string[];
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -203,149 +243,206 @@ 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[];
+        };
+        multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
         };
     }>> & {
         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: (item: any, isLeft: any) => void;
+        t: import("vue").ComputedRef<{
+            sourceList: string;
+            targetList: string;
+            removeAll: string;
+            selectAll: string;
+            noData: string;
+            noSelected: string;
+            search: string;
+        }>;
+        handleAllChecked: (value: any, dirct: any) => void;
+        multipleSelectAllValue: import("vue").Ref<{
+            source: boolean;
+            target: boolean;
+        }>;
+        multipleSelectList: import("vue").Ref<{
+            source: any[];
+            target: any[];
+        }>;
+        handleMultipleChange: (dirct: any) => void;
+        handleItemChecked: (dirct: 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[];
+    };
+    multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
 }>> & {
     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: (item: any, isLeft: any) => void;
+    t: import("vue").ComputedRef<{
+        sourceList: string;
+        targetList: string;
+        removeAll: string;
+        selectAll: string;
+        noData: string;
+        noSelected: string;
+        search: string;
+    }>;
+    handleAllChecked: (value: any, dirct: any) => void;
+    multipleSelectAllValue: import("vue").Ref<{
+        source: boolean;
+        target: boolean;
+    }>;
+    multipleSelectList: import("vue").Ref<{
+        source: any[];
+        target: any[];
+    }>;
+    handleMultipleChange: (dirct: any) => void;
+    handleItemChecked: (dirct: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], "change" | "update:targetList", {
     title: string[];
     extCls: string;
+    multiple: boolean;
+    searchPlaceholder: string;
     displayKey: string;
     sortable: boolean;
     settingKey: string;
-    searchPlaceholder: 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

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../checkbox"),require("../config-provider"),require("../icon/"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../checkbox","../config-provider","../icon/","../input"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../checkbox"),require("../config-provider"),require("../icon/"),require("../input")):t(e["../shared"],e.vue,e["../checkbox"],e["../config-provider"],e["../icon/"],e["../input"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,l,o)=>(()=>{"use strict";var a={5800:e=>{e.exports=r},2717:e=>{e.exports=n},7685:e=>{e.exports=l},8133:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},u={};function c(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return a[e](r,r.exports,c),r.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{c.r(i),c.d(i,{default:()=>h});var e=c(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,l=c(748),o=c(5800),a=c.n(o),u=c(2717),s=c(7685),d=c(8133),f=c.n(d);!function(e){e.OBJECT_ARRAY="objectArray",e.BASE_ARRAY="baseArray",e.NOT_ARRAY="notArray"}(n||(n={}));var p={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([]),multiple:e.PropTypes.bool.def(!1)};const v=(0,l.defineComponent)({name:"Transfer",props:p,emits:["change","update:targetList"],setup:function(e,t){var o=t.emit,a=(0,u.useLocale)("transfer"),c=(0,l.ref)({source:!1,target:!1}),i=(0,l.ref)({source:[],target:[]}),s=(0,l.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})),d=(0,l.computed)((function(){return s.value===n.BASE_ARRAY?"value":e.settingKey})),f=(0,l.computed)((function(){return s.value===n.BASE_ARRAY?"value":e.displayKey})),p=(0,l.computed)((function(){return e.sortKey||f.value})),v=(0,l.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[]}})),h=(0,l.toRefs)(e).targetList,y=function(e,t,r){var n=(0,l.ref)([]),o=(0,l.ref)([]),a=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&(n.value=[],o.value=[]),e.value.forEach((function(e){var l=e[r.value];t.value.includes(l)?o.value.push(e):n.value.push(e)}))};return a(),(0,l.watch)((function(){return[e,t,r]}),(function(){a(!0)}),{deep:!0}),{selectList:n,selectedList:o}}(v,h,d),m=y.selectList,g=y.selectedList,b=function(e,t){var r=(0,l.ref)(""),n=(0,l.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}}(m,f),A=b.selectSearchQuery,S=b.selectListSearch,V=(0,l.computed)((function(){return r(S.value).sort((function(e,t){return e[p.value]>t[p.value]?1:-1}))})),L=(0,l.computed)((function(){return r(g.value).sort((function(e,t){return e[p.value]>t[p.value]?1:-1}))}));(0,l.watch)((function(){return[m,g]}),(function(){e.multiple||T()}),{deep:!0});var N=function(e,t){var r=d.value;return e.some((function(e){return e[r]===t[r]}))&&t.disabled},T=function(){var e=m.value.map((function(e){return e[d.value]})),t=g.value.map((function(e){return e[d.value]}));o("update:targetList",t),o("change",s.value===n.BASE_ARRAY?e:m.value.map((function(e){return(0,l.toRaw)(e)})),s.value===n.BASE_ARRAY?t:g.value.map((function(e){return(0,l.toRaw)(e)})),t)};return{selectSearchQuery:A,selectListSearch:S,selectedList:g,selectListSort:V,selectedListSort:L,settingCode:d,displayCode:f,allToRight:function(){m.value=r(v.value.filter((function(e){return N(m.value,e)}))),g.value=r(v.value.filter((function(e){return!N(m.value,e)}))),T()},allToLeft:function(){m.value=r(v.value.filter((function(e){return!N(g.value,e)}))),g.value=r(v.value.filter((function(e){return N(g.value,e)}))),T()},handleItemClick:function(e,t){var n;if(!e.disabled){var l=e[d.value],o=t?m:g,a=t?g:m,u=o.value.findIndex((function(e){return e[d.value]===l}));(n=a.value).push.apply(n,r(o.value.splice(u,1))),T()}},t:a,handleAllChecked:function(e,t){var r="source"===t?m:g;i.value[t]=e?r.value.map((function(e){return e[d.value]})):[]},multipleSelectAllValue:c,multipleSelectList:i,handleMultipleChange:function(e){var t,n="left"===e,l=n?m:g,o=n?g:m,a=i.value[n?"source":"target"],u=l.value.filter((function(e){return a.includes(e[d.value])}));l.value=l.value.filter((function(e){return!a.includes(e[d.value])})),(t=o.value).push.apply(t,r(u)),i.value[n?"source":"target"]=[],T()},handleItemChecked:function(e){var t="source"===e?m:g;c.value[e]=i.value[e].length===t.value.length}}},render:function(){var e=this,t=this.$props.multiple,r=this.sortable?this.selectListSort:this.selectListSearch,n=this.sortable?this.selectedListSort:this.selectedList,u=function(t){var o,u,c="left-header"===t,i=c?"source":"target",s="".concat(c?null!==(o=e.title[0])&&void 0!==o?o:e.t.sourceList:null!==(u=e.title[1])&&void 0!==u?u:e.t.targetList),d=c?!r.length:!n.length,f=!!e.multipleSelectList[i].length&&!e.multipleSelectAllValue[i],p=e.multipleSelectList[i].length;return e.$slots[t]?(0,l.createVNode)("div",{class:"slot-header"},[e.$slots[t]()]):(0,l.createVNode)("div",{class:"header"},[e.multiple?(0,l.createVNode)(a(),{class:"header-checkbox",label:s,modelValue:e.multipleSelectAllValue[i],"onUpdate:modelValue":function(t){return e.multipleSelectAllValue[i]=t},indeterminate:f,onChange:function(t){return e.handleAllChecked(t,i)}},null):(0,l.createVNode)(l.Fragment,null,["".concat(s,"（").concat(c?r.length:n.length,"）")]),e.multiple?(0,l.createVNode)("div",{class:"select-total-count"},[(0,l.createVNode)("span",{class:"select-count"},[p]),(0,l.createVNode)("span",{class:"count-delimiter"},[(0,l.createTextVNode)("/")]),(0,l.createVNode)("span",{class:"total-count"},[c?r.length:n.length])]):(0,l.createVNode)("span",{class:{"select-all":!0,disabled:d},onClick:function(){d||(c?e.allToRight():e.allToLeft())}},[c?e.t.selectAll:e.t.removeAll])])},c=function(r){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(0,l.createVNode)("div",{class:["item-content",{"is-disabled":r.disabled}]},[(0,l.createVNode)("span",{class:"content-text",title:r[e.displayCode]},[r[e.displayCode]]),!t&&(0,l.createVNode)("span",{class:"icon-wrapper"},[n?(0,l.createVNode)(s.ArrowsRight,{class:"bk-icon icon-move"},null):(0,l.createVNode)(s.Error,{class:"bk-icon icon-delete"},null)])])},i=function(u){var i,s,d="left"===u,f="left"===u?"source":"target",p=d?r:n,v=d?"source-option":"target-option",h=d?"left-empty-content":"right-empty-content",y=t?(0,l.createVNode)(o.BkCheckboxGroup,{class:"content is-flex",modelValue:e.multipleSelectList[f],"onUpdate:modelValue":function(t){return e.multipleSelectList[f]=t},onChange:function(){return e.handleItemChecked(f)}},"function"==typeof(s=i=p.map((function(t){var r,n,o;return(0,l.createVNode)("div",null,[(0,l.createVNode)(a(),{class:"checkbox-item",label:t[e.settingCode]},{default:function(){return[null!==(o=null===(n=(r=e.$slots)[v])||void 0===n?void 0:n.call(r,t))&&void 0!==o?o:c(t,d)]}})])})))||"[object Object]"===Object.prototype.toString.call(s)&&!(0,l.isVNode)(s)?i:{default:function(){return[i]}}):(0,l.createVNode)("ul",{class:["content",e.searchable&&d?"is-search":""]},[p.map((function(t){var r,n,o;return(0,l.createVNode)("li",{key:t[e.settingCode],class:[e.$slots[v]?"custom-item":""],onClick:function(){return e.handleItemClick(t,d)}},[null!==(o=null===(n=(r=e.$slots)[v])||void 0===n?void 0:n.call(r,t))&&void 0!==o?o:c(t,d)])}))]);return p.length?y:function(t){var r,n="left-empty-content"===t,o=null!==(r=n?e.emptyContent[0]:e.emptyContent[1])&&void 0!==r?r:n?e.t.noData:e.t.noSelected;return e.$slots[t]?(0,l.createVNode)("div",null,[e.$slots[t]()]):(0,l.createVNode)("div",{class:"empty"},[o])}(h)};return(0,l.createVNode)("div",{class:["bk-transfer",this.extCls]},[(0,l.createVNode)("div",{class:"source-list"},[u("left-header"),this.searchable&&(0,l.createVNode)(f(),{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,l.createVNode)(s.Search,{class:"icon-search"},null)}}),i("left")]),t?(0,l.createVNode)("div",{class:"transfer-button-group"},[(0,l.createVNode)("div",{class:["transfer-button",{disabled:!this.multipleSelectList.source.length}],onClick:function(){return e.handleMultipleChange("left")}},[(0,l.createVNode)(s.AngleRight,null,null)]),(0,l.createVNode)("div",{class:["transfer-button",{disabled:!this.multipleSelectList.target.length}],onClick:function(){return e.handleMultipleChange("right")}},[(0,l.createVNode)(s.AngleLeft,null,null)])]):(0,l.createVNode)(s.Transfer,{class:"transfer"},null),(0,l.createVNode)("div",{class:"target-list"},[u("right-header"),i("right")])])}}),h=(0,e.withInstall)(v)})(),i})()));

package/lib/transfer/props.d.ts

@@ -0,0 +1,59 @@
+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[];
+    };
+    multiple: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+};