bkui-vue 0.0.1-beta.16 → 0.0.1-beta.17

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 (153) hide show
  1. package/dist/bkui-vue.cjs.js +796 -139
  2. package/dist/bkui-vue.esm.js +841 -186
  3. package/dist/bkui-vue.umd.js +796 -139
  4. package/dist/style.css +287 -13
  5. package/lib/alert/alert.d.ts +24 -15
  6. package/lib/alert/alert.variable.css +6 -0
  7. package/lib/alert/index.d.ts +96 -60
  8. package/lib/animate-number/animate-number.d.ts +12 -7
  9. package/lib/animate-number/index.d.ts +48 -28
  10. package/lib/backtop/backtop.d.ts +27 -13
  11. package/lib/backtop/backtop.variable.css +6 -0
  12. package/lib/backtop/index.d.ts +108 -52
  13. package/lib/badge/badge.d.ts +40 -19
  14. package/lib/badge/badge.variable.css +6 -0
  15. package/lib/badge/index.d.ts +144 -76
  16. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  17. package/lib/breadcrumb/breadcrumb.d.ts +21 -13
  18. package/lib/breadcrumb/breadcrumb.variable.css +6 -0
  19. package/lib/breadcrumb/index.d.ts +97 -61
  20. package/lib/button/button-group.d.ts +3 -5
  21. package/lib/button/button.d.ts +27 -22
  22. package/lib/button/button.variable.css +6 -0
  23. package/lib/button/index.d.ts +111 -93
  24. package/lib/card/card.d.ts +30 -15
  25. package/lib/card/card.variable.css +6 -0
  26. package/lib/card/index.d.ts +120 -60
  27. package/lib/checkbox/checkbox-group.d.ts +13 -9
  28. package/lib/checkbox/checkbox.d.ts +31 -22
  29. package/lib/checkbox/checkbox.variable.css +6 -0
  30. package/lib/checkbox/index.d.ts +137 -97
  31. package/lib/collapse/collapse.d.ts +50 -18
  32. package/lib/collapse/index.d.ts +108 -72
  33. package/lib/components.d.ts +2 -0
  34. package/lib/date-picker/date-picker.d.ts +110 -63
  35. package/lib/date-picker/date-picker.variable.css +6 -0
  36. package/lib/date-picker/index.d.ts +437 -249
  37. package/lib/dialog/dialog.d.ts +44 -23
  38. package/lib/dialog/index.d.ts +176 -92
  39. package/lib/divider/divider.d.ts +21 -13
  40. package/lib/divider/divider.variable.css +6 -0
  41. package/lib/divider/index.d.ts +84 -52
  42. package/lib/dropdown/dropdown-item.d.ts +6 -5
  43. package/lib/dropdown/dropdown-menu.d.ts +6 -5
  44. package/lib/dropdown/dropdown.d.ts +25 -13
  45. package/lib/dropdown/dropdown.variable.css +6 -0
  46. package/lib/dropdown/index.d.ts +94 -62
  47. package/lib/exception/exception.d.ts +11 -9
  48. package/lib/exception/exception.variable.css +6 -0
  49. package/lib/exception/index.d.ts +44 -36
  50. package/lib/fixed-navbar/fixed-navbar.d.ts +15 -9
  51. package/lib/fixed-navbar/fixed-navbar.variable.css +6 -0
  52. package/lib/fixed-navbar/index.d.ts +60 -36
  53. package/lib/form/form-item.d.ts +46 -27
  54. package/lib/form/form.d.ts +21 -13
  55. package/lib/input/index.d.ts +240 -160
  56. package/lib/input/input.d.ts +60 -40
  57. package/lib/input/input.variable.css +6 -0
  58. package/lib/link/index.d.ts +100 -52
  59. package/lib/link/link.d.ts +25 -13
  60. package/lib/link/link.variable.css +6 -0
  61. package/lib/loading/index.d.ts +64 -64
  62. package/lib/loading/loading.d.ts +16 -16
  63. package/lib/loading/loading.variable.css +6 -0
  64. package/lib/menu/index.d.ts +90 -71
  65. package/lib/menu/menu-group.d.ts +6 -5
  66. package/lib/menu/menu-item.d.ts +6 -5
  67. package/lib/menu/menu.d.ts +18 -14
  68. package/lib/menu/menu.variable.css +6 -0
  69. package/lib/menu/submenu.d.ts +6 -5
  70. package/lib/menu/submenu.variable.css +6 -0
  71. package/lib/message/message.variable.css +6 -0
  72. package/lib/message/messageConstructor.d.ts +28 -16
  73. package/lib/modal/index.d.ts +88 -52
  74. package/lib/modal/modal.d.ts +22 -13
  75. package/lib/navigation/navigation-title.d.ts +10 -7
  76. package/lib/navigation/navigation.d.ts +40 -23
  77. package/lib/navigation/navigation.variable.css +6 -0
  78. package/lib/notify/notify.variable.css +6 -0
  79. package/lib/notify/notifyConstructor.d.ts +36 -20
  80. package/lib/popover/index.d.ts +207 -177
  81. package/lib/popover/popover.d.ts +52 -30
  82. package/lib/popover/popover.variable.css +6 -0
  83. package/lib/process/index.d.ts +120 -60
  84. package/lib/process/process.css +2 -3
  85. package/lib/process/process.d.ts +30 -15
  86. package/lib/process/process.less +2 -3
  87. package/lib/process/process.variable.css +8 -3
  88. package/lib/progress/index.d.ts +284 -136
  89. package/lib/progress/progress.d.ts +71 -34
  90. package/lib/progress/progress.variable.css +6 -0
  91. package/lib/radio/index.d.ts +127 -78
  92. package/lib/radio/radio-button.d.ts +24 -16
  93. package/lib/radio/radio-group.d.ts +11 -10
  94. package/lib/radio/radio.d.ts +23 -13
  95. package/lib/radio/radio.variable.css +6 -0
  96. package/lib/rate/index.d.ts +52 -40
  97. package/lib/rate/rate.d.ts +13 -10
  98. package/lib/rate/star.d.ts +32 -15
  99. package/lib/select/index.d.ts +396 -327
  100. package/lib/select/option.d.ts +9 -10
  101. package/lib/select/optionGroup.d.ts +49 -41
  102. package/lib/select/select.d.ts +98 -84
  103. package/lib/select/select.variable.css +6 -0
  104. package/lib/sideslider/index.d.ts +108 -60
  105. package/lib/sideslider/sideslider.d.ts +27 -15
  106. package/lib/sideslider/sideslider.variable.css +6 -0
  107. package/lib/slider/slider-button.d.ts +10 -7
  108. package/lib/slider/slider.d.ts +70 -40
  109. package/lib/slider/slider.variable.css +6 -0
  110. package/lib/steps/index.d.ts +156 -104
  111. package/lib/steps/steps.css +3 -0
  112. package/lib/steps/steps.d.ts +39 -26
  113. package/lib/steps/steps.less +4 -0
  114. package/lib/steps/steps.variable.css +9 -0
  115. package/lib/styles/index.d.ts +1 -0
  116. package/lib/styles/index.js +1 -1
  117. package/lib/styles/themes/themes.less +10 -0
  118. package/lib/switcher/index.d.ts +192 -128
  119. package/lib/switcher/switcher.d.ts +48 -32
  120. package/lib/switcher/switcher.variable.css +6 -0
  121. package/lib/tab/index.d.ts +344 -208
  122. package/lib/tab/tab-nav.d.ts +74 -38
  123. package/lib/tab/tab-panel.d.ts +22 -20
  124. package/lib/tab/tab.d.ts +64 -32
  125. package/lib/tab/tab.variable.css +6 -0
  126. package/lib/table/const.d.ts +4 -0
  127. package/lib/table/index.d.ts +154 -130
  128. package/lib/table/index.js +1 -1
  129. package/lib/table/props.d.ts +18 -0
  130. package/lib/table/render.d.ts +18 -2
  131. package/lib/table/table.css +47 -10
  132. package/lib/table/table.d.ts +47 -22
  133. package/lib/table/table.less +61 -17
  134. package/lib/table/table.variable.css +55 -12
  135. package/lib/table/utils.d.ts +26 -1
  136. package/lib/tag/index.d.ts +10 -286
  137. package/lib/tag/tag.d.ts +2 -48
  138. package/lib/tag/tag.variable.css +6 -0
  139. package/lib/timeline/index.d.ts +129 -0
  140. package/lib/timeline/index.js +1 -0
  141. package/lib/timeline/timeline.css +235 -0
  142. package/lib/timeline/timeline.d.ts +81 -0
  143. package/lib/timeline/timeline.less +239 -0
  144. package/lib/timeline/timeline.variable.css +327 -0
  145. package/lib/tree/index.d.ts +140 -75
  146. package/lib/tree/index.js +1 -1
  147. package/lib/tree/props.d.ts +19 -1
  148. package/lib/tree/tree.d.ts +42 -20
  149. package/lib/virtual-render/index.d.ts +406 -260
  150. package/lib/virtual-render/index.js +1 -1
  151. package/lib/virtual-render/props.d.ts +1 -0
  152. package/lib/virtual-render/virtual-render.d.ts +104 -43
  153. package/package.json +1 -1
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r={exports:{}},l={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n},e.exports.__esModule=!0,e.exports.default=e.exports}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var i={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}(i);var u={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);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,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(u);var a={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}(a),function(e){var t=l.exports,o=i.exports,n=u.exports,r=a.exports;e.exports=function(e){return t(e)||o(e)||n(e)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(r);var p=n(r.exports),c={exports:{}};!function(e){function t(o){return e.exports=t="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,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(c);var f=n(c.exports),d={list:o.PropTypes.array.def([]),enabled:o.PropTypes.bool.def(!0),lineHeight:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.func]).def(30),minHeight:o.PropTypes.number.def(30),height:o.PropTypes.oneOfType([o.PropTypes.string.def("100%"),o.PropTypes.number]).def("100%"),width:o.PropTypes.oneOfType([o.PropTypes.string.def("100%"),o.PropTypes.number]).def("100%"),className:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.object,o.PropTypes.arrayOf(o.PropTypes.object),o.PropTypes.string]).def(""),contentClassName:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.object,o.PropTypes.arrayOf(o.PropTypes.object),o.PropTypes.string]).def(""),contentStyle:o.PropTypes.object.def({}),scrollXName:o.PropTypes.string.def("bk-scroll-x"),scrollYName:o.PropTypes.string.def("bk-scroll-y"),groupItemCount:o.PropTypes.number.def(1),preloadItemCount:o.PropTypes.number.def(1),renderAs:o.PropTypes.string.def("div"),contentAs:o.PropTypes.string.def("div"),scrollOffsetTop:o.PropTypes.number.def(0),scrollPosition:o.PropTypes.string.def("content"),abosuteHeight:o.PropTypes.oneOfType([o.PropTypes.string.def("auto"),o.PropTypes.number]).def("auto"),throttleDelay:o.PropTypes.number.def(60)},y=void 0;function v(e,t,o,n){for(var r=0,l=0,s=0,i=0;r<e;r++){if(l+(i=n(r,[r*o,(r+1)*o]))>t){s=t-l;break}l+=i}return{startIndex:r,height:l,diffHeight:s}}function h(e,t,o,n,r){if(n){var l=n.scrollTop,s=o.scrollTop,i=o.count,u=o.groupItemCount,a=o.startIndex,p=o.endIndex,c=n.offsetHeight,f=0,d=0,y=0;if("number"==typeof e&&(f=Math.floor(l/e),d=Math.ceil(c/e)+f,y=l%e),"function"==typeof e){var h=v(i,l,u,e);f=h.startIndex>0?h.startIndex:0,y=h.diffHeight,d=v(i,c,u,e).startIndex+f+1}l===s&&f===a&&d===p||"function"==typeof t&&t(r,f,d,l,y)}}function x(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,s=n.handleScrollCallback,i=n.pagination,u=void 0===i?{}:i,a=u.startIndex,p=u.endIndex,c=u.groupItemCount,f=u.count;h(l,s,{scrollTop:u.scrollTop,startIndex:a,endIndex:p,groupItemCount:c,count:f},t,e)}var m=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return o.throttle((function(e,t,o){return x(e,t,o)}),e)},b=null,g=function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;b||(b=m(n)),"function"==typeof b&&b.call(y,e,t,o)},T={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){g(e,o,t,n)}))},updated:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;g(null,o,t,n)},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",m)}}},P=t.defineComponent({name:"VirtualRender",directives:{bkVirtualRender:T},props:d,emits:["content-scroll"],setup:function(e,o){var n=this,r=e.renderAs,l=e.contentAs,s=function(e){return"string"==typeof e?[e]:"object"!==f(e)||Array.isArray(e)?e:[e]};if(!e.enabled)return function(){var n,i,u,a,p,c,f,d,y;return t.h(r,{class:s(e.className)},[null!==(u=null===(i=(n=o.slots).beforeContent)||void 0===i?void 0:i.call(n))&&void 0!==u?u:"",t.h(l,{class:s(e.contentClassName),style:e.contentStyle},[null!==(c=null===(p=(a=o.slots).default)||void 0===p?void 0:p.call(a,{data:e.list}))&&void 0!==c?c:""]),null!==(y=null===(d=(f=o.slots).afterContent)||void 0===d?void 0:d.call(f))&&void 0!==y?y:""])};var i=t.ref(null),u=t.reactive({startIndex:0,endIndex:0,scrollTop:1,translateY:0,count:0,groupItemCount:e.groupItemCount}),a=function(e,t,n,r,l){u.startIndex=t,u.endIndex=n,u.scrollTop=r,u.translateY=l,o.emit("content-scroll",[e,u])};t.onMounted((function(){t.nextTick((function(){v(e.list),x()}))})),t.watch((function(){return e.list}),(function(){c(),x()}),{deep:!0}),t.watch((function(){return e.lineHeight}),(function(){c(),x()}));var c=function(){v(e.list)},d=t.reactive(t.ref(0)),y=t.reactive(t.ref(0)),v=function(t){if(d.value=Math.ceil((t||[]).length/e.groupItemCount),u.count=d.value,u.startIndex=0,u.endIndex=0,u.translateY=0,u.scrollTop=0,"string"==typeof e.abosuteHeight&&"auto"===e.abosuteHeight)if("function"==typeof e.lineHeight){y.value=0;for(var o=0,r=0;r<d.value;r++){var l=e.lineHeight.call(n,r,t.slice(r*e.groupItemCount,e.groupItemCount));o+="number"==typeof l?l:0}y.value=o}else y.value=e.lineHeight*d.value;else y.value=e.abosuteHeight},x=function(){var t=(i.value||{}).parentNode;h(e.lineHeight,a,u,t,null)},m=t.computed((function(){return(e.list||[]).map((function(e,t){return Object.assign(e,{$index:t})}))})),b=t.computed((function(){return m.value.slice(u.startIndex*e.groupItemCount,(u.endIndex+e.preloadItemCount)*e.groupItemCount)})),g=t.computed((function(){return"content"===e.scrollPosition?{top:"".concat(u.scrollTop+e.scrollOffsetTop,"px"),transform:"translateY(-".concat(u.translateY,"px)")}:{}})),T=t.computed((function(){return Object.assign({height:"number"==typeof e.height?"".concat(e.height,"px"):e.height,width:"number"==typeof e.width?"".concat(e.width,"px"):e.width,display:"inline-block"},"container"===e.scrollPosition?g.value:{})})),P=t.computed((function(){var t="number"==typeof e.abosuteHeight&&0===e.abosuteHeight;return{height:"".concat(y.value<e.minHeight?e.minHeight:y.value,"px"),display:t?"none":"block"}})),I=t.computed((function(){return["bk-virtual-render",e.scrollXName,e.scrollYName].concat(p(s(e.className)),["container"===e.scrollPosition?"bk-virtual-content":""])})),C=t.computed((function(){return["content"===e.scrollPosition?"bk-virtual-content":""].concat(p(s(e.contentClassName)))})),H=t.resolveDirective("bkVirtualRender"),O={lineHeight:e.lineHeight,handleScrollCallback:a,pagination:u,throttleDelay:e.throttleDelay};return function(){var n,s,u,a,p,c,f,d,y;return t.h(r||"div",{ref:i,class:I.value,style:T.value},[null!==(u=null===(s=(n=o.slots).beforeContent)||void 0===s?void 0:s.call(n))&&void 0!==u?u:"",t.withDirectives(t.h(l||"div",{class:C.value,style:Object.assign(Object.assign({},g.value),e.contentStyle)},[null!==(c=null===(p=(a=o.slots).default)||void 0===p?void 0:p.call(a,{data:b.value}))&&void 0!==c?c:""]),[[H,O]]),null!==(y=null===(d=(f=o.slots).afterContent)||void 0===d?void 0:d.call(f))&&void 0!==y?y:"",t.h("div",{class:["bk-virtual-section"],style:P.value})])}}}),I=o.withInstall(P);e.default=I,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r={exports:{}},l={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n},e.exports.__esModule=!0,e.exports.default=e.exports}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var i={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}(i);var u={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);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,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(u);var a={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}(a),function(e){var t=l.exports,o=i.exports,n=u.exports,r=a.exports;e.exports=function(e){return t(e)||o(e)||n(e)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(r);var p=n(r.exports),c={exports:{}};!function(e){function t(o){return e.exports=t="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,t(o)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(c);var f=n(c.exports),d={onContentScroll:Function},y=Object.assign({list:o.PropTypes.array.def([]),enabled:o.PropTypes.bool.def(!0),lineHeight:o.PropTypes.oneOfType([o.PropTypes.number,o.PropTypes.func]).def(30),minHeight:o.PropTypes.number.def(30),height:o.PropTypes.oneOfType([o.PropTypes.string.def("100%"),o.PropTypes.number]).def("100%"),width:o.PropTypes.oneOfType([o.PropTypes.string.def("100%"),o.PropTypes.number]).def("100%"),className:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.object,o.PropTypes.arrayOf(o.PropTypes.object),o.PropTypes.string]).def(""),contentClassName:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.string),o.PropTypes.object,o.PropTypes.arrayOf(o.PropTypes.object),o.PropTypes.string]).def(""),contentStyle:o.PropTypes.object.def({}),scrollXName:o.PropTypes.string.def("bk-scroll-x"),scrollYName:o.PropTypes.string.def("bk-scroll-y"),groupItemCount:o.PropTypes.number.def(1),preloadItemCount:o.PropTypes.number.def(1),renderAs:o.PropTypes.string.def("div"),contentAs:o.PropTypes.string.def("div"),scrollOffsetTop:o.PropTypes.number.def(0),scrollPosition:o.PropTypes.string.def("content"),abosuteHeight:o.PropTypes.oneOfType([o.PropTypes.string.def("auto"),o.PropTypes.number]).def("auto"),throttleDelay:o.PropTypes.number.def(60)},d),v=void 0;function h(e,t,o,n){for(var r=0,l=0,s=0,i=0;r<e;r++){if(l+(i=n(r,[r*o,(r+1)*o]))>t){s=t-l;break}l+=i}return{startIndex:r,height:l,diffHeight:s}}function x(e,t,o,n,r){if(n){var l=n.scrollTop,s=o.scrollTop,i=o.count,u=o.groupItemCount,a=o.startIndex,p=o.endIndex,c=n.offsetHeight,f=0,d=0,y=0;if("number"==typeof e&&(f=Math.floor(l/e),d=Math.ceil(c/e)+f,y=l%e),"function"==typeof e){var v=h(i,l,u,e);f=v.startIndex>0?v.startIndex:0,y=v.diffHeight,d=h(i,c,u,e).startIndex+f+1}l===s&&f===a&&d===p||"function"==typeof t&&t(r,f,d,l,y)}}function m(e,t,o){var n=o.value,r=n.lineHeight,l=void 0===r?30:r,s=n.handleScrollCallback,i=n.pagination,u=void 0===i?{}:i,a=u.startIndex,p=u.endIndex,c=u.groupItemCount,f=u.count;x(l,s,{scrollTop:u.scrollTop,startIndex:a,endIndex:p,groupItemCount:c,count:f},t,e)}var b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60;return o.throttle((function(e,t,o){return m(e,t,o)}),e)},g=null,T=function(e,t,o){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:60;g||(g=b(n)),"function"==typeof g&&g.call(v,e,t,o)},P={mounted:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;o.addEventListener("scroll",(function(e){T(e,o,t,n)}))},updated:function(e,t){var o=e.parentNode,n=t.value.throttleDelay;T(null,o,t,n)},unbind:function(e){if(e){var t=e.parentNode;if(!t)return;t.removeEventListener("scroll",b)}}},I=t.defineComponent({name:"BkVirtualRender",directives:{bkVirtualRender:P},props:y,emits:["content-scroll"],setup:function(e,o){var n=this,r=e.renderAs,l=e.contentAs,s=function(e){return"string"==typeof e?[e]:"object"!==f(e)||Array.isArray(e)?e:[e]};if(!e.enabled)return function(){var n,i,u,a,p,c,f,d,y;return t.h(r,{class:s(e.className)},[null!==(u=null===(i=(n=o.slots).beforeContent)||void 0===i?void 0:i.call(n))&&void 0!==u?u:"",t.h(l,{class:s(e.contentClassName),style:e.contentStyle},[null!==(c=null===(p=(a=o.slots).default)||void 0===p?void 0:p.call(a,{data:e.list}))&&void 0!==c?c:""]),null!==(y=null===(d=(f=o.slots).afterContent)||void 0===d?void 0:d.call(f))&&void 0!==y?y:""])};var i=t.ref(null),u=t.reactive({startIndex:0,endIndex:0,scrollTop:1,translateY:0,count:0,groupItemCount:e.groupItemCount}),a=function(e,t,n,r,l){u.startIndex=t,u.endIndex=n,u.scrollTop=r,u.translateY=l,o.emit("content-scroll",[e,u])};t.onMounted((function(){t.nextTick((function(){v(e.list),h()}))})),t.watch((function(){return e.list}),(function(){c(),h()}),{deep:!0}),t.watch((function(){return e.lineHeight}),(function(){c(),h()}));var c=function(){v(e.list)},d=t.reactive(t.ref(0)),y=t.reactive(t.ref(0)),v=function(t){if(d.value=Math.ceil((t||[]).length/e.groupItemCount),u.count=d.value,u.startIndex=0,u.endIndex=0,u.translateY=0,u.scrollTop=0,"string"==typeof e.abosuteHeight&&"auto"===e.abosuteHeight)if("function"==typeof e.lineHeight){y.value=0;for(var o=0,r=0;r<d.value;r++){var l=e.lineHeight.call(n,r,t.slice(r*e.groupItemCount,e.groupItemCount));o+="number"==typeof l?l:0}y.value=o}else y.value=e.lineHeight*d.value;else y.value=e.abosuteHeight},h=function(){var t=(i.value||{}).parentNode;x(e.lineHeight,a,u,t,null)},m=t.computed((function(){return(e.list||[]).map((function(e,t){return Object.assign(e,{$index:t})}))})),b=t.computed((function(){return m.value.slice(u.startIndex*e.groupItemCount,(u.endIndex+e.preloadItemCount)*e.groupItemCount)})),g=t.computed((function(){return"content"===e.scrollPosition?{top:"".concat(u.scrollTop+e.scrollOffsetTop,"px"),transform:"translateY(-".concat(u.translateY,"px)")}:{}})),T=t.computed((function(){return Object.assign({height:"number"==typeof e.height?"".concat(e.height,"px"):e.height,width:"number"==typeof e.width?"".concat(e.width,"px"):e.width,display:"inline-block"},"container"===e.scrollPosition?g.value:{})})),P=t.computed((function(){var t="number"==typeof e.abosuteHeight&&0===e.abosuteHeight;return{height:"".concat(y.value<e.minHeight?e.minHeight:y.value,"px"),display:t?"none":"block"}})),I=t.computed((function(){return["bk-virtual-render",e.scrollXName,e.scrollYName].concat(p(s(e.className)),["container"===e.scrollPosition?"bk-virtual-content":""])})),C=t.computed((function(){return["content"===e.scrollPosition?"bk-virtual-content":""].concat(p(s(e.contentClassName)))})),O=t.resolveDirective("bkVirtualRender"),H={lineHeight:e.lineHeight,handleScrollCallback:a,pagination:u,throttleDelay:e.throttleDelay};return function(){var n,s,u,a,p,c,f,d,y;return t.h(r||"div",{ref:i,class:I.value,style:T.value},[null!==(u=null===(s=(n=o.slots).beforeContent)||void 0===s?void 0:s.call(n))&&void 0!==u?u:"",t.withDirectives(t.h(l||"div",{class:C.value,style:Object.assign(Object.assign({},g.value),e.contentStyle)},[null!==(c=null===(p=(a=o.slots).default)||void 0===p?void 0:p.call(a,{data:b.value}))&&void 0!==c?c:""]),[[O,H]]),null!==(y=null===(d=(f=o.slots).afterContent)||void 0===d?void 0:d.call(f))&&void 0!==y?y:"",t.h("div",{class:["bk-virtual-section"],style:P.value})])}}}),C=o.withInstall(I);e.default=C,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -1,5 +1,6 @@
1
1
  import { ExtractPropTypes } from 'vue';
2
2
  export declare const virtualRenderProps: {
3
+ onContentScroll: FunctionConstructor;
3
4
  /** 传入原始数据源 */
4
5
  list: import("vue-types").VueTypeValidableDef<unknown[]> & {
5
6
  default: () => unknown[];
@@ -1,4 +1,5 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
+ onContentScroll: FunctionConstructor;
2
3
  list: import("vue-types").VueTypeValidableDef<unknown[]> & {
3
4
  default: () => unknown[];
4
5
  } & {
@@ -70,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
70
71
  default: number;
71
72
  } & {
72
73
  default: number;
73
- };
74
+ }; /** 指令触发Scroll事件,计算当前startIndex & endIndex & scrollTop & translateY */
74
75
  preloadItemCount: import("vue-types").VueTypeValidableDef<number> & {
75
76
  default: number;
76
77
  } & {
@@ -106,54 +107,114 @@ declare const _default: import("vue").DefineComponent<{
106
107
  };
107
108
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
108
109
  [key: string]: any;
109
- }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "content-scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
110
- list?: unknown;
111
- enabled?: unknown;
112
- lineHeight?: unknown;
113
- minHeight?: unknown;
114
- height?: unknown;
115
- width?: unknown;
116
- className?: unknown;
117
- contentClassName?: unknown;
118
- contentStyle?: unknown;
119
- scrollXName?: unknown;
120
- scrollYName?: unknown;
121
- groupItemCount?: unknown;
122
- preloadItemCount?: unknown;
123
- renderAs?: unknown;
124
- contentAs?: unknown;
125
- scrollOffsetTop?: unknown;
126
- scrollPosition?: unknown;
127
- abosuteHeight?: unknown;
128
- throttleDelay?: unknown;
129
- } & {
130
- enabled: boolean;
131
- width: string | number;
132
- height: string | number;
133
- list: unknown[];
134
- className: string | {
110
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, "content-scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
111
+ onContentScroll: FunctionConstructor;
112
+ list: import("vue-types").VueTypeValidableDef<unknown[]> & {
113
+ default: () => unknown[];
114
+ } & {
115
+ default: () => unknown[];
116
+ };
117
+ enabled: import("vue-types").VueTypeValidableDef<boolean> & {
118
+ default: boolean;
119
+ } & {
120
+ default: boolean;
121
+ };
122
+ lineHeight: import("vue-types").VueTypeDef<any> & {
123
+ default: any;
124
+ };
125
+ minHeight: import("vue-types").VueTypeValidableDef<number> & {
126
+ default: number;
127
+ } & {
128
+ default: number;
129
+ };
130
+ height: import("vue-types").VueTypeDef<string | number> & {
131
+ default: string | number;
132
+ };
133
+ width: import("vue-types").VueTypeDef<string | number> & {
134
+ default: string | number;
135
+ };
136
+ className: import("vue-types").VueTypeDef<string | string[] | {
137
+ [key: string]: any;
138
+ } | {
135
139
  [key: string]: any;
140
+ }[]> & {
141
+ default: string | (() => {
142
+ [key: string]: any;
143
+ }) | (() => string[]) | (() => {
144
+ [key: string]: any;
145
+ }[]);
136
146
  };
137
- minHeight: number;
138
- contentClassName: string | {
147
+ contentClassName: import("vue-types").VueTypeDef<string | string[] | {
139
148
  [key: string]: any;
149
+ } | {
150
+ [key: string]: any;
151
+ }[]> & {
152
+ default: string | (() => {
153
+ [key: string]: any;
154
+ }) | (() => string[]) | (() => {
155
+ [key: string]: any;
156
+ }[]);
140
157
  };
141
- contentStyle: {
158
+ contentStyle: import("vue-types").VueTypeValidableDef<{
142
159
  [key: string]: any;
160
+ }> & {
161
+ default: () => {
162
+ [key: string]: any;
163
+ };
164
+ } & {
165
+ default: () => {
166
+ [key: string]: any;
167
+ };
143
168
  };
144
- scrollXName: string;
145
- scrollYName: string;
146
- groupItemCount: number;
147
- preloadItemCount: number;
148
- renderAs: string;
149
- contentAs: string;
150
- scrollOffsetTop: number;
151
- scrollPosition: string;
152
- abosuteHeight: string | number;
153
- throttleDelay: number;
154
- } & {
155
- lineHeight?: any;
156
- }> & ({} | {}), {
169
+ scrollXName: import("vue-types").VueTypeValidableDef<string> & {
170
+ default: string;
171
+ } & {
172
+ default: string;
173
+ };
174
+ scrollYName: import("vue-types").VueTypeValidableDef<string> & {
175
+ default: string;
176
+ } & {
177
+ default: string;
178
+ };
179
+ groupItemCount: import("vue-types").VueTypeValidableDef<number> & {
180
+ default: number;
181
+ } & {
182
+ default: number;
183
+ }; /** 指令触发Scroll事件,计算当前startIndex & endIndex & scrollTop & translateY */
184
+ preloadItemCount: import("vue-types").VueTypeValidableDef<number> & {
185
+ default: number;
186
+ } & {
187
+ default: number;
188
+ };
189
+ renderAs: import("vue-types").VueTypeValidableDef<string> & {
190
+ default: string;
191
+ } & {
192
+ default: string;
193
+ };
194
+ contentAs: import("vue-types").VueTypeValidableDef<string> & {
195
+ default: string;
196
+ } & {
197
+ default: string;
198
+ };
199
+ scrollOffsetTop: import("vue-types").VueTypeValidableDef<number> & {
200
+ default: number;
201
+ } & {
202
+ default: number;
203
+ };
204
+ scrollPosition: import("vue-types").VueTypeValidableDef<string> & {
205
+ default: string;
206
+ } & {
207
+ default: string;
208
+ };
209
+ abosuteHeight: import("vue-types").VueTypeDef<string | number> & {
210
+ default: string | number;
211
+ };
212
+ throttleDelay: import("vue-types").VueTypeValidableDef<number> & {
213
+ default: number;
214
+ } & {
215
+ default: number;
216
+ };
217
+ }>>, {
157
218
  enabled: boolean;
158
219
  width: string | number;
159
220
  height: string | number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.16",
3
+ "version": "0.0.1-beta.17",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*"