bkui-vue 0.0.1-beta.38 → 0.0.1-beta.381

package/lib/transfer/index.d.ts

@@ -0,0 +1,365 @@
+/**
+ * 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.
+ */
+declare const Transfer: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string[];
+            extCls: string;
+            searchPlaceholder: string;
+            displayKey: string;
+            sortable: boolean;
+            settingKey: string;
+            sortKey: string;
+            showOverflowTips: boolean;
+            searchable: boolean;
+            sourceList: any[];
+            targetList: any[];
+            emptyContent: string[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            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[];
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:targetList"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "extCls" | "searchPlaceholder" | "displayKey" | "sortable" | "settingKey" | "sortKey" | "showOverflowTips" | "searchable" | "sourceList" | "targetList" | "emptyContent">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $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" | "update:targetList", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            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[];
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:targetList"?: (...args: any[]) => 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;
+            handleItemClick: (item: any, isLeft: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], string, {
+            title: string[];
+            extCls: string;
+            searchPlaceholder: string;
+            displayKey: string;
+            sortable: boolean;
+            settingKey: string;
+            sortKey: string;
+            showOverflowTips: boolean;
+            searchable: boolean;
+            sourceList: any[];
+            targetList: any[];
+            emptyContent: string[];
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        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[];
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:targetList"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        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;
+        handleItemClick: (item: any, isLeft: any) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    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[];
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:targetList"?: (...args: any[]) => 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;
+    handleItemClick: (item: any, isLeft: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], "change" | "update:targetList", {
+    title: string[];
+    extCls: string;
+    searchPlaceholder: string;
+    displayKey: string;
+    sortable: boolean;
+    settingKey: string;
+    sortKey: string;
+    showOverflowTips: boolean;
+    searchable: boolean;
+    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("../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 u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return o[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:()=>f});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){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=u(748),a=u(7685),s=u(8133),i=u.n(s);!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,u=(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 u.value===n.BASE_ARRAY?"value":e.settingKey})),s=(0,o.computed)((function(){return u.value===n.BASE_ARRAY?"value":e.displayKey})),i=(0,o.computed)((function(){return e.sortKey||s.value})),c=(0,o.computed)((function(){switch(u.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,f=function(e,t,r){var n=(0,o.ref)([]),a=(0,o.ref)([]),u=function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0]&&(n.value=[],a.value=[]),e.value.forEach((function(e){var o=e[r.value];t.value.includes(o)?a.value.push(e):n.value.push(e)}))};return u(),(0,o.watch)((function(){return[e,t,r]}),(function(){u(!0)}),{deep:!0}),{selectList:n,selectedList:a}}(c,d,l),p=f.selectList,v=f.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}}(p,s),h=y.selectSearchQuery,m=y.selectListSearch,b=(0,o.computed)((function(){return r(m.value).sort((function(e,t){return e[i.value]>t[i.value]?1:-1}))})),g=(0,o.computed)((function(){return r(v.value).sort((function(e,t){return e[i.value]>t[i.value]?1:-1}))}));(0,o.watch)((function(){return[p,v]}),(function(){S()}),{deep:!0});var A=function(e,t){var r=l.value;return e.some((function(e){return e[r]===t[r]}))&&t.disabled},S=function(){var e=p.value.map((function(e){return e[l.value]})),t=v.value.map((function(e){return e[l.value]}));a("update:targetList",t),a("change",u.value===n.BASE_ARRAY?e:p.value.map((function(e){return(0,o.toRaw)(e)})),u.value===n.BASE_ARRAY?t:v.value.map((function(e){return(0,o.toRaw)(e)})),t)};return{selectSearchQuery:h,selectListSearch:m,selectedList:v,selectListSort:b,selectedListSort:g,settingCode:l,displayCode:s,allToRight:function(){p.value=r(c.value.filter((function(e){return A(p.value,e)}))),v.value=r(c.value.filter((function(e){return!A(p.value,e)}))),S()},allToLeft:function(){p.value=r(c.value.filter((function(e){return!A(v.value,e)}))),v.value=r(c.value.filter((function(e){return A(v.value,e)}))),S()},handleItemClick:function(e,t){var n;if(!e.disabled){var o=e[l.value],a=t?p:v,u=t?v:p,s=a.value.findIndex((function(e){return e[l.value]===o}));(n=u.value).push.apply(n,r(a.value.splice(s,1))),S()}}}},render:function(){var e=this,t=this.sortable?this.selectListSort:this.selectListSearch,r=this.sortable?this.selectedListSort:this.selectedList,n=function(n){var a,u,l="left-header"===n,s="".concat(l?null!==(a=e.title[0])&&void 0!==a?a:"源列表":null!==(u=e.title[1])&&void 0!==u?u:"目标列表"),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(s,"（").concat(l?t.length:r.length,"）"),(0,o.createVNode)("span",{class:{disabled:i},onClick:function(){i||(l?e.allToRight():e.allToLeft())}},[l?"选择全部":"清空"])])},u=function(t){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return(0,o.createVNode)("div",{class:["item-content",{"is-disabled":t.disabled}]},[(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 icon-move"},null):(0,o.createVNode)(a.Error,{class:"bk-icon icon-delete"},null)])])},l=function(n){var a="left"===n,l=a?t:r,s=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[s]?"custom-item":""],onClick:function(){return e.handleItemClick(t,a)}},[null!==(l=null===(n=(r=e.$slots)[s])||void 0===n?void 0:n.call(r,t))&&void 0!==l?l:u(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||"搜索"},{prefix:function(){return(0,o.createVNode)(a.Search,{class:"icon-search"},null)}}),l("left")]),(0,o.createVNode)(a.Transfer,{class:"transfer"},null),(0,o.createVNode)("div",{class:"target-list"},[n("right-header"),l("right")])])}}),f=(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

@@ -0,0 +1,161 @@
+.bk-transfer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 14px;
+}
+.bk-transfer .transfer {
+  margin: 0 8px;
+  font-size: 24px;
+  color: #c4c6cc;
+}
+.bk-transfer .source-list,
+.bk-transfer .target-list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  height: 400px;
+  min-width: 200px;
+  overflow: hidden;
+  background-color: white;
+  border: 1px solid #dcdee5;
+  border-radius: 2px;
+}
+.bk-transfer .source-list .slot-header,
+.bk-transfer .target-list .slot-header,
+.bk-transfer .source-list .header,
+.bk-transfer .target-list .header {
+  height: 40px;
+  padding: 0 16px;
+  background-color: #fafbfd;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-transfer .source-list .header,
+.bk-transfer .target-list .header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 700;
+}
+.bk-transfer .source-list .header span,
+.bk-transfer .target-list .header span {
+  font-size: 12px;
+  font-weight: normal;
+  color: #3a84ff;
+  cursor: pointer;
+}
+.bk-transfer .source-list .header span.disabled,
+.bk-transfer .target-list .header span.disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-transfer .source-list .transfer-search-input,
+.bk-transfer .target-list .transfer-search-input {
+  width: calc(100% - 32px);
+  height: 30px;
+  margin: 8px 16px 0;
+  border-bottom: 1px solid #dcdee5;
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+  outline: none;
+}
+.bk-transfer .source-list .transfer-search-input.is-focused,
+.bk-transfer .target-list .transfer-search-input.is-focused {
+  box-shadow: none;
+}
+.bk-transfer .source-list .transfer-search-input .icon-search,
+.bk-transfer .target-list .transfer-search-input .icon-search {
+  font-size: 18px;
+  line-height: 28px;
+  color: #c4c6cc;
+}
+.bk-transfer .source-list .transfer-search-input input,
+.bk-transfer .target-list .transfer-search-input input {
+  padding-left: 4px;
+}
+.bk-transfer .source-list .empty,
+.bk-transfer .target-list .empty {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: 30px;
+  color: #c4c6cc;
+  cursor: default;
+}
+.bk-transfer .source-list .content,
+.bk-transfer .target-list .content {
+  flex: 1;
+  margin: 8px 0;
+  overflow-y: auto;
+}
+.bk-transfer .source-list .content li.custom-item,
+.bk-transfer .target-list .content li.custom-item,
+.bk-transfer .source-list .content li .item-content,
+.bk-transfer .target-list .content li .item-content {
+  display: flex;
+  height: 32px;
+  padding: 0 10px 0 16px;
+  margin-bottom: 4px;
+  cursor: pointer;
+  align-items: center;
+}
+.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
+.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
+.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled),
+.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) {
+  color: #3a84ff;
+  background-color: #e1ecff;
+}
+.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
+.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
+.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
+.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .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,
+.bk-transfer .target-list .content li .item-content .content-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-transfer .source-list .content li.custom-item .icon-wrapper,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper,
+.bk-transfer .source-list .content li .item-content .icon-wrapper,
+.bk-transfer .target-list .content li .item-content .icon-wrapper {
+  visibility: hidden;
+}
+.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,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon {
+  display: flex;
+  font-size: 30px;
+}
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete {
+  margin-right: 6px;
+  font-size: 16px;
+}
+.bk-transfer .source-list .content li.custom-item.is-disabled,
+.bk-transfer .target-list .content li.custom-item.is-disabled,
+.bk-transfer .source-list .content li .item-content.is-disabled,
+.bk-transfer .target-list .content li .item-content.is-disabled {
+  color: #c4c6cc;
+  cursor: not-allowed;
+}
+.bk-transfer .source-list .content::-webkit-scrollbar,
+.bk-transfer .target-list .content::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-transfer .source-list .content::-webkit-scrollbar-thumb,
+.bk-transfer .target-list .content::-webkit-scrollbar-thumb {
+  height: 5px;
+  background-color: #dcdee5;
+  border-radius: 2px;
+}