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.
Files changed (126) hide show
  1. package/README.md +7 -3
  2. package/README_EN.md +7 -3
  3. package/dist/bkui-vue.cjs.js +8514 -3025
  4. package/dist/bkui-vue.esm.js +8515 -3026
  5. package/dist/bkui-vue.umd.js +8516 -3027
  6. package/dist/style.css +153 -86
  7. package/lib/alert/index.js +1 -1
  8. package/lib/animate-number/index.js +1 -1
  9. package/lib/backtop/index.js +10 -1
  10. package/lib/badge/index.js +1 -1
  11. package/lib/breadcrumb/index.js +1 -1
  12. package/lib/button/button.css +9 -0
  13. package/lib/button/button.d.ts +25 -1
  14. package/lib/button/button.less +18 -10
  15. package/lib/button/button.variable.css +9 -0
  16. package/lib/button/index.d.ts +42 -4
  17. package/lib/button/index.js +1 -1
  18. package/lib/card/index.js +1 -1
  19. package/lib/checkbox/common.d.ts +1 -1
  20. package/lib/checkbox/index.js +1 -1
  21. package/lib/checkbox/type.d.ts +1 -1
  22. package/lib/code-diff/code-diff.css +115 -0
  23. package/lib/code-diff/code-diff.d.ts +71 -0
  24. package/lib/code-diff/code-diff.less +145 -0
  25. package/lib/code-diff/code-diff.variable.css +208 -0
  26. package/lib/code-diff/index.d.ts +6 -0
  27. package/lib/collapse/index.js +1 -1
  28. package/lib/date-picker/date-picker.d.ts +21 -131
  29. package/lib/date-picker/index.d.ts +7 -7
  30. package/lib/date-picker/index.js +1 -1
  31. package/lib/date-picker/interface.d.ts +1 -1
  32. package/lib/date-picker/props.d.ts +111 -0
  33. package/lib/date-picker/utils.d.ts +1 -1
  34. package/lib/dialog/dialog.d.ts +2 -2
  35. package/lib/dialog/index.d.ts +7 -7
  36. package/lib/dialog/index.js +1 -1
  37. package/lib/directives/clickoutside.d.ts +3 -23
  38. package/lib/directives/index.js +2 -2
  39. package/lib/divider/index.js +1 -1
  40. package/lib/dropdown/index.d.ts +1 -1
  41. package/lib/dropdown/index.js +1 -1
  42. package/lib/exception/index.js +1 -1
  43. package/lib/fixed-navbar/index.js +1 -1
  44. package/lib/form/form-item.d.ts +7 -21
  45. package/lib/form/form.css +9 -0
  46. package/lib/form/form.d.ts +9 -29
  47. package/lib/form/form.less +14 -1
  48. package/lib/form/form.variable.css +9 -0
  49. package/lib/form/index.d.ts +18 -58
  50. package/lib/form/index.js +1 -1
  51. package/lib/input/index.d.ts +61 -7
  52. package/lib/input/index.js +2 -2
  53. package/lib/input/input.css +19 -2
  54. package/lib/input/input.d.ts +32 -2
  55. package/lib/input/input.less +25 -3
  56. package/lib/input/input.variable.css +19 -2
  57. package/lib/link/index.js +1 -1
  58. package/lib/loading/index.d.ts +32 -10
  59. package/lib/loading/index.js +1 -1
  60. package/lib/loading/loading.css +98 -71
  61. package/lib/loading/loading.d.ts +23 -8
  62. package/lib/loading/loading.less +62 -49
  63. package/lib/loading/loading.variable.css +98 -71
  64. package/lib/menu/index.js +1 -1
  65. package/lib/menu/utils.d.ts +1 -1
  66. package/lib/message/index.js +1 -1
  67. package/lib/message/messageConstructor.d.ts +1 -1
  68. package/lib/modal/index.d.ts +4 -4
  69. package/lib/modal/index.js +1 -1
  70. package/lib/modal/modal.d.ts +1 -1
  71. package/lib/notify/index.js +1 -1
  72. package/lib/notify/notifyConstructor.d.ts +1 -1
  73. package/lib/pagination/index.d.ts +4 -4
  74. package/lib/pagination/index.js +1 -1
  75. package/lib/pagination/pagination.d.ts +1 -1
  76. package/lib/popover/index.d.ts +7 -7
  77. package/lib/popover/index.js +1 -1
  78. package/lib/popover/popover.d.ts +2 -2
  79. package/lib/process/index.js +2 -2
  80. package/lib/progress/index.d.ts +4 -4
  81. package/lib/progress/index.js +1 -1
  82. package/lib/progress/progress.d.ts +1 -1
  83. package/lib/radio/common.d.ts +1 -1
  84. package/lib/radio/index.d.ts +1 -1
  85. package/lib/radio/index.js +1 -1
  86. package/lib/radio/type.d.ts +1 -1
  87. package/lib/rate/index.js +1 -1
  88. package/lib/select/index.js +12 -12
  89. package/lib/shared/bk-helper-core.d.ts +0 -1
  90. package/lib/shared/bk-popover.d.ts +1 -1
  91. package/lib/shared/index.d.ts +0 -10
  92. package/lib/shared/index.js +1 -1
  93. package/lib/shared/vue-types.d.ts +5 -1
  94. package/lib/sideslider/index.d.ts +4 -4
  95. package/lib/sideslider/index.js +1 -1
  96. package/lib/sideslider/sideslider.d.ts +1 -1
  97. package/lib/slider/index.js +2 -2
  98. package/lib/steps/index.js +2 -2
  99. package/lib/switcher/index.js +1 -1
  100. package/lib/tab/index.js +1 -1
  101. package/lib/tab/tab-nav.d.ts +1 -1
  102. package/lib/table/index.d.ts +36 -13
  103. package/lib/table/index.js +10 -1
  104. package/lib/table/props.d.ts +8 -0
  105. package/lib/table/render.d.ts +3 -1
  106. package/lib/table/table.css +8 -1
  107. package/lib/table/table.d.ts +15 -4
  108. package/lib/table/table.less +10 -1
  109. package/lib/table/table.variable.css +8 -1
  110. package/lib/tag/index.d.ts +3 -3
  111. package/lib/tag/index.js +1 -1
  112. package/lib/tag/tag.d.ts +1 -1
  113. package/lib/timeline/index.js +1 -1
  114. package/lib/transfer/index.js +1 -1
  115. package/lib/tree/index.d.ts +50 -28
  116. package/lib/tree/index.js +1 -1
  117. package/lib/tree/props.d.ts +15 -6
  118. package/lib/tree/tree.css +10 -12
  119. package/lib/tree/tree.d.ts +27 -13
  120. package/lib/tree/tree.less +21 -24
  121. package/lib/tree/tree.variable.css +10 -12
  122. package/lib/tree/util.d.ts +20 -7
  123. package/lib/virtual-render/index.d.ts +4 -4
  124. package/lib/virtual-render/index.js +10 -1
  125. package/lib/virtual-render/virtual-render.d.ts +1 -1
  126. package/package.json +14 -12
@@ -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})}));
@@ -10,7 +10,7 @@ declare const BkTree: {
10
10
  indent: number;
11
11
  levelLine: any;
12
12
  virtualRender: boolean;
13
- asyncLoad: (...args: any[]) => any;
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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
46
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
52
+ default: number;
49
53
  };
50
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "lineHeight" | "prefixIcon" | "children" | "indent" | "levelLine" | "virtualRender" | "asyncLoad">;
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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
96
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
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
- getActionIcon: (item: any) => string | JSX.Element;
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) => string | JSX.Element;
112
- getLoadingIcon: (item: any) => "" | JSX.Element;
113
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
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
- asyncLoad: (...args: any[]) => any;
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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
174
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
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
- getActionIcon: (item: any) => string | JSX.Element;
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) => string | JSX.Element;
190
- getLoadingIcon: (item: any) => "" | JSX.Element;
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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
227
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
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
- getActionIcon: (item: any) => string | JSX.Element;
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) => string | JSX.Element;
243
- getLoadingIcon: (item: any) => "" | JSX.Element;
244
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
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
- asyncLoad: (...args: any[]) => any;
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})}));
@@ -67,14 +67,23 @@ export declare const treeProps: {
67
67
  default: any;
68
68
  };
69
69
  /**
70
- * 异步请求方法
71
- * func<Promise>: (node: any) => ({ })
72
- * 如果node设置了async = true,则会触发此方法
70
+ * 异步加载节点数据配置
71
+ * @param callback 请求数据回调函数,函数返回 Promise
72
+ * @param cache 是否缓存请求结果,默认为True,只有在第一次才会发起请求,若设置为false则每次都会发起请求
73
73
  */
74
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
75
- default: (...args: any[]) => any;
74
+ async: import("vue-types").VueTypeShape<AsyncOption>;
75
+ /**
76
+ * 每个节点偏移左侧距离
77
+ */
78
+ offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
79
+ default: number;
76
80
  } & {
77
- default: (...args: any[]) => any;
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
+ }
@@ -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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
35
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
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
- getActionIcon: (item: any) => string | JSX.Element;
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) => string | JSX.Element;
51
- getLoadingIcon: (item: any) => "" | JSX.Element;
52
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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
- asyncLoad: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
84
- default: (...args: any[]) => any;
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: (...args: any[]) => any;
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
- asyncLoad: (...args: any[]) => any;
110
+ offsetLeft: number;
97
111
  }>;
98
112
  export default _default;
@@ -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
- &.is-open {
10
- &:not(.is-virtual-render) {
11
- &::after {
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(var(--lineHeight) / 2 + 6px);
14
- left: 6px;
22
+ top: calc(50% + 1px);
23
+ left: calc(0px - var(--indent) + 6px);
15
24
  z-index: 1;
16
- width: 0;
17
- height: calc(var(--lines) * var(--lineHeight) - 6px);
25
+ width: calc(var(--indent) - 6px);
26
+ height: 0;
18
27
  pointer-events: none;
19
- border-left: var(--level-line);
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
+ }
@@ -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
- padding: number;
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: (item: any, props: TreePropTypes, flatData?: any) => {
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, "enabled" | "width" | "height" | "list" | "lineHeight" | "minHeight" | "className" | "contentClassName" | "contentStyle" | "scrollXName" | "scrollYName" | "groupItemCount" | "preloadItemCount" | "renderAs" | "contentAs" | "scrollOffsetTop" | "scrollPosition" | "abosuteHeight" | "throttleDelay">;
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 | {