bkui-vue 0.0.1-beta.20 → 0.0.1-beta.23
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/README.md +7 -3
- package/README_EN.md +7 -3
- package/dist/bkui-vue.cjs.js +8514 -3025
- package/dist/bkui-vue.esm.js +8515 -3026
- package/dist/bkui-vue.umd.js +8516 -3027
- package/dist/style.css +153 -86
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +1 -1
- package/lib/backtop/index.js +10 -1
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/button.css +9 -0
- package/lib/button/button.d.ts +25 -1
- package/lib/button/button.less +18 -10
- package/lib/button/button.variable.css +9 -0
- package/lib/button/index.d.ts +42 -4
- package/lib/button/index.js +1 -1
- package/lib/card/index.js +1 -1
- package/lib/checkbox/common.d.ts +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/type.d.ts +1 -1
- package/lib/code-diff/code-diff.css +115 -0
- package/lib/code-diff/code-diff.d.ts +71 -0
- package/lib/code-diff/code-diff.less +145 -0
- package/lib/code-diff/code-diff.variable.css +208 -0
- package/lib/code-diff/index.d.ts +6 -0
- package/lib/collapse/index.js +1 -1
- package/lib/date-picker/date-picker.d.ts +21 -131
- package/lib/date-picker/index.d.ts +7 -7
- package/lib/date-picker/index.js +1 -1
- package/lib/date-picker/interface.d.ts +1 -1
- package/lib/date-picker/props.d.ts +111 -0
- package/lib/date-picker/utils.d.ts +1 -1
- package/lib/dialog/dialog.d.ts +2 -2
- package/lib/dialog/index.d.ts +7 -7
- package/lib/dialog/index.js +1 -1
- package/lib/directives/clickoutside.d.ts +3 -23
- package/lib/directives/index.js +2 -2
- package/lib/divider/index.js +1 -1
- package/lib/dropdown/index.d.ts +1 -1
- package/lib/dropdown/index.js +1 -1
- package/lib/exception/index.js +1 -1
- package/lib/fixed-navbar/index.js +1 -1
- package/lib/form/form-item.d.ts +7 -21
- package/lib/form/form.css +9 -0
- package/lib/form/form.d.ts +9 -29
- package/lib/form/form.less +14 -1
- package/lib/form/form.variable.css +9 -0
- package/lib/form/index.d.ts +18 -58
- package/lib/form/index.js +1 -1
- package/lib/input/index.d.ts +61 -7
- package/lib/input/index.js +2 -2
- package/lib/input/input.css +19 -2
- package/lib/input/input.d.ts +32 -2
- package/lib/input/input.less +25 -3
- package/lib/input/input.variable.css +19 -2
- package/lib/link/index.js +1 -1
- package/lib/loading/index.d.ts +32 -10
- package/lib/loading/index.js +1 -1
- package/lib/loading/loading.css +98 -71
- package/lib/loading/loading.d.ts +23 -8
- package/lib/loading/loading.less +62 -49
- package/lib/loading/loading.variable.css +98 -71
- package/lib/menu/index.js +1 -1
- package/lib/menu/utils.d.ts +1 -1
- package/lib/message/index.js +1 -1
- package/lib/message/messageConstructor.d.ts +1 -1
- package/lib/modal/index.d.ts +4 -4
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.d.ts +1 -1
- package/lib/notify/index.js +1 -1
- package/lib/notify/notifyConstructor.d.ts +1 -1
- package/lib/pagination/index.d.ts +4 -4
- package/lib/pagination/index.js +1 -1
- package/lib/pagination/pagination.d.ts +1 -1
- package/lib/popover/index.d.ts +7 -7
- package/lib/popover/index.js +1 -1
- package/lib/popover/popover.d.ts +2 -2
- package/lib/process/index.js +2 -2
- package/lib/progress/index.d.ts +4 -4
- package/lib/progress/index.js +1 -1
- package/lib/progress/progress.d.ts +1 -1
- package/lib/radio/common.d.ts +1 -1
- package/lib/radio/index.d.ts +1 -1
- package/lib/radio/index.js +1 -1
- package/lib/radio/type.d.ts +1 -1
- package/lib/rate/index.js +1 -1
- package/lib/select/index.js +12 -12
- package/lib/shared/bk-helper-core.d.ts +0 -1
- package/lib/shared/bk-popover.d.ts +1 -1
- package/lib/shared/index.d.ts +0 -10
- package/lib/shared/index.js +1 -1
- package/lib/shared/vue-types.d.ts +5 -1
- package/lib/sideslider/index.d.ts +4 -4
- package/lib/sideslider/index.js +1 -1
- package/lib/sideslider/sideslider.d.ts +1 -1
- package/lib/slider/index.js +2 -2
- package/lib/steps/index.js +2 -2
- package/lib/switcher/index.js +1 -1
- package/lib/tab/index.js +1 -1
- package/lib/tab/tab-nav.d.ts +1 -1
- package/lib/table/index.d.ts +36 -13
- package/lib/table/index.js +10 -1
- package/lib/table/props.d.ts +8 -0
- package/lib/table/render.d.ts +3 -1
- package/lib/table/table.css +8 -1
- package/lib/table/table.d.ts +15 -4
- package/lib/table/table.less +10 -1
- package/lib/table/table.variable.css +8 -1
- package/lib/tag/index.d.ts +3 -3
- package/lib/tag/index.js +1 -1
- package/lib/tag/tag.d.ts +1 -1
- package/lib/timeline/index.js +1 -1
- package/lib/transfer/index.js +1 -1
- package/lib/tree/index.d.ts +50 -28
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +15 -6
- package/lib/tree/tree.css +10 -12
- package/lib/tree/tree.d.ts +27 -13
- package/lib/tree/tree.less +21 -24
- package/lib/tree/tree.variable.css +10 -12
- package/lib/tree/util.d.ts +20 -7
- package/lib/virtual-render/index.d.ts +4 -4
- package/lib/virtual-render/index.js +10 -1
- package/lib/virtual-render/virtual-render.d.ts +1 -1
- package/package.json +14 -12
package/lib/transfer/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../icon/"),require("../input")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon/","../input"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._,e.Input)}(this,(function(e,t,r,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(o);function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}},i={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(i);var c={exports:{}};!function(e){e.exports=function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],u=!0,l=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==r.return||r.return()}finally{if(l)throw o}}return a}},e.exports.__esModule=!0,e.exports.default=e.exports}(c);var f={exports:{}},p={exports:{}};!function(e){e.exports=function(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},e.exports.__esModule=!0,e.exports.default=e.exports}(p),function(e){var t=p.exports;e.exports=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.exports.__esModule=!0,e.exports.default=e.exports}(f);var d={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(d),function(e){var t=i.exports,r=c.exports,n=f.exports,o=d.exports;e.exports=function(e,a){return t(e)||r(e,a)||n(e,a)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var v=l(s.exports),h={exports:{}},y={exports:{}};!function(e){var t=p.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var x={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var g={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=y.exports,r=x.exports,n=f.exports,o=g.exports;e.exports=function(e){return t(e)||r(e)||n(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var m=l(h.exports);r.PropTypes.string,r.PropTypes.string,r.PropTypes.string,r.PropTypes.string,r.PropTypes.bool,r.PropTypes.bool,r.PropTypes.string,r.PropTypes.bool;var L=t.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(e,n){var o=n.emit,a=[],u=e.sortKey,l=e.sortable,s=t.ref(""),i=t.ref(null),c=t.ref([]),f=t.ref([]),p=t.ref(-1),d=t.ref(-1),h=t.computed((function(){return e.sourceList&&Array.isArray(e.sourceList)?-1!==e.sourceList.toString().indexOf("[object Object]"):"empty"})),y=t.computed((function(){return h.value?e.settingKey:"index"})),x=t.computed((function(){return h.value?e.displayKey:"value"})),g=t.computed((function(){return s.value?c.value.filter((function(e){return!r.isEmpty(e[x.value])&&String(e[x.value]).indexOf(s.value)>-1})):c.value}));t.watch((function(){return e.sourceList}),(function(){"empty"!==h.value&&(L(),V())}),{deep:!0}),t.watch((function(){return e.targetList}),(function(){L(),V()}),{deep:!0}),t.watch((function(){return[x.value,y.value]}),(function(){L()})),t.watch((function(){return e.sortKey}),(function(e){u=e,V()})),t.watch((function(){return e.sortable}),(function(e){l=e,V()}));var L=function(){"empty"!==h.value&&(h.value?_():b())},b=function(){if(!e.targetList.length||e.targetList.length>e.sourceList.length){for(var t,r=[],n=0;n<e.sourceList.length;n++)r.push({index:n,value:e.sourceList[n]});c.value=[].concat(r),(t=f.value).splice.apply(t,[0,f.value.length].concat([])),o("change",c.value,[],[])}else{for(var a=[],u=[],l=0;l<e.sourceList.length;l++)a.push({index:l,value:e.sourceList[l]});e.targetList.forEach((function(e){var t=a.find((function(t){return t.value===e}));t&&u.push(t)})),f.value=[].concat(u);var s=a.filter((function(e){return u.every((function(t){return t.index!==e.index}))}));c.value=m(s),o("change",c.value,m(w(f.value,!1)),[])}},_=function(){if(!e.targetList.length||e.targetList.length>e.sourceList.length){var t;(t=c.value).splice.apply(t,[0,c.value.length].concat(m(e.sourceList))),f.value=[],o("change",c.value,[],[])}else{var r=e.sourceList.filter((function(t){return e.targetList.every((function(e){return e!==t[y.value]}))})),n=[];e.sourceList.forEach((function(t){e.targetList.forEach((function(e){t[y.value]===e&&n.push(t)}))})),f.value=[].concat(n),c.value=m(r);var a=m(w(f.value));o("change",c.value,f.value,a)}},V=function(){var t=[];if(h.value)l||(u=""),t=m(e.sourceList);else{u=l?"index":"";for(var r=0;r<e.sourceList.length;r++)t.push({index:r,value:e.sourceList[r]})}if(u){var n=[];if(t.forEach((function(e){n.push(e[u])})),(a=[].concat(n)).length===e.sourceList.length){var o=m(c.value);c.value=m(M(o,u,a))}}},S=function(){var e=c.value,t=h.value?f.value:m(w(f.value,!1)),r=h.value?m(w(f.value)):[];o("change",e,t,r)},w=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e.length)return[];var n=m(e);return n.forEach((function(e){if(t)for(var n=0,o=Object.entries(e);n<o.length;n++){var a=v(o[n],2),u=a[0],l=a[1];u===y.value&&r.push(l)}else r.push(e.value)})),r},M=function(e,t,r){var n=r;return e.sort((function(e,r){return n.indexOf(e[t])-n.indexOf(r[t])>=0}))},N=function(e){c.value=c.value.filter((function(t){return t[y.value]!==e[y.value]}))};return"empty"!==h.value&&(h.value?_():b(),V()),{keyword:s,transferRef:i,dataList:c,allToRight:function(){p.value=-1;var t=g.value,r=f.value;t.forEach((function(e){r.push(e),N(e)})),a.length===e.sourceList.length?f.value=m(M(r,u,a)):f.value=m(r),S()},allToLeft:function(){d.value=-1;for(var t=f.value,r=c.value;t.length;){var n=t.shift();r.push(n),a.length===e.sourceList.length?c.value=m(M(r,u,a)):c.value=m(r)}S()},displayDataList:g,displayCode:x,leftHoverIndex:p,rightHoverIndex:d,handleItemMouseEvent:function(e,t,r,n){t.preventDefault(),t.stopPropagation();var o="over"===e?n:-1;r?p.value=o:d.value=o},handleItemClick:function(t,r,n){t.preventDefault(),t.stopPropagation(),n?p.value=-1:d.value=-1;var o=n?g.value[r]:f.value.splice(r,1)[0],l=n?f.value:c.value;l.push(o),n&&N(o);var s=a.length===e.sourceList.length?m(M(l,u,a)):m(l);n?f.value=m(s):c.value=m(s),S()},hasSelectedList:f}},render:function(){var e=this,r=this.$props,o=r.extCls,a=r.title,l=r.emptyContent,s=r.searchable,i=r.searchPlaceholder,c=function(r){var n,o,u="left-header"===r,l="".concat(u?null!==(n=a[0])&&void 0!==n?n:"左侧列表":null!==(o=a[1])&&void 0!==o?o:"右侧列表"),s=u?!e.dataList.length:!e.hasSelectedList.length;return e.$slots[r]?t.createVNode("div",{class:"slot-header"},[t.createVNode("div",{class:"slot-content"},[e.$slots[r]()])]):t.createVNode("div",{class:"header"},["".concat(l,"(共").concat(e.dataList.length,"条)"),t.createVNode("span",{class:{disabled:s},onClick:function(){return u&&e.dataList.length&&e.allToRight(),void(!u&&e.hasSelectedList.length&&e.allToLeft())}},[u?"全部添加":"清空"])])},f=function(r,o){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=a?e.leftHoverIndex:e.rightHoverIndex;return t.createVNode("div",{class:"item-content"},[t.createVNode("span",{class:"content-text",title:r[e.displayCode]},[r[e.displayCode]]),t.createVNode("span",{class:["icon-wrapper",o===u?"hover":""]},[a?t.createVNode(n.ArrowsRight,{class:"bk-icon"},null):t.createVNode(n.Error,{class:"bk-icon"},null)])])},p=function(r){var n="left"===r,o=n?e.displayDataList:e.hasSelectedList,a=n?"source-option":"target-option",u=n?"left-empty-content":"right-empty-content";return o.length?t.createVNode("ul",{class:["content",s&&n?"is-search":""]},[o.map((function(r,o){var u,l,s;return t.createVNode("li",{key:o,class:[e.$slots[a]?"custom-item":""],onClick:function(t){return e.handleItemClick(t,o,n)},onMouseover:function(t){return e.handleItemMouseEvent("over",t,n,o)},onMouseleave:function(t){return e.handleItemMouseEvent("leave",t,n,o)}},[null!==(s=null===(l=(u=e.$slots)[a])||void 0===l?void 0:l.call(u,r))&&void 0!==s?s:f(r,o,n)])}))]):function(r){var n,o="left-empty-content"===r,a=null!==(n=o?l[0]:l[1])&&void 0!==n?n:o?"无数据":"未选择任何项";return e.$slots[r]?t.createVNode("div",null,[e.$slots[r]()]):t.createVNode("div",{class:"empty"},[a])}(u)};return t.createVNode("div",{class:["bk-transfer",o],ref:"transferRef"},[t.createVNode("div",{class:"source-list"},[c("left-header"),s&&t.createVNode(u.default,{modelValue:e.keyword,"onUpdate:modelValue":function(t){return e.keyword=t},class:"transfer-search-input",clearable:!0,placeholder:i||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),p("left")]),t.createVNode("div",{class:"transfer"},null),t.createVNode("div",{class:"target-list"},[c("right-header"),p("right")])])}});L.install=function(e){e.component(L.name,L)},e.default=L,Object.defineProperty(e,"__esModule",{value:!0})}));
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../icon/"),require("../input"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../icon/","../input","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e._,e.Input,e.Shared)}(this,(function(e,t,r,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(n);function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}},i={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(i);var c={exports:{}};!function(e){e.exports=function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],u=!0,l=!1;try{for(r=r.call(e);!(u=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);u=!0);}catch(e){l=!0,o=e}finally{try{u||null==r.return||r.return()}finally{if(l)throw o}}return a}},e.exports.__esModule=!0,e.exports.default=e.exports}(c);var f={exports:{}},p={exports:{}};!function(e){e.exports=function(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},e.exports.__esModule=!0,e.exports.default=e.exports}(p),function(e){var t=p.exports;e.exports=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.exports.__esModule=!0,e.exports.default=e.exports}(f);var d={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(d),function(e){var t=i.exports,r=c.exports,n=f.exports,o=d.exports;e.exports=function(e,a){return t(e)||r(e,a)||n(e,a)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var v=l(s.exports),h={exports:{}},y={exports:{}};!function(e){var t=p.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var x={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var g={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=y.exports,r=x.exports,n=f.exports,o=g.exports;e.exports=function(e){return t(e)||r(e)||n(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(h);var m=l(h.exports);o.PropTypes.string,o.PropTypes.string,o.PropTypes.string,o.PropTypes.string,o.PropTypes.bool,o.PropTypes.bool,o.PropTypes.string,o.PropTypes.bool;var L=t.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(e,r){var n=r.emit,a=[],u=e.sortKey,l=e.sortable,s=t.ref(""),i=t.ref(null),c=t.ref([]),f=t.ref([]),p=t.ref(-1),d=t.ref(-1),h=t.computed((function(){return e.sourceList&&Array.isArray(e.sourceList)?-1!==e.sourceList.toString().indexOf("[object Object]"):"empty"})),y=t.computed((function(){return h.value?e.settingKey:"index"})),x=t.computed((function(){return h.value?e.displayKey:"value"})),g=t.computed((function(){return s.value?c.value.filter((function(e){return!o.isEmpty(e[x.value])&&String(e[x.value]).indexOf(s.value)>-1})):c.value}));t.watch((function(){return e.sourceList}),(function(){"empty"!==h.value&&(L(),V())}),{deep:!0}),t.watch((function(){return e.targetList}),(function(){L(),V()}),{deep:!0}),t.watch((function(){return[x.value,y.value]}),(function(){L()})),t.watch((function(){return e.sortKey}),(function(e){u=e,V()})),t.watch((function(){return e.sortable}),(function(e){l=e,V()}));var L=function(){"empty"!==h.value&&(h.value?_():b())},b=function(){if(!e.targetList.length||e.targetList.length>e.sourceList.length){for(var t,r=[],o=0;o<e.sourceList.length;o++)r.push({index:o,value:e.sourceList[o]});c.value=[].concat(r),(t=f.value).splice.apply(t,[0,f.value.length].concat([])),n("change",c.value,[],[])}else{for(var a=[],u=[],l=0;l<e.sourceList.length;l++)a.push({index:l,value:e.sourceList[l]});e.targetList.forEach((function(e){var t=a.find((function(t){return t.value===e}));t&&u.push(t)})),f.value=[].concat(u);var s=a.filter((function(e){return u.every((function(t){return t.index!==e.index}))}));c.value=m(s),n("change",c.value,m(w(f.value,!1)),[])}},_=function(){if(!e.targetList.length||e.targetList.length>e.sourceList.length){var t;(t=c.value).splice.apply(t,[0,c.value.length].concat(m(e.sourceList))),f.value=[],n("change",c.value,[],[])}else{var r=e.sourceList.filter((function(t){return e.targetList.every((function(e){return e!==t[y.value]}))})),o=[];e.sourceList.forEach((function(t){e.targetList.forEach((function(e){t[y.value]===e&&o.push(t)}))})),f.value=[].concat(o),c.value=m(r);var a=m(w(f.value));n("change",c.value,f.value,a)}},V=function(){var t=[];if(h.value)l||(u=""),t=m(e.sourceList);else{u=l?"index":"";for(var r=0;r<e.sourceList.length;r++)t.push({index:r,value:e.sourceList[r]})}if(u){var n=[];if(t.forEach((function(e){n.push(e[u])})),(a=[].concat(n)).length===e.sourceList.length){var o=m(c.value);c.value=m(M(o,u,a))}}},S=function(){var e=c.value,t=h.value?f.value:m(w(f.value,!1)),r=h.value?m(w(f.value)):[];n("change",e,t,r)},w=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e.length)return[];var n=m(e);return n.forEach((function(e){if(t)for(var n=0,o=Object.entries(e);n<o.length;n++){var a=v(o[n],2),u=a[0],l=a[1];u===y.value&&r.push(l)}else r.push(e.value)})),r},M=function(e,t,r){var n=r;return e.sort((function(e,r){return n.indexOf(e[t])-n.indexOf(r[t])>=0}))},N=function(e){c.value=c.value.filter((function(t){return t[y.value]!==e[y.value]}))};return"empty"!==h.value&&(h.value?_():b(),V()),{keyword:s,transferRef:i,dataList:c,allToRight:function(){p.value=-1;var t=g.value,r=f.value;t.forEach((function(e){r.push(e),N(e)})),a.length===e.sourceList.length?f.value=m(M(r,u,a)):f.value=m(r),S()},allToLeft:function(){d.value=-1;for(var t=f.value,r=c.value;t.length;){var n=t.shift();r.push(n),a.length===e.sourceList.length?c.value=m(M(r,u,a)):c.value=m(r)}S()},displayDataList:g,displayCode:x,leftHoverIndex:p,rightHoverIndex:d,handleItemMouseEvent:function(e,t,r,n){t.preventDefault(),t.stopPropagation();var o="over"===e?n:-1;r?p.value=o:d.value=o},handleItemClick:function(t,r,n){t.preventDefault(),t.stopPropagation(),n?p.value=-1:d.value=-1;var o=n?g.value[r]:f.value.splice(r,1)[0],l=n?f.value:c.value;l.push(o),n&&N(o);var s=a.length===e.sourceList.length?m(M(l,u,a)):m(l);n?f.value=m(s):c.value=m(s),S()},hasSelectedList:f}},render:function(){var e=this,n=this.$props,o=n.extCls,a=n.title,l=n.emptyContent,s=n.searchable,i=n.searchPlaceholder,c=function(r){var n,o,u="left-header"===r,l="".concat(u?null!==(n=a[0])&&void 0!==n?n:"左侧列表":null!==(o=a[1])&&void 0!==o?o:"右侧列表"),s=u?!e.dataList.length:!e.hasSelectedList.length;return e.$slots[r]?t.createVNode("div",{class:"slot-header"},[t.createVNode("div",{class:"slot-content"},[e.$slots[r]()])]):t.createVNode("div",{class:"header"},["".concat(l,"(共").concat(e.dataList.length,"条)"),t.createVNode("span",{class:{disabled:s},onClick:function(){return u&&e.dataList.length&&e.allToRight(),void(!u&&e.hasSelectedList.length&&e.allToLeft())}},[u?"全部添加":"清空"])])},f=function(n,o){var a=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],u=a?e.leftHoverIndex:e.rightHoverIndex;return t.createVNode("div",{class:"item-content"},[t.createVNode("span",{class:"content-text",title:n[e.displayCode]},[n[e.displayCode]]),t.createVNode("span",{class:["icon-wrapper",o===u?"hover":""]},[a?t.createVNode(r.ArrowsRight,{class:"bk-icon"},null):t.createVNode(r.Error,{class:"bk-icon"},null)])])},p=function(r){var n="left"===r,o=n?e.displayDataList:e.hasSelectedList,a=n?"source-option":"target-option",u=n?"left-empty-content":"right-empty-content";return o.length?t.createVNode("ul",{class:["content",s&&n?"is-search":""]},[o.map((function(r,o){var u,l,s;return t.createVNode("li",{key:o,class:[e.$slots[a]?"custom-item":""],onClick:function(t){return e.handleItemClick(t,o,n)},onMouseover:function(t){return e.handleItemMouseEvent("over",t,n,o)},onMouseleave:function(t){return e.handleItemMouseEvent("leave",t,n,o)}},[null!==(s=null===(l=(u=e.$slots)[a])||void 0===l?void 0:l.call(u,r))&&void 0!==s?s:f(r,o,n)])}))]):function(r){var n,o="left-empty-content"===r,a=null!==(n=o?l[0]:l[1])&&void 0!==n?n:o?"无数据":"未选择任何项";return e.$slots[r]?t.createVNode("div",null,[e.$slots[r]()]):t.createVNode("div",{class:"empty"},[a])}(u)};return t.createVNode("div",{class:["bk-transfer",o],ref:"transferRef"},[t.createVNode("div",{class:"source-list"},[c("left-header"),s&&t.createVNode(u.default,{modelValue:e.keyword,"onUpdate:modelValue":function(t){return e.keyword=t},class:"transfer-search-input",clearable:!0,placeholder:i||"请输入搜索关键字",type:"search","left-icon":"bk-icon icon-search"},null),p("left")]),t.createVNode("div",{class:"transfer"},null),t.createVNode("div",{class:"target-list"},[c("right-header"),p("right")])])}});L.install=function(e){e.component(L.name,L)},e.default=L,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/tree/index.d.ts
CHANGED
@@ -10,7 +10,7 @@ declare const BkTree: {
|
|
10
10
|
indent: number;
|
11
11
|
levelLine: any;
|
12
12
|
virtualRender: boolean;
|
13
|
-
|
13
|
+
offsetLeft: number;
|
14
14
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
15
15
|
data: import("vue-types").VueTypeDef<any[]> & {
|
16
16
|
default: () => any[];
|
@@ -42,12 +42,16 @@ declare const BkTree: {
|
|
42
42
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
43
43
|
default: any;
|
44
44
|
};
|
45
|
-
|
46
|
-
|
45
|
+
async: import("vue-types").VueTypeShape<{
|
46
|
+
callback: (item: any, cb: any) => Promise<any>;
|
47
|
+
cache: Boolean;
|
48
|
+
}>;
|
49
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
50
|
+
default: number;
|
47
51
|
} & {
|
48
|
-
default:
|
52
|
+
default: number;
|
49
53
|
};
|
50
|
-
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "
|
54
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "offsetLeft">;
|
51
55
|
$attrs: {
|
52
56
|
[x: string]: unknown;
|
53
57
|
};
|
@@ -59,7 +63,7 @@ declare const BkTree: {
|
|
59
63
|
}>;
|
60
64
|
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
61
65
|
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
|
62
|
-
$emit: (event: string, ...args: any[]) => void;
|
66
|
+
$emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
|
63
67
|
$el: any;
|
64
68
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
65
69
|
data: import("vue-types").VueTypeDef<any[]> & {
|
@@ -92,10 +96,14 @@ declare const BkTree: {
|
|
92
96
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
93
97
|
default: any;
|
94
98
|
};
|
95
|
-
|
96
|
-
|
99
|
+
async: import("vue-types").VueTypeShape<{
|
100
|
+
callback: (item: any, cb: any) => Promise<any>;
|
101
|
+
cache: Boolean;
|
102
|
+
}>;
|
103
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
104
|
+
default: number;
|
97
105
|
} & {
|
98
|
-
default:
|
106
|
+
default: number;
|
99
107
|
};
|
100
108
|
}>>, {
|
101
109
|
renderData: import("vue").ComputedRef<any[]>;
|
@@ -105,12 +113,14 @@ declare const BkTree: {
|
|
105
113
|
levelLineSchema: {};
|
106
114
|
};
|
107
115
|
hanldeTreeNodeClick: (item: any) => void;
|
108
|
-
|
116
|
+
handleNodeContentClick: (item: any) => void;
|
117
|
+
handleNodeActionClick: (node: any) => void;
|
118
|
+
getActionIcon: (item: any) => any;
|
109
119
|
getRootIcon: (item: any) => JSX.Element;
|
110
120
|
getVirtualLines: (node: any) => JSX.Element[];
|
111
|
-
getNodePrefixIcon: (item: any) =>
|
112
|
-
getLoadingIcon: (item: any) =>
|
113
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
121
|
+
getNodePrefixIcon: (item: any) => any;
|
122
|
+
getLoadingIcon: (item: any) => JSX.Element | "";
|
123
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
|
114
124
|
data: any[];
|
115
125
|
lineHeight: number;
|
116
126
|
prefixIcon: any;
|
@@ -118,7 +128,7 @@ declare const BkTree: {
|
|
118
128
|
indent: number;
|
119
129
|
levelLine: any;
|
120
130
|
virtualRender: boolean;
|
121
|
-
|
131
|
+
offsetLeft: number;
|
122
132
|
}> & {
|
123
133
|
beforeCreate?: (() => void) | (() => void)[];
|
124
134
|
created?: (() => void) | (() => void)[];
|
@@ -170,10 +180,14 @@ declare const BkTree: {
|
|
170
180
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
171
181
|
default: any;
|
172
182
|
};
|
173
|
-
|
174
|
-
|
183
|
+
async: import("vue-types").VueTypeShape<{
|
184
|
+
callback: (item: any, cb: any) => Promise<any>;
|
185
|
+
cache: Boolean;
|
186
|
+
}>;
|
187
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
188
|
+
default: number;
|
175
189
|
} & {
|
176
|
-
default:
|
190
|
+
default: number;
|
177
191
|
};
|
178
192
|
}>> & import("vue").ShallowUnwrapRef<{
|
179
193
|
renderData: import("vue").ComputedRef<any[]>;
|
@@ -183,11 +197,13 @@ declare const BkTree: {
|
|
183
197
|
levelLineSchema: {};
|
184
198
|
};
|
185
199
|
hanldeTreeNodeClick: (item: any) => void;
|
186
|
-
|
200
|
+
handleNodeContentClick: (item: any) => void;
|
201
|
+
handleNodeActionClick: (node: any) => void;
|
202
|
+
getActionIcon: (item: any) => any;
|
187
203
|
getRootIcon: (item: any) => JSX.Element;
|
188
204
|
getVirtualLines: (node: any) => JSX.Element[];
|
189
|
-
getNodePrefixIcon: (item: any) =>
|
190
|
-
getLoadingIcon: (item: any) =>
|
205
|
+
getNodePrefixIcon: (item: any) => any;
|
206
|
+
getLoadingIcon: (item: any) => JSX.Element | "";
|
191
207
|
}> & {} & {} & import("vue").ComponentCustomProperties;
|
192
208
|
__isFragment?: never;
|
193
209
|
__isTeleport?: never;
|
@@ -223,10 +239,14 @@ declare const BkTree: {
|
|
223
239
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
224
240
|
default: any;
|
225
241
|
};
|
226
|
-
|
227
|
-
|
242
|
+
async: import("vue-types").VueTypeShape<{
|
243
|
+
callback: (item: any, cb: any) => Promise<any>;
|
244
|
+
cache: Boolean;
|
245
|
+
}>;
|
246
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
247
|
+
default: number;
|
228
248
|
} & {
|
229
|
-
default:
|
249
|
+
default: number;
|
230
250
|
};
|
231
251
|
}>>, {
|
232
252
|
renderData: import("vue").ComputedRef<any[]>;
|
@@ -236,12 +256,14 @@ declare const BkTree: {
|
|
236
256
|
levelLineSchema: {};
|
237
257
|
};
|
238
258
|
hanldeTreeNodeClick: (item: any) => void;
|
239
|
-
|
259
|
+
handleNodeContentClick: (item: any) => void;
|
260
|
+
handleNodeActionClick: (node: any) => void;
|
261
|
+
getActionIcon: (item: any) => any;
|
240
262
|
getRootIcon: (item: any) => JSX.Element;
|
241
263
|
getVirtualLines: (node: any) => JSX.Element[];
|
242
|
-
getNodePrefixIcon: (item: any) =>
|
243
|
-
getLoadingIcon: (item: any) =>
|
244
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
264
|
+
getNodePrefixIcon: (item: any) => any;
|
265
|
+
getLoadingIcon: (item: any) => JSX.Element | "";
|
266
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
|
245
267
|
data: any[];
|
246
268
|
lineHeight: number;
|
247
269
|
prefixIcon: any;
|
@@ -249,6 +271,6 @@ declare const BkTree: {
|
|
249
271
|
indent: number;
|
250
272
|
levelLine: any;
|
251
273
|
virtualRender: boolean;
|
252
|
-
|
274
|
+
offsetLeft: number;
|
253
275
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
254
276
|
export default BkTree;
|
package/lib/tree/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("crypto"),require("../icon/"),require("../shared"),require("../virtual-render")):"function"==typeof define&&define.amd?define(["exports","vue","crypto","../icon/","../shared","../virtual-render"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.require$$0,e._,e.Shared,e["@bkui-vue/virtual-render"])}(this,(function(e,n,t,r,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),a=u(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(s);var d=c(s.exports),f={exports:{}};!function(e){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var p=c(f.exports),v={exports:{}},y={exports:{}},h={exports:{}};!function(e){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(h),function(e){var n=h.exports;e.exports=function(e){if(Array.isArray(e))return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var _={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(_);var g={exports:{}};!function(e){var n=h.exports;e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(g);var x={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(x),function(e){var n=y.exports,t=_.exports,r=g.exports,o=x.exports;e.exports=function(e){return n(e)||t(e)||r(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(v);for(var b=c(v.exports),m=l.default,O=function(){return m.randomBytes(16)},j=[],N=0;N<256;++N)j[N]=(N+256).toString(16).substr(1);var T,P,I=function(e,n){var t=n||0,r=j;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")},w=O,L=I,S=0,A=0;var C=function(e,n,t){var r=n&&t||0,o=n||[],i=(e=e||{}).node||T,u=void 0!==e.clockseq?e.clockseq:P;if(null==i||null==u){var l=w();null==i&&(i=T=[1|l[0],l[1],l[2],l[3],l[4],l[5]]),null==u&&(u=P=16383&(l[6]<<8|l[7]))}var a=void 0!==e.msecs?e.msecs:(new Date).getTime(),c=void 0!==e.nsecs?e.nsecs:A+1,s=a-S+(c-A)/1e4;if(s<0&&void 0===e.clockseq&&(u=u+1&16383),(s<0||a>S)&&void 0===e.nsecs&&(c=0),c>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");S=a,A=c,P=u;var d=(1e4*(268435455&(a+=122192928e5))+c)%4294967296;o[r++]=d>>>24&255,o[r++]=d>>>16&255,o[r++]=d>>>8&255,o[r++]=255&d;var f=a/4294967296*1e4&268435455;o[r++]=f>>>8&255,o[r++]=255&f,o[r++]=f>>>24&15|16,o[r++]=f>>>16&255,o[r++]=u>>>8|128,o[r++]=255&u;for(var p=0;p<6;++p)o[r+p]=i[p];return n||L(o)},k=O,M=I;var V=function(e,n,t){var r=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||k)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n)for(var i=0;i<16;++i)n[r+i]=o[i];return n||M(o)},q=C,R=V,D=R;D.v1=q,D.v4=R;var H=D,$=void 0,F="1px dashed #c3cdd7",E=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.data,o=e.children,i=[],u=0,l=new Map;function a(e){return(t||[]).some((function(n){return n.__uuid===e&&n.__isOpen}))}function c(e){for(var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=0;s<e.length;s++){var f=e[s];if(Array.isArray(f))c(f,n,t,r);else if("object"===d(f)&&null!==f){var v=f.__uuid||H.v4(),y=a(v),h=null!==r?"".concat(r,"-").concat(s):"".concat(s),_=p({__depth:n,__index:s,__uuid:v,__parentId:t,__parentPath:r,__hasChild:!!(f[o]||[]).length,__path:h,__isRoot:null===t,__order:u,__isOpen:y},o,null);Object.assign(f,{__uuid:v}),l.set(v,_),u+=1,i.push(Object.assign(Object.assign({},f),p({},o,null))),Object.prototype.hasOwnProperty.call(f,o)&&c(f[o]||[],n+1,v,h)}}}return c(n||r),[i,l]},B=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],u=e[n];return"boolean"==typeof u?u?r:o:U(t,e,n,i)},U=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===d(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,o)||console.error("cannot find node label with key ".concat(o)),e[o]):o;if("function"==typeof o){var i=o.apply($,[e].concat(b(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},z=function(e,n){return U(e,n,"label")},G=function(e,n){return e.get(n)||{}},J=function(e,n,t){return(G(e,n)||{})[t]},K=function(e,n){return{"--level-line":B(n,"levelLine",e,F,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),padding:0}},Q=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.levelLineSchema,o=t.schema,i=r[e.__uuid]||{},u=i.childNodeCount,l=void 0===u?0:u,a=i.isLeaf,c=void 0!==a&&a,s=i.lastNode,d=void 0===s?null:s,f=c?0:(r[d]||{childNodeCount:0}).childNodeCount,p=J(o,e.__uuid,"__depth");return Object.assign({"--depth":p,paddingLeft:0,"--lines":l-f},"function"==typeof n.levelLine?{"--level-line":B(n,"levelLine",e,F,null,["node"])}:{})},W=function(e,n,t){var r=G(n,e.__uuid)||{};return{"is-root":r.__isRoot,"bk-tree-node":!0,"is-open":r.__isOpen,"is-virtual-render":t.virtualRender}},X=function(e,n,t,r,o){var i=e.split("-").reduce((function(e,n){var r=Number(n);return Array.isArray(e)?e[r]:e[t][r]}),n);Object.assign(i,p({},r,o))},Y={data:o.PropTypes.arrayOf(o.PropTypes.any).def([]),label:o.PropTypes.oneOfType([o.PropTypes.func.def(void 0),o.PropTypes.string.def("label")]),children:o.PropTypes.string.def("children"),indent:o.PropTypes.number.def(18),lineHeight:o.PropTypes.number.def(32),levelLine:o.PropTypes.oneOfType([o.PropTypes.bool.def(!1),o.PropTypes.func.def(void 0),o.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:o.PropTypes.bool.def(!1),prefixIcon:o.PropTypes.oneOfType([o.PropTypes.func.def((function(){})),o.PropTypes.bool.def(!1)]).def(!0),asyncLoad:o.PropTypes.func.def(null)},Z=n.defineComponent({name:"Tree",props:Y,setup:function(e){var t=E(e),o=n.reactive({data:t[0],schema:t[1],levelLineSchema:{}});n.watch((function(){return[e.data]}),(function(n){console.log("props.data changed");var t=E(e,n,i.value);o.data=t[0],o.schema=t[1],b()}),{deep:!0}),n.watch((function(){return[e.levelLine]}),(function(){b()}));var i=n.computed((function(){return Array.from(o.schema.values())})),u=function(e){return o.schema.get(e)},l=function(e,n){var t;return null===(t=u(e.__uuid))||void 0===t?void 0:t[n]},a=function(e,n,t){return o.schema.set(e.__uuid,Object.assign(Object.assign({},u(e.__uuid)),p({},n,t)))},c=function(e){return l(e,"__path")},s=function(e){return l(e,"__isRoot")},f=function(e){return l(e,"__hasChild")},v=n.computed((function(){return o.data.filter((function(e){return m(e)}))})),y=n.computed((function(){return v.value.map((function(e){return c(e)}))})),h=function(e){var n;return"object"===d(e)?l(e,"__isOpen"):"string"==typeof e&&(null===(n=u(e))||void 0===n?void 0:n.__isOpen)},_=function(e){return h(e)?n.createVNode(r.FolderShapeOpen,{class:"bk-tree-icon"},null):n.createVNode(r.Folder,{class:"bk-tree-icon"},null)},g=function(e){if("string"==typeof e)return e;if("object"===d(e)&&null!==e){var t=e.node,r=e.className,o=e.text,i=e.style;return n.h(t,{class:r,style:i},o)}return null},x=function(n,t){if("object"===d(n)&&null!==n){a(t,"__isOpen",!0);var r=Array.isArray(n)?n:[n];X(c(t),e.data,e.children,e.children,r)}},b=function(){e.levelLine?setTimeout((function(){for(var e=v.value.length,n={},t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];Object.prototype.hasOwnProperty.call(n,e)||Object.assign(n,p({},e,Object.assign(Object.assign({childNodeCount:0,isLastNode:!1},null!==t?{lastNode:t}:{}),null!==r?{isLeaf:r}:{})))};e>0;e--){var r=v.value[e-1],i=l(r,"__parentId"),u=c(r),a=!y.value.includes("".concat(u,"-0"));t(r.__uuid,null,a),t(i,r.__uuid);var s=n[i],d=n[r.__uuid],f=d.childNodeCount,h=void 0===f?0:f;d.childNodeCount=h+1,d.isLastNode=s.lastNode===r.__uuid,s.childNodeCount+=d.childNodeCount}o.levelLineSchema=n})):o.levelLineSchema={}},m=function(e){return s(e)||h(e)||h(l(e,"__parentId"))};return b(),{renderData:v,flatData:o,hanldeTreeNodeClick:function(n){n.async&&("function"==typeof e.asyncLoad?(Object.assign(n,{loading:!0}),e.asyncLoad(n,(function(e){return x(e,n)})).then((function(e){return x(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){X(c(n),e.data,e.children,"loading",!1)}))):console.error("async need to set prop: asyncLoad with function wich will return promise object")),f(n)&&function(e){var n=!h(e);a(e,"__isOpen",n),b()}(n)},getActionIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(s(t),f(t)||t.async,h(t),"action",t))?g(o):("default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(f(t)||t.async)?h(t)?n.createVNode(r.DownShape,null,null):n.createVNode(r.RightShape,null,null):null},getRootIcon:_,getVirtualLines:function(t){if(!e.virtualRender)return null;var r=l(t,"__depth")+1;return new Array(r).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(s(n))return!1;var t=c(n),r="".concat(t).split("-").slice(0,e+1);if(r.join("-")===t)return!0;var o=r.pop(),u=parseInt(o,10);r.push("".concat(u+1));var l=r.join("-");return i.value.some((function(e){return e.__path===l}))}(e,t)})).filter((function(e){return e>0})).map((function(e){return n.createVNode("span",{class:"node-virtual-line",style:(t=r-e,{"--depth":t})},null);var t}))},getNodePrefixIcon:function(t){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(s(t),f(t)||t.async,h(t),"node_type",t))?g(o):"default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon?s(t)?_(t):n.createVNode(r.TextFile,{class:"bk-tree-icon"},null):null},getLoadingIcon:function(e){return e.loading?n.createVNode(r.Spinner,null,null):""}}},render:function(){var e=this,t=this.$props,r=function(r){return n.createVNode("div",{class:W(r,e.flatData.schema,t),style:Q(r,t,e.flatData),onClick:function(){return e.hanldeTreeNodeClick(r)}},[[e.getActionIcon(r),e.getNodePrefixIcon(r),e.getLoadingIcon(r)],n.createVNode("span",null,[z(r,t)]),e.getVirtualLines(r)])};return n.createVNode(a.default,{class:"bk-tree",style:K(null,t),list:this.renderData,lineHeight:t.lineHeight,enabled:t.virtualRender},{default:function(e){return(e.data||[]).map(r)}})}}),ee=o.withInstall(Z);e.default=ee,Object.defineProperty(e,"__esModule",{value:!0})}));
|
1
|
+
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("../shared"),require("vue"),require("../icon/"),require("../virtual-render"),require("crypto")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon/","../virtual-render","crypto"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e._,e["@bkui-vue/virtual-render"],e.require$$0)}(this,(function(e,n,t,r,o,i){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(o),a=u(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){function n(t){return e.exports=n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,n(t)}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports}(s);var f=c(s.exports),d={exports:{}};!function(e){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(d);var p=c(d.exports),v={data:n.PropTypes.arrayOf(n.PropTypes.any).def([]),label:n.PropTypes.oneOfType([n.PropTypes.func.def(void 0),n.PropTypes.string.def("label")]),children:n.PropTypes.string.def("children"),indent:n.PropTypes.number.def(18),lineHeight:n.PropTypes.number.def(32),levelLine:n.PropTypes.oneOfType([n.PropTypes.bool.def(!1),n.PropTypes.func.def(void 0),n.PropTypes.string.def("1px dashed #c3cdd7")]).def(!1),virtualRender:n.PropTypes.bool.def(!1),prefixIcon:n.PropTypes.oneOfType([n.PropTypes.func.def((function(){})),n.PropTypes.bool.def(!1)]).def(!0),async:n.PropTypes.shape({callback:n.PropTypes.func.def(null),cache:n.PropTypes.bool.def(!0)}),offsetLeft:n.PropTypes.number.def(15)},_={exports:{}},y={exports:{}},h={exports:{}};!function(e){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(h),function(e){var n=h.exports;e.exports=function(e){if(Array.isArray(e))return n(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(y);var x={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(x);var b={exports:{}};!function(e){var n=h.exports;e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(b);var g={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var n=y.exports,t=x.exports,r=b.exports,o=g.exports;e.exports=function(e){return n(e)||t(e)||r(e)||o()},e.exports.__esModule=!0,e.exports.default=e.exports}(_);for(var m=c(_.exports),O=a.default,T=function(){return O.randomBytes(16)},j=[],k=0;k<256;++k)j[k]=(k+256).toString(16).substr(1);var P,I,N=function(e,n){var t=n||0,r=j;return[r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],"-",r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]],r[e[t++]]].join("")},w=T,A=N,S=0,V=0;var C=function(e,n,t){var r=n&&t||0,o=n||[],i=(e=e||{}).node||P,u=void 0!==e.clockseq?e.clockseq:I;if(null==i||null==u){var l=w();null==i&&(i=P=[1|l[0],l[1],l[2],l[3],l[4],l[5]]),null==u&&(u=I=16383&(l[6]<<8|l[7]))}var a=void 0!==e.msecs?e.msecs:(new Date).getTime(),c=void 0!==e.nsecs?e.nsecs:V+1,s=a-S+(c-V)/1e4;if(s<0&&void 0===e.clockseq&&(u=u+1&16383),(s<0||a>S)&&void 0===e.nsecs&&(c=0),c>=1e4)throw new Error("uuid.v1(): Can't create more than 10M uuids/sec");S=a,V=c,I=u;var f=(1e4*(268435455&(a+=122192928e5))+c)%4294967296;o[r++]=f>>>24&255,o[r++]=f>>>16&255,o[r++]=f>>>8&255,o[r++]=255&f;var d=a/4294967296*1e4&268435455;o[r++]=d>>>8&255,o[r++]=255&d,o[r++]=d>>>24&15|16,o[r++]=d>>>16&255,o[r++]=u>>>8|128,o[r++]=255&u;for(var p=0;p<6;++p)o[r+p]=i[p];return n||A(o)},L=T,M=N;var q=function(e,n,t){var r=n&&t||0;"string"==typeof e&&(n="binary"===e?new Array(16):null,e=null);var o=(e=e||{}).random||(e.rng||L)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,n)for(var i=0;i<16;++i)n[r+i]=o[i];return n||M(o)},D=C,R=q,H=R;H.v1=D,H.v4=R;var E=H,$=void 0,F="1px dashed #c3cdd7",B=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=e.data,o=e.children,i=[],u=0,l=new Map;function a(e){return(t||[]).some((function(n){return n.__uuid===e&&n.__isOpen}))}function c(e){for(var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,s=0;s<e.length;s++){var d=e[s];if(Array.isArray(d))c(d,n,t,r);else if("object"===f(d)&&null!==d){var v=d.__uuid||E.v4(),_=a(v),y=null!==r?"".concat(r,"-").concat(s):"".concat(s),h=p({__depth:n,__index:s,__uuid:v,__parentId:t,__parentPath:r,__hasChild:!!(d[o]||[]).length,__path:y,__isRoot:null===t,__order:u,__isOpen:_,__checked:!1},o,null);Object.assign(d,{__uuid:v}),l.set(v,h),u+=1,i.push(Object.assign(Object.assign({},d),p({},o,null))),Object.prototype.hasOwnProperty.call(d,o)&&c(d[o]||[],n+1,v,y)}}}return c(n||r),[i,l]},U=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:null,i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],u=e[n];return"boolean"==typeof u?u?r:o:W(t,e,n,i)},W=function(e,n,t){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],o=n[t];if("string"==typeof o)return"object"===f(e)&&null!==e?(Object.prototype.hasOwnProperty.call(e,o)||console.error("cannot find node label with key ".concat(o)),e[o]):o;if("function"==typeof o){var i=o.apply($,[e].concat(m(r)));return"string"==typeof i?i:void console.error("props label with function return value is not string, please check and return string")}},z=function(e,n){return W(e,n,"label")},G=function(e,n){return e.get(n)||{}},J=function(e,n,t){var r;return null===(r=G(e,n))||void 0===r?void 0:r[t]},K=function(e,n){return{"--level-line":U(n,"levelLine",e,F,null,["tree"]),"--lineHeight":"".concat(n.lineHeight,"px"),"--indent":"".concat(n.indent,"px"),"--offset-left":"".concat(n.offsetLeft,"px")}},Q=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=t.schema,o=J(r,e.__uuid,"__depth");return Object.assign({"--depth":o},"function"==typeof n.levelLine?{"--level-line":U(n,"levelLine",e,F,null,["node"])}:{})},X=function(e,n,t){var r=G(n,e.__uuid)||{};return{"is-root":r.__isRoot,"bk-tree-node":!0,"is-open":r.__isOpen,"is-virtual-render":t.virtualRender,"level-line":t.levelLine}},Y=function(e,n){return{"is-checked":(G(n,e.__uuid)||{}).__checked,"bk-node-row":!0}},Z=function(e,n,t,r){var o=e.split("-").reduce((function(e,n){var r=Number(n);return Array.isArray(e)?e[r]:e[t][r]}),n);Object.assign(o,r||{})},ee=t.defineComponent({name:"Tree",props:v,setup:function(e,n){var o=B(e),i=[],u=t.reactive({data:o[0],schema:o[1],levelLineSchema:{}});t.watch((function(){return[e.data]}),(function(n){var t=B(e,n,l.value);u.data=t[0],u.schema=t[1]}),{deep:!0});var l=t.computed((function(){return Array.from(u.schema.values())})),a=function(e){return u.schema.get(e)},c=function(e,n){var t;return null===(t=a(e.__uuid))||void 0===t?void 0:t[n]},s=function(e,n,t){return u.schema.set(e.__uuid,Object.assign(Object.assign({},a(e.__uuid)),p({},n,t)))},d=function(e){return c(e,"__path")},v=function(e){return c(e,"__isRoot")},_=function(e){return c(e,"__isOpen")},y=function(e){return c(e,"__hasChild")},h=t.computed((function(){return u.data.filter((function(e){return T(e)}))})),x=function(e){var n;return"object"===f(e)?_(e):"string"==typeof e&&(null===(n=a(e))||void 0===n?void 0:n.__isOpen)},b=function(e){return x(e)?t.createVNode(r.FolderShapeOpen,{class:"bk-tree-icon"},null):t.createVNode(r.Folder,{class:"bk-tree-icon"},null)},g=function(e){if("string"==typeof e)return e;if("object"===f(e)&&null!==e){if(e.__v_isVNode)return e;var n=e.node,r=e.className,o=e.text,i=e.style;return t.h(n,{class:r,style:i},o)}return null},m=function(n,t){if("object"===f(n)&&null!==n){s(t,"__isOpen",!0);var r=Array.isArray(n)?n:[n];!function(e,n,t,r,o){Z(e,n,t,p({},r,o))}(d(t),e.data,e.children,e.children,r)}},O=function(n){if(n.async){var t=e.async||{},r=t.callback,o=void 0===r?null:r,i=t.cache,u=void 0===i||i;"function"!=typeof o||n.cached?console.error("async need to set prop: asyncLoad with function wich will return promise object"):(Object.assign(n,{loading:!0}),o(n,(function(e){return m(e,n)})).then((function(e){return m(e,n)})).catch((function(e){return console.error("load remote data error:",e)})).finally((function(){Z(d(n),e.data,e.children,Object.assign({loading:!1},u?{cached:!0}:{}))})))}y(n)&&function(e){var n=!x(e);s(e,"__isOpen",n),n||h.value.filter((function(n){return String.prototype.startsWith.call(d(n),d(e))})).forEach((function(e){return s(e,"__isOpen",n)}))}(n)},T=function(e){return v(e)||x(e)||x(c(e,"__parentId"))};return{renderData:h,flatData:u,hanldeTreeNodeClick:O,handleNodeContentClick:function(e){i.includes(e.__uuid)||(i.forEach((function(e){return s({__uuid:e},"__checked",!1)})),i.length=0,s(e,"__checked",!0),i.push(e.__uuid),_(e)||O(e),n.emit("check",e,a(e.__uuid)))},handleNodeActionClick:function(e){O(e)},getActionIcon:function(n){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(v(n),y(n)||n.async,x(n),"action",n))?g(o):("default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon)&&(y(n)||n.async)?x(n)?t.createVNode(r.DownShape,null,null):t.createVNode(r.RightShape,null,null):null},getRootIcon:b,getVirtualLines:function(n){if(!e.levelLine)return null;var r=c(n,"__depth")+1;return new Array(r).fill("").map((function(e,n){return n})).filter((function(e){return function(e,n){if(v(n))return!1;var t=d(n),r="".concat(t).split("-").slice(0,e+1);if(r.join("-")===t)return!0;var o=r.pop(),i=parseInt(o,10);r.push("".concat(i+1));var u=r.join("-");return l.value.some((function(e){return e.__path===u}))}(e,n)})).filter((function(e){return e>0})).map((function(e){return t.createVNode("span",{class:"node-virtual-line",style:(n=r-e,{"--depth":n})},null);var n}))},getNodePrefixIcon:function(n){var o=null;return"function"==typeof e.prefixIcon&&"default"!==(o=e.prefixIcon(v(n),y(n)||n.async,x(n),"node_type",n))?g(o):"default"===o||"boolean"==typeof e.prefixIcon&&e.prefixIcon?v(n)||y(n)?b(n):t.createVNode(r.TextFile,{class:"bk-tree-icon"},null):null},getLoadingIcon:function(e){return e.loading?t.createVNode(r.Spinner,null,null):""}}},render:function(){var e=this,n=this.$props,r=function(r){return t.createVNode("div",{class:Y(r,e.flatData.schema)},[t.createVNode("div",{class:X(r,e.flatData.schema,n),style:Q(r,n,e.flatData)},[t.createVNode("span",{class:"node-action",onClick:function(){return e.handleNodeActionClick(r)}},[e.getActionIcon(r)]),t.createVNode("span",{class:"node-content",onClick:function(){return e.handleNodeContentClick(r)}},[[e.getNodePrefixIcon(r),e.getLoadingIcon(r)],t.createVNode("span",null,[z(r,n)])]),e.getVirtualLines(r)])])};return t.createVNode(l.default,{class:"bk-tree",style:K(null,n),list:this.renderData,lineHeight:n.lineHeight,enabled:n.virtualRender,throttleDelay:0},{default:function(e){return(e.data||[]).map(r)}})}}),ne=n.withInstall(ee);e.default=ne,Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/lib/tree/props.d.ts
CHANGED
@@ -67,14 +67,23 @@ export declare const treeProps: {
|
|
67
67
|
default: any;
|
68
68
|
};
|
69
69
|
/**
|
70
|
-
*
|
71
|
-
*
|
72
|
-
*
|
70
|
+
* 异步加载节点数据配置
|
71
|
+
* @param callback 请求数据回调函数,函数返回 Promise
|
72
|
+
* @param cache 是否缓存请求结果,默认为True,只有在第一次才会发起请求,若设置为false则每次都会发起请求
|
73
73
|
*/
|
74
|
-
|
75
|
-
|
74
|
+
async: import("vue-types").VueTypeShape<AsyncOption>;
|
75
|
+
/**
|
76
|
+
* 每个节点偏移左侧距离
|
77
|
+
*/
|
78
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
79
|
+
default: number;
|
76
80
|
} & {
|
77
|
-
default:
|
81
|
+
default: number;
|
78
82
|
};
|
79
83
|
};
|
84
|
+
declare type AsyncOption = {
|
85
|
+
callback: (item: any, cb: any) => Promise<any>;
|
86
|
+
cache: Boolean;
|
87
|
+
};
|
80
88
|
export declare type TreePropTypes = Readonly<ExtractPropTypes<typeof treeProps>>;
|
89
|
+
export {};
|
package/lib/tree/tree.css
CHANGED
@@ -1,3 +1,9 @@
|
|
1
|
+
.bk-tree .bk-node-row {
|
2
|
+
padding-left: calc(var(--offset-left));
|
3
|
+
}
|
4
|
+
.bk-tree .bk-node-row.is-checked {
|
5
|
+
background-color: #EBF2FF;
|
6
|
+
}
|
1
7
|
.bk-tree .bk-tree-node {
|
2
8
|
position: relative;
|
3
9
|
height: var(--lineHeight);
|
@@ -5,21 +11,10 @@
|
|
5
11
|
line-height: var(--lineHeight);
|
6
12
|
cursor: pointer;
|
7
13
|
}
|
8
|
-
.bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {
|
9
|
-
position: absolute;
|
10
|
-
top: calc(var(--lineHeight) / 2 + 6px);
|
11
|
-
left: 6px;
|
12
|
-
z-index: 1;
|
13
|
-
width: 0;
|
14
|
-
height: calc(var(--lines) * var(--lineHeight) - 6px);
|
15
|
-
pointer-events: none;
|
16
|
-
border-left: var(--level-line);
|
17
|
-
content: '';
|
18
|
-
}
|
19
14
|
.bk-tree .bk-tree-node:not(.is-root) {
|
20
15
|
margin-left: calc(var(--depth)*var(--indent));
|
21
16
|
}
|
22
|
-
.bk-tree .bk-tree-node:not(.is-root)::before {
|
17
|
+
.bk-tree .bk-tree-node:not(.is-root).level-line::before {
|
23
18
|
position: absolute;
|
24
19
|
top: calc(50% + 1px);
|
25
20
|
left: calc(0px - var(--indent) + 6px);
|
@@ -42,3 +37,6 @@
|
|
42
37
|
.bk-tree .bk-tree-node .bk-tree-icon {
|
43
38
|
margin: 0 6px 0 4px;
|
44
39
|
}
|
40
|
+
.bk-tree .bk-tree-node .node-content {
|
41
|
+
display: inline-block;
|
42
|
+
}
|
package/lib/tree/tree.d.ts
CHANGED
@@ -19,7 +19,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
19
19
|
default: number;
|
20
20
|
} & {
|
21
21
|
default: number;
|
22
|
-
};
|
22
|
+
}; /**
|
23
|
+
* 监听组件配置Data改变
|
24
|
+
*/
|
23
25
|
levelLine: import("vue-types").VueTypeDef<any> & {
|
24
26
|
default: any;
|
25
27
|
};
|
@@ -31,10 +33,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
31
33
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
32
34
|
default: any;
|
33
35
|
};
|
34
|
-
|
35
|
-
|
36
|
+
async: import("vue-types").VueTypeShape<{
|
37
|
+
callback: (item: any, cb: any) => Promise<any>;
|
38
|
+
cache: Boolean;
|
39
|
+
}>;
|
40
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
41
|
+
default: number;
|
36
42
|
} & {
|
37
|
-
default:
|
43
|
+
default: number;
|
38
44
|
};
|
39
45
|
}, {
|
40
46
|
renderData: import("vue").ComputedRef<any[]>;
|
@@ -44,12 +50,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
44
50
|
levelLineSchema: {};
|
45
51
|
};
|
46
52
|
hanldeTreeNodeClick: (item: any) => void;
|
47
|
-
|
53
|
+
handleNodeContentClick: (item: any) => void;
|
54
|
+
handleNodeActionClick: (node: any) => void;
|
55
|
+
getActionIcon: (item: any) => any;
|
48
56
|
getRootIcon: (item: any) => JSX.Element;
|
49
57
|
getVirtualLines: (node: any) => JSX.Element[];
|
50
|
-
getNodePrefixIcon: (item: any) =>
|
51
|
-
getLoadingIcon: (item: any) =>
|
52
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
58
|
+
getNodePrefixIcon: (item: any) => any;
|
59
|
+
getLoadingIcon: (item: any) => JSX.Element | "";
|
60
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
53
61
|
data: import("vue-types").VueTypeDef<any[]> & {
|
54
62
|
default: () => any[];
|
55
63
|
};
|
@@ -68,7 +76,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
68
76
|
default: number;
|
69
77
|
} & {
|
70
78
|
default: number;
|
71
|
-
};
|
79
|
+
}; /**
|
80
|
+
* 监听组件配置Data改变
|
81
|
+
*/
|
72
82
|
levelLine: import("vue-types").VueTypeDef<any> & {
|
73
83
|
default: any;
|
74
84
|
};
|
@@ -80,10 +90,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
80
90
|
prefixIcon: import("vue-types").VueTypeDef<any> & {
|
81
91
|
default: any;
|
82
92
|
};
|
83
|
-
|
84
|
-
|
93
|
+
async: import("vue-types").VueTypeShape<{
|
94
|
+
callback: (item: any, cb: any) => Promise<any>;
|
95
|
+
cache: Boolean;
|
96
|
+
}>;
|
97
|
+
offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
|
98
|
+
default: number;
|
85
99
|
} & {
|
86
|
-
default:
|
100
|
+
default: number;
|
87
101
|
};
|
88
102
|
}>>, {
|
89
103
|
data: any[];
|
@@ -93,6 +107,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
93
107
|
indent: number;
|
94
108
|
levelLine: any;
|
95
109
|
virtualRender: boolean;
|
96
|
-
|
110
|
+
offsetLeft: number;
|
97
111
|
}>;
|
98
112
|
export default _default;
|
package/lib/tree/tree.less
CHANGED
@@ -1,4 +1,11 @@
|
|
1
1
|
.bk-tree {
|
2
|
+
.bk-node-row {
|
3
|
+
padding-left: calc(var(--offset-left));
|
4
|
+
&.is-checked {
|
5
|
+
background-color: #EBF2FF;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
|
2
9
|
.bk-tree-node {
|
3
10
|
position: relative;
|
4
11
|
height: var(--lineHeight);
|
@@ -6,38 +13,24 @@
|
|
6
13
|
line-height: var(--lineHeight);
|
7
14
|
cursor: pointer;
|
8
15
|
|
9
|
-
|
10
|
-
|
11
|
-
|
16
|
+
&:not(.is-root) {
|
17
|
+
margin-left: calc(var(--depth)*var(--indent));
|
18
|
+
|
19
|
+
&.level-line {
|
20
|
+
&::before {
|
12
21
|
position: absolute;
|
13
|
-
top: calc(
|
14
|
-
left: 6px;
|
22
|
+
top: calc(50% + 1px);
|
23
|
+
left: calc(0px - var(--indent) + 6px);
|
15
24
|
z-index: 1;
|
16
|
-
width:
|
17
|
-
height:
|
25
|
+
width: calc(var(--indent) - 6px);
|
26
|
+
height: 0;
|
18
27
|
pointer-events: none;
|
19
|
-
border-
|
28
|
+
border-bottom: var(--level-line);
|
20
29
|
content: '';
|
21
30
|
}
|
22
31
|
}
|
23
32
|
}
|
24
33
|
|
25
|
-
&:not(.is-root) {
|
26
|
-
margin-left: calc(var(--depth)*var(--indent));
|
27
|
-
|
28
|
-
&::before {
|
29
|
-
position: absolute;
|
30
|
-
top: calc(50% + 1px);
|
31
|
-
left: calc(0px - var(--indent) + 6px);
|
32
|
-
z-index: 1;
|
33
|
-
width: calc(var(--indent) - 6px);
|
34
|
-
height: 0;
|
35
|
-
pointer-events: none;
|
36
|
-
border-bottom: var(--level-line);
|
37
|
-
content: '';
|
38
|
-
}
|
39
|
-
}
|
40
|
-
|
41
34
|
.node-virtual-line {
|
42
35
|
display: inline-block;
|
43
36
|
position: absolute;
|
@@ -51,5 +44,9 @@
|
|
51
44
|
.bk-tree-icon {
|
52
45
|
margin: 0 6px 0 4px;
|
53
46
|
}
|
47
|
+
|
48
|
+
.node-content {
|
49
|
+
display: inline-block;
|
50
|
+
}
|
54
51
|
}
|
55
52
|
}
|
@@ -1,3 +1,9 @@
|
|
1
|
+
.bk-tree .bk-node-row {
|
2
|
+
padding-left: calc(var(--offset-left));
|
3
|
+
}
|
4
|
+
.bk-tree .bk-node-row.is-checked {
|
5
|
+
background-color: #EBF2FF;
|
6
|
+
}
|
1
7
|
.bk-tree .bk-tree-node {
|
2
8
|
position: relative;
|
3
9
|
height: var(--lineHeight);
|
@@ -5,21 +11,10 @@
|
|
5
11
|
line-height: var(--lineHeight);
|
6
12
|
cursor: pointer;
|
7
13
|
}
|
8
|
-
.bk-tree .bk-tree-node.is-open:not(.is-virtual-render)::after {
|
9
|
-
position: absolute;
|
10
|
-
top: calc(var(--lineHeight) / 2 + 6px);
|
11
|
-
left: 6px;
|
12
|
-
z-index: 1;
|
13
|
-
width: 0;
|
14
|
-
height: calc(var(--lines) * var(--lineHeight) - 6px);
|
15
|
-
pointer-events: none;
|
16
|
-
border-left: var(--level-line);
|
17
|
-
content: '';
|
18
|
-
}
|
19
14
|
.bk-tree .bk-tree-node:not(.is-root) {
|
20
15
|
margin-left: calc(var(--depth)*var(--indent));
|
21
16
|
}
|
22
|
-
.bk-tree .bk-tree-node:not(.is-root)::before {
|
17
|
+
.bk-tree .bk-tree-node:not(.is-root).level-line::before {
|
23
18
|
position: absolute;
|
24
19
|
top: calc(50% + 1px);
|
25
20
|
left: calc(0px - var(--indent) + 6px);
|
@@ -42,3 +37,6 @@
|
|
42
37
|
.bk-tree .bk-tree-node .bk-tree-icon {
|
43
38
|
margin: 0 6px 0 4px;
|
44
39
|
}
|
40
|
+
.bk-tree .bk-tree-node .node-content {
|
41
|
+
display: inline-block;
|
42
|
+
}
|
package/lib/tree/util.d.ts
CHANGED
@@ -21,7 +21,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
|
|
21
21
|
'--level-line': any;
|
22
22
|
'--lineHeight': string;
|
23
23
|
'--indent': string;
|
24
|
-
|
24
|
+
'--offset-left': string;
|
25
25
|
};
|
26
26
|
/**
|
27
27
|
* 获取节点样式配置
|
@@ -29,12 +29,7 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
|
|
29
29
|
* @param props
|
30
30
|
* @returns
|
31
31
|
*/
|
32
|
-
export declare const getNodeItemStyle:
|
33
|
-
'--level-line'?: any;
|
34
|
-
'--depth': any;
|
35
|
-
paddingLeft: number;
|
36
|
-
'--lines': number;
|
37
|
-
};
|
32
|
+
export declare const getNodeItemStyle: any;
|
38
33
|
/**
|
39
34
|
* 获取当前渲染节点Class List
|
40
35
|
* @param item
|
@@ -45,6 +40,16 @@ export declare const getNodeItemClass: (item: any, schema: any, props: TreePropT
|
|
45
40
|
'bk-tree-node': boolean;
|
46
41
|
'is-open': any;
|
47
42
|
'is-virtual-render': boolean;
|
43
|
+
'level-line': any;
|
44
|
+
};
|
45
|
+
/**
|
46
|
+
* 获取当前渲染节点Class List
|
47
|
+
* @param item
|
48
|
+
* @returns
|
49
|
+
*/
|
50
|
+
export declare const getNodeRowClass: (item: any, schema: any) => {
|
51
|
+
'is-checked': any;
|
52
|
+
'bk-node-row': boolean;
|
48
53
|
};
|
49
54
|
/**
|
50
55
|
* 根据路径更新指定节点Child-Data
|
@@ -55,3 +60,11 @@ export declare const getNodeItemClass: (item: any, schema: any, props: TreePropT
|
|
55
60
|
* @param nodeValue 节点值
|
56
61
|
*/
|
57
62
|
export declare const updateTreeNode: (path: string, treeData: any[], childKey: string, nodekey: string, nodeValue: any) => void;
|
63
|
+
/**
|
64
|
+
* 根据路径更新指定节点Child-Data
|
65
|
+
* @param path 节点路径
|
66
|
+
* @param treeData Tree Data
|
67
|
+
* @param childKey Child Key
|
68
|
+
* @param assignVal value
|
69
|
+
*/
|
70
|
+
export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;
|
@@ -3,10 +3,10 @@ declare const BkVirtualRender: {
|
|
3
3
|
$: import("vue").ComponentInternalInstance;
|
4
4
|
$data: {};
|
5
5
|
$props: Partial<{
|
6
|
-
enabled: boolean;
|
7
6
|
width: string | number;
|
8
7
|
height: string | number;
|
9
8
|
list: unknown[];
|
9
|
+
enabled: boolean;
|
10
10
|
lineHeight: any;
|
11
11
|
minHeight: number;
|
12
12
|
className: string | {
|
@@ -135,7 +135,7 @@ declare const BkVirtualRender: {
|
|
135
135
|
} & {
|
136
136
|
default: number;
|
137
137
|
};
|
138
|
-
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "
|
138
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "list" | "enabled" | "lineHeight" | "minHeight" | "className" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay">;
|
139
139
|
$attrs: {
|
140
140
|
[x: string]: unknown;
|
141
141
|
};
|
@@ -259,10 +259,10 @@ declare const BkVirtualRender: {
|
|
259
259
|
}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
260
260
|
[key: string]: any;
|
261
261
|
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {
|
262
|
-
enabled: boolean;
|
263
262
|
width: string | number;
|
264
263
|
height: string | number;
|
265
264
|
list: unknown[];
|
265
|
+
enabled: boolean;
|
266
266
|
lineHeight: any;
|
267
267
|
minHeight: number;
|
268
268
|
className: string | {
|
@@ -527,10 +527,10 @@ declare const BkVirtualRender: {
|
|
527
527
|
}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
528
528
|
[key: string]: any;
|
529
529
|
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "content-scroll", {
|
530
|
-
enabled: boolean;
|
531
530
|
width: string | number;
|
532
531
|
height: string | number;
|
533
532
|
list: unknown[];
|
533
|
+
enabled: boolean;
|
534
534
|
lineHeight: any;
|
535
535
|
minHeight: number;
|
536
536
|
className: string | {
|