bkui-vue 0.0.1-beta.227 → 0.0.1-beta.228
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +23 -23
- package/dist/index.esm.js +40 -10
- package/dist/index.umd.js +23 -23
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/transfer/index.d.ts +3 -3
- package/lib/transfer/index.js +1 -1
- package/lib/transfer/transfer.css +15 -8
- package/lib/transfer/transfer.d.ts +1 -1
- package/lib/transfer/transfer.less +6 -1
- package/lib/transfer/transfer.variable.css +15 -8
- package/package.json +1 -1
package/lib/transfer/index.d.ts
CHANGED
|
@@ -176,7 +176,7 @@ declare const Transfer: {
|
|
|
176
176
|
displayCode: import("vue").ComputedRef<string>;
|
|
177
177
|
allToRight: () => void;
|
|
178
178
|
allToLeft: () => void;
|
|
179
|
-
handleItemClick: (
|
|
179
|
+
handleItemClick: (item: any, isLeft: any) => void;
|
|
180
180
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], string, {
|
|
181
181
|
title: string[];
|
|
182
182
|
extCls: string;
|
|
@@ -276,7 +276,7 @@ declare const Transfer: {
|
|
|
276
276
|
displayCode: import("vue").ComputedRef<string>;
|
|
277
277
|
allToRight: () => void;
|
|
278
278
|
allToLeft: () => void;
|
|
279
|
-
handleItemClick: (
|
|
279
|
+
handleItemClick: (item: any, isLeft: any) => void;
|
|
280
280
|
}> & {} & {} & import("vue").ComponentCustomProperties;
|
|
281
281
|
__isFragment?: never;
|
|
282
282
|
__isTeleport?: never;
|
|
@@ -347,7 +347,7 @@ declare const Transfer: {
|
|
|
347
347
|
displayCode: import("vue").ComputedRef<string>;
|
|
348
348
|
allToRight: () => void;
|
|
349
349
|
allToLeft: () => void;
|
|
350
|
-
handleItemClick: (
|
|
350
|
+
handleItemClick: (item: any, isLeft: any) => void;
|
|
351
351
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], "change" | "update:targetList", {
|
|
352
352
|
title: string[];
|
|
353
353
|
extCls: string;
|
package/lib/transfer/index.js
CHANGED
|
@@ -1 +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 o={7685:e=>{e.exports=r},8133:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function
|
|
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})()));
|
|
@@ -100,17 +100,17 @@
|
|
|
100
100
|
cursor: pointer;
|
|
101
101
|
align-items: center;
|
|
102
102
|
}
|
|
103
|
-
.bk-transfer .source-list .content li.custom-item:hover,
|
|
104
|
-
.bk-transfer .target-list .content li.custom-item:hover,
|
|
105
|
-
.bk-transfer .source-list .content li .item-content:hover,
|
|
106
|
-
.bk-transfer .target-list .content li .item-content:hover {
|
|
103
|
+
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
|
|
104
|
+
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
|
|
105
|
+
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled),
|
|
106
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) {
|
|
107
107
|
color: #3a84ff;
|
|
108
108
|
background-color: #e1ecff;
|
|
109
109
|
}
|
|
110
|
-
.bk-transfer .source-list .content li.custom-item:hover .icon-wrapper,
|
|
111
|
-
.bk-transfer .target-list .content li.custom-item:hover .icon-wrapper,
|
|
112
|
-
.bk-transfer .source-list .content li .item-content:hover .icon-wrapper,
|
|
113
|
-
.bk-transfer .target-list .content li .item-content:hover .icon-wrapper {
|
|
110
|
+
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
111
|
+
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
112
|
+
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
|
|
113
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper {
|
|
114
114
|
visibility: visible;
|
|
115
115
|
}
|
|
116
116
|
.bk-transfer .source-list .content li.custom-item .content-text,
|
|
@@ -142,6 +142,13 @@
|
|
|
142
142
|
margin-right: 6px;
|
|
143
143
|
font-size: 16px;
|
|
144
144
|
}
|
|
145
|
+
.bk-transfer .source-list .content li.custom-item.is-disabled,
|
|
146
|
+
.bk-transfer .target-list .content li.custom-item.is-disabled,
|
|
147
|
+
.bk-transfer .source-list .content li .item-content.is-disabled,
|
|
148
|
+
.bk-transfer .target-list .content li .item-content.is-disabled {
|
|
149
|
+
color: #c4c6cc;
|
|
150
|
+
cursor: not-allowed;
|
|
151
|
+
}
|
|
145
152
|
.bk-transfer .source-list .content::-webkit-scrollbar,
|
|
146
153
|
.bk-transfer .target-list .content::-webkit-scrollbar {
|
|
147
154
|
width: 4px;
|
|
@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
86
86
|
displayCode: import("vue").ComputedRef<string>;
|
|
87
87
|
allToRight: () => void;
|
|
88
88
|
allToLeft: () => void;
|
|
89
|
-
handleItemClick: (
|
|
89
|
+
handleItemClick: (item: any, isLeft: any) => void;
|
|
90
90
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:targetList")[], "change" | "update:targetList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
91
91
|
title: import("vue-types").VueTypeDef<string[]> & {
|
|
92
92
|
default: () => string[];
|
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
cursor: pointer;
|
|
102
102
|
align-items: center;
|
|
103
103
|
|
|
104
|
-
&:hover {
|
|
104
|
+
&:hover:not(.is-disabled) {
|
|
105
105
|
color: @primary-color;
|
|
106
106
|
background-color: @transfer-item-hover-background-color;
|
|
107
107
|
|
|
@@ -130,6 +130,11 @@
|
|
|
130
130
|
font-size: 16px;
|
|
131
131
|
}
|
|
132
132
|
}
|
|
133
|
+
|
|
134
|
+
&.is-disabled {
|
|
135
|
+
color: @light-gray;
|
|
136
|
+
cursor: not-allowed;
|
|
137
|
+
}
|
|
133
138
|
}
|
|
134
139
|
|
|
135
140
|
&::-webkit-scrollbar {
|
|
@@ -219,17 +219,17 @@
|
|
|
219
219
|
cursor: pointer;
|
|
220
220
|
align-items: center;
|
|
221
221
|
}
|
|
222
|
-
.bk-transfer .source-list .content li.custom-item:hover,
|
|
223
|
-
.bk-transfer .target-list .content li.custom-item:hover,
|
|
224
|
-
.bk-transfer .source-list .content li .item-content:hover,
|
|
225
|
-
.bk-transfer .target-list .content li .item-content:hover {
|
|
222
|
+
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
|
|
223
|
+
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
|
|
224
|
+
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled),
|
|
225
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) {
|
|
226
226
|
color: var(--primary-color);
|
|
227
227
|
background-color: #e1ecff;
|
|
228
228
|
}
|
|
229
|
-
.bk-transfer .source-list .content li.custom-item:hover .icon-wrapper,
|
|
230
|
-
.bk-transfer .target-list .content li.custom-item:hover .icon-wrapper,
|
|
231
|
-
.bk-transfer .source-list .content li .item-content:hover .icon-wrapper,
|
|
232
|
-
.bk-transfer .target-list .content li .item-content:hover .icon-wrapper {
|
|
229
|
+
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
230
|
+
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
231
|
+
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
|
|
232
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper {
|
|
233
233
|
visibility: visible;
|
|
234
234
|
}
|
|
235
235
|
.bk-transfer .source-list .content li.custom-item .content-text,
|
|
@@ -261,6 +261,13 @@
|
|
|
261
261
|
margin-right: 6px;
|
|
262
262
|
font-size: 16px;
|
|
263
263
|
}
|
|
264
|
+
.bk-transfer .source-list .content li.custom-item.is-disabled,
|
|
265
|
+
.bk-transfer .target-list .content li.custom-item.is-disabled,
|
|
266
|
+
.bk-transfer .source-list .content li .item-content.is-disabled,
|
|
267
|
+
.bk-transfer .target-list .content li .item-content.is-disabled {
|
|
268
|
+
color: var(--light-gray);
|
|
269
|
+
cursor: not-allowed;
|
|
270
|
+
}
|
|
264
271
|
.bk-transfer .source-list .content::-webkit-scrollbar,
|
|
265
272
|
.bk-transfer .target-list .content::-webkit-scrollbar {
|
|
266
273
|
width: 4px;
|