bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230

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 (608) hide show
  1. package/dist/index.cjs.js +173 -0
  2. package/dist/index.esm.js +38108 -0
  3. package/dist/index.umd.js +173 -0
  4. package/dist/style.css +1 -5099
  5. package/dist/style.variable.css +1 -0
  6. package/lib/affix/affix.css +3 -0
  7. package/lib/affix/affix.d.ts +47 -0
  8. package/lib/affix/affix.less +5 -0
  9. package/lib/affix/affix.variable.css +122 -0
  10. package/lib/affix/index.d.ts +143 -0
  11. package/lib/affix/index.js +1 -0
  12. package/lib/alert/alert.css +5 -3
  13. package/lib/alert/alert.less +7 -3
  14. package/lib/alert/alert.variable.css +34 -6
  15. package/lib/alert/index.js +1 -1
  16. package/lib/animate-number/index.js +1 -1
  17. package/lib/backtop/backtop.css +8 -0
  18. package/lib/backtop/backtop.d.ts +2 -2
  19. package/lib/backtop/backtop.less +8 -0
  20. package/lib/backtop/backtop.variable.css +37 -3
  21. package/lib/backtop/index.d.ts +7 -7
  22. package/lib/backtop/index.js +1 -10
  23. package/lib/badge/badge.css +5 -5
  24. package/lib/badge/badge.d.ts +28 -7
  25. package/lib/badge/badge.less +5 -6
  26. package/lib/badge/badge.variable.css +34 -8
  27. package/lib/badge/index.d.ts +68 -18
  28. package/lib/badge/index.js +1 -1
  29. package/lib/breadcrumb/breadcrumb.css +51 -0
  30. package/lib/breadcrumb/breadcrumb.variable.css +80 -3
  31. package/lib/breadcrumb/index.js +1 -1
  32. package/lib/button/button.css +87 -49
  33. package/lib/button/button.d.ts +28 -7
  34. package/lib/button/button.less +74 -41
  35. package/lib/button/button.variable.css +116 -52
  36. package/lib/button/index.d.ts +45 -12
  37. package/lib/button/index.js +1 -1
  38. package/lib/card/card.css +96 -1
  39. package/lib/card/card.d.ts +47 -6
  40. package/lib/card/card.less +50 -2
  41. package/lib/card/card.variable.css +125 -4
  42. package/lib/card/index.d.ts +113 -17
  43. package/lib/card/index.js +1 -1
  44. package/lib/cascader/cascader-panel.d.ts +100 -0
  45. package/lib/cascader/cascader.css +173 -0
  46. package/lib/cascader/cascader.d.ts +303 -0
  47. package/lib/cascader/cascader.less +196 -0
  48. package/lib/cascader/cascader.variable.css +292 -0
  49. package/lib/cascader/index.d.ts +868 -0
  50. package/lib/cascader/index.js +1 -0
  51. package/lib/cascader/interface.d.ts +51 -0
  52. package/lib/cascader/node.d.ts +31 -0
  53. package/lib/cascader/store.d.ts +23 -0
  54. package/lib/checkbox/checkbox-group.d.ts +16 -0
  55. package/lib/checkbox/checkbox.css +38 -6
  56. package/lib/checkbox/checkbox.d.ts +16 -14
  57. package/lib/checkbox/checkbox.less +48 -6
  58. package/lib/checkbox/checkbox.variable.css +67 -9
  59. package/lib/checkbox/common.d.ts +3 -3
  60. package/lib/checkbox/index.d.ts +40 -23
  61. package/lib/checkbox/index.js +1 -1
  62. package/lib/checkbox/type.d.ts +2 -6
  63. package/lib/code-diff/code-diff.css +72 -1
  64. package/lib/code-diff/code-diff.d.ts +10 -1
  65. package/lib/code-diff/code-diff.less +94 -1
  66. package/lib/code-diff/code-diff.variable.css +101 -4
  67. package/lib/code-diff/index.d.ts +151 -3
  68. package/lib/code-diff/index.js +1 -0
  69. package/lib/collapse/collapse-panel.d.ts +72 -0
  70. package/lib/collapse/collapse.css +28 -12
  71. package/lib/collapse/collapse.d.ts +11 -52
  72. package/lib/collapse/collapse.less +54 -29
  73. package/lib/collapse/collapse.variable.css +147 -12
  74. package/lib/collapse/index.d.ts +113 -16
  75. package/lib/collapse/index.js +1 -1
  76. package/lib/collapse/props.d.ts +121 -0
  77. package/lib/collapse/utils.d.ts +11 -0
  78. package/lib/color-picker/color-picker.css +275 -0
  79. package/lib/color-picker/color-picker.d.ts +144 -0
  80. package/lib/color-picker/color-picker.less +325 -0
  81. package/lib/color-picker/color-picker.variable.css +394 -0
  82. package/lib/color-picker/components/color-input.d.ts +42 -0
  83. package/lib/color-picker/components/hue-slider.d.ts +41 -0
  84. package/lib/color-picker/components/input-container.d.ts +42 -0
  85. package/lib/color-picker/components/recommend-colors.d.ts +51 -0
  86. package/lib/color-picker/components/saturation-panel.d.ts +41 -0
  87. package/lib/color-picker/index.d.ts +254 -0
  88. package/lib/color-picker/index.js +1 -0
  89. package/lib/color-picker/utils.d.ts +37 -0
  90. package/lib/components.d.ts +28 -7
  91. package/lib/components.js +1 -0
  92. package/lib/container/col.d.ts +51 -0
  93. package/lib/container/container.css +91 -0
  94. package/lib/container/container.d.ts +83 -0
  95. package/lib/container/container.less +20 -0
  96. package/lib/container/container.variable.css +210 -0
  97. package/lib/container/index.d.ts +223 -0
  98. package/lib/container/index.js +1 -0
  99. package/lib/container/row.d.ts +4 -0
  100. package/lib/date-picker/base/confirm.d.ts +74 -0
  101. package/lib/date-picker/base/date-table.d.ts +102 -0
  102. package/lib/date-picker/base/picker-dropdown.d.ts +73 -0
  103. package/lib/date-picker/base/time-spinner.d.ts +153 -0
  104. package/lib/date-picker/date-picker.css +18 -2
  105. package/lib/date-picker/date-picker.d.ts +40 -13
  106. package/lib/date-picker/date-picker.less +23 -2
  107. package/lib/date-picker/date-picker.variable.css +47 -5
  108. package/lib/date-picker/index.d.ts +100 -39
  109. package/lib/date-picker/index.js +1 -1
  110. package/lib/date-picker/interface.d.ts +9 -0
  111. package/lib/date-picker/panel/date-range.d.ts +452 -0
  112. package/lib/date-picker/panel/date.d.ts +550 -0
  113. package/lib/date-picker/panel/time.d.ts +450 -0
  114. package/lib/date-picker/props.d.ts +51 -1
  115. package/lib/date-picker/time-picker.d.ts +381 -0
  116. package/lib/date-picker/utils.d.ts +22 -1
  117. package/lib/dialog/dialog.css +144 -22
  118. package/lib/dialog/dialog.d.ts +275 -58
  119. package/lib/dialog/dialog.less +97 -23
  120. package/lib/dialog/dialog.variable.css +144 -22
  121. package/lib/dialog/index.d.ts +607 -130
  122. package/lib/dialog/index.js +1 -1
  123. package/lib/dialog/props.d.ts +138 -0
  124. package/lib/directives/ellipsis.d.ts +7 -0
  125. package/lib/directives/index.d.ts +1 -0
  126. package/lib/directives/index.js +2 -15
  127. package/lib/directives/index.js.LICENSE.txt +14 -0
  128. package/lib/directives/tooltips.d.ts +1 -1
  129. package/lib/dist.index.js +1 -0
  130. package/lib/divider/divider.d.ts +1 -1
  131. package/lib/divider/divider.variable.css +29 -3
  132. package/lib/divider/index.d.ts +4 -4
  133. package/lib/divider/index.js +1 -1
  134. package/lib/divider/props.d.ts +21 -0
  135. package/lib/dropdown/const.d.ts +4 -0
  136. package/lib/dropdown/dropdown.css +13 -7
  137. package/lib/dropdown/dropdown.d.ts +34 -3
  138. package/lib/dropdown/dropdown.less +47 -34
  139. package/lib/dropdown/dropdown.variable.css +42 -10
  140. package/lib/dropdown/index.d.ts +71 -10
  141. package/lib/dropdown/index.js +1 -1
  142. package/lib/exception/exception.css +40 -14
  143. package/lib/exception/exception.d.ts +10 -3
  144. package/lib/exception/exception.less +59 -22
  145. package/lib/exception/exception.variable.css +69 -17
  146. package/lib/exception/index.d.ts +23 -8
  147. package/lib/exception/index.js +1 -1
  148. package/lib/exception/typings/index.d.ts +4 -0
  149. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  150. package/lib/fixed-navbar/fixed-navbar.variable.css +29 -3
  151. package/lib/fixed-navbar/index.d.ts +40 -5
  152. package/lib/fixed-navbar/index.js +1 -1
  153. package/lib/form/compose-form-item.d.ts +16 -0
  154. package/lib/form/form-item.d.ts +16 -5
  155. package/lib/form/form.css +96 -12
  156. package/lib/form/form.d.ts +28 -11
  157. package/lib/form/form.less +144 -45
  158. package/lib/form/form.variable.css +215 -12
  159. package/lib/form/index.d.ts +88 -30
  160. package/lib/form/index.js +1 -1
  161. package/lib/form/type.d.ts +8 -6
  162. package/lib/form/validator.d.ts +1 -0
  163. package/lib/icon/angle-double-down-line.js +1 -15
  164. package/lib/icon/angle-double-left-line.js +1 -15
  165. package/lib/icon/angle-double-left.js +1 -15
  166. package/lib/icon/angle-double-right-line.js +1 -15
  167. package/lib/icon/angle-double-right.js +1 -15
  168. package/lib/icon/angle-double-up-line.js +1 -15
  169. package/lib/icon/angle-down-fill.js +1 -15
  170. package/lib/icon/angle-down-line.js +1 -15
  171. package/lib/icon/angle-down.js +1 -15
  172. package/lib/icon/angle-left.js +1 -15
  173. package/lib/icon/angle-right.js +1 -15
  174. package/lib/icon/angle-up-fill.js +1 -15
  175. package/lib/icon/angle-up.js +1 -15
  176. package/lib/icon/archive-fill.d.ts +4 -0
  177. package/lib/icon/archive-fill.js +1 -0
  178. package/lib/icon/arrows-left.js +1 -15
  179. package/lib/icon/arrows-right.js +1 -15
  180. package/lib/icon/audio-fill.d.ts +4 -0
  181. package/lib/icon/audio-fill.js +1 -0
  182. package/lib/icon/bk.js +1 -15
  183. package/lib/icon/circle.js +1 -15
  184. package/lib/icon/close-line.d.ts +4 -0
  185. package/lib/icon/close-line.js +1 -0
  186. package/lib/icon/close.js +1 -15
  187. package/lib/icon/code.js +1 -15
  188. package/lib/icon/cog-shape.js +1 -15
  189. package/lib/icon/collapse-left.js +1 -15
  190. package/lib/icon/copy.js +1 -15
  191. package/lib/icon/data-shape.d.ts +4 -0
  192. package/lib/icon/data-shape.js +1 -0
  193. package/lib/icon/del.d.ts +4 -0
  194. package/lib/icon/del.js +1 -0
  195. package/lib/icon/doc-fill.d.ts +4 -0
  196. package/lib/icon/doc-fill.js +1 -0
  197. package/lib/icon/done.js +1 -15
  198. package/lib/icon/down-shape.js +1 -15
  199. package/lib/icon/down-small.js +1 -15
  200. package/lib/icon/edit-line.d.ts +4 -0
  201. package/lib/icon/edit-line.js +1 -0
  202. package/lib/icon/ellipsis.js +1 -15
  203. package/lib/icon/enlarge-line.d.ts +4 -0
  204. package/lib/icon/enlarge-line.js +1 -0
  205. package/lib/icon/error.js +1 -15
  206. package/lib/icon/excel-fill.d.ts +4 -0
  207. package/lib/icon/excel-fill.js +1 -0
  208. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  209. package/lib/icon/exclamation-circle-shape.js +1 -0
  210. package/lib/icon/eye.js +1 -15
  211. package/lib/icon/filliscreen-line.d.ts +4 -0
  212. package/lib/icon/filliscreen-line.js +1 -0
  213. package/lib/icon/folder-open.js +1 -15
  214. package/lib/icon/folder-shape-open.js +1 -15
  215. package/lib/icon/folder-shape.js +1 -15
  216. package/lib/icon/folder.js +1 -15
  217. package/lib/icon/funnel.d.ts +4 -0
  218. package/lib/icon/funnel.js +1 -0
  219. package/lib/icon/help-document-fill.js +1 -15
  220. package/lib/icon/help-fill.js +1 -15
  221. package/lib/icon/help.js +1 -15
  222. package/lib/icon/image-fill.d.ts +4 -0
  223. package/lib/icon/img-error.d.ts +4 -0
  224. package/lib/icon/img-error.js +1 -0
  225. package/lib/icon/img-placehoulder.d.ts +4 -0
  226. package/lib/icon/img-placehoulder.js +1 -0
  227. package/lib/icon/index.d.ts +27 -1
  228. package/lib/icon/index.js +1 -15
  229. package/lib/icon/info-line.js +1 -15
  230. package/lib/icon/info.js +1 -15
  231. package/lib/icon/left-shape.js +1 -15
  232. package/lib/icon/left-turn-line.d.ts +4 -0
  233. package/lib/icon/left-turn-line.js +1 -0
  234. package/lib/icon/narrow-line.d.ts +4 -0
  235. package/lib/icon/narrow-line.js +1 -0
  236. package/lib/icon/original .d.ts +4 -0
  237. package/lib/icon/original .js +1 -0
  238. package/lib/icon/pdf-fill.d.ts +4 -0
  239. package/lib/icon/pdf-fill.js +1 -0
  240. package/lib/icon/play-shape.js +1 -15
  241. package/lib/icon/plus.js +1 -15
  242. package/lib/icon/ppt-fill.d.ts +4 -0
  243. package/lib/icon/ppt-fill.js +1 -0
  244. package/lib/icon/qq.js +1 -15
  245. package/lib/icon/right-shape.js +1 -15
  246. package/lib/icon/right-turn-line.d.ts +4 -0
  247. package/lib/icon/right-turn-line.js +1 -0
  248. package/lib/icon/search.js +1 -15
  249. package/lib/icon/share.js +1 -15
  250. package/lib/icon/spinner.js +1 -15
  251. package/lib/icon/success.js +1 -15
  252. package/lib/icon/switcher-loading.js +1 -15
  253. package/lib/icon/text-file.js +1 -15
  254. package/lib/icon/text-fill.d.ts +4 -0
  255. package/lib/icon/text-fill.js +1 -0
  256. package/lib/icon/transfer.d.ts +4 -0
  257. package/lib/icon/transfer.js +1 -0
  258. package/lib/icon/tree-application-shape.js +1 -15
  259. package/lib/icon/unfull-screen.d.ts +4 -0
  260. package/lib/icon/unfull-screen.js +1 -0
  261. package/lib/icon/unvisible.js +1 -15
  262. package/lib/icon/up-shape.js +1 -15
  263. package/lib/icon/upload.d.ts +4 -0
  264. package/lib/icon/upload.js +1 -0
  265. package/lib/icon/video-fill.d.ts +4 -0
  266. package/lib/icon/video-fill.js +1 -0
  267. package/lib/icon/warn.js +1 -15
  268. package/lib/icon/weixin.js +1 -15
  269. package/lib/image/image-viewer.css +142 -0
  270. package/lib/image/image-viewer.d.ts +73 -0
  271. package/lib/image/image-viewer.less +168 -0
  272. package/lib/image/image-viewer.variable.css +142 -0
  273. package/lib/image/image.css +37 -0
  274. package/lib/image/image.d.ts +93 -0
  275. package/lib/image/image.less +44 -0
  276. package/lib/image/image.variable.css +37 -0
  277. package/lib/image/index.d.ts +246 -0
  278. package/lib/image/index.js +1 -0
  279. package/lib/image/props.d.ts +71 -0
  280. package/lib/index.d.ts +1 -1
  281. package/lib/index.js +1 -0
  282. package/lib/info-box/index.d.ts +6 -0
  283. package/lib/info-box/index.js +1 -0
  284. package/lib/info-box/info-box.css +37 -0
  285. package/lib/info-box/info-box.d.ts +26 -0
  286. package/lib/info-box/info-box.less +50 -0
  287. package/lib/info-box/info-box.variable.css +37 -0
  288. package/lib/input/index.d.ts +171 -60
  289. package/lib/input/index.js +1 -15
  290. package/lib/input/input.css +216 -18
  291. package/lib/input/input.d.ts +116 -16
  292. package/lib/input/input.less +157 -17
  293. package/lib/input/input.variable.css +242 -17
  294. package/lib/link/index.d.ts +4 -4
  295. package/lib/link/index.js +1 -1
  296. package/lib/link/link.css +12 -12
  297. package/lib/link/link.d.ts +1 -1
  298. package/lib/link/link.less +16 -14
  299. package/lib/link/link.variable.css +41 -15
  300. package/lib/loading/index.d.ts +107 -13
  301. package/lib/loading/index.js +1 -1
  302. package/lib/loading/loading.css +83 -31
  303. package/lib/loading/loading.d.ts +74 -5
  304. package/lib/loading/loading.less +28 -30
  305. package/lib/loading/loading.variable.css +112 -34
  306. package/lib/menu/index.d.ts +16 -24
  307. package/lib/menu/index.js +1 -1
  308. package/lib/menu/menu.css +51 -0
  309. package/lib/menu/menu.d.ts +7 -16
  310. package/lib/menu/menu.variable.css +80 -3
  311. package/lib/menu/submenu.variable.css +29 -3
  312. package/lib/message/index.js +1 -1
  313. package/lib/message/message.css +24 -3
  314. package/lib/message/message.less +27 -2
  315. package/lib/message/message.variable.css +53 -6
  316. package/lib/message/messageConstructor.d.ts +43 -7
  317. package/lib/modal/index.d.ts +508 -78
  318. package/lib/modal/index.js +1 -1
  319. package/lib/modal/modal.css +63 -1
  320. package/lib/modal/modal.d.ts +194 -30
  321. package/lib/modal/modal.less +36 -1
  322. package/lib/modal/modal.variable.css +63 -1
  323. package/lib/modal/props.mixin.d.ts +82 -13
  324. package/lib/navigation/index.d.ts +310 -1
  325. package/lib/navigation/index.js +1 -1
  326. package/lib/navigation/navigation.css +1 -1
  327. package/lib/navigation/navigation.d.ts +10 -1
  328. package/lib/navigation/navigation.less +1 -1
  329. package/lib/navigation/navigation.variable.css +30 -4
  330. package/lib/notify/index.js +1 -1
  331. package/lib/notify/notify.css +24 -4
  332. package/lib/notify/notify.less +27 -4
  333. package/lib/notify/notify.variable.css +53 -7
  334. package/lib/notify/notifyConstructor.d.ts +51 -7
  335. package/lib/pagination/index.d.ts +38 -23
  336. package/lib/pagination/index.js +1 -1
  337. package/lib/pagination/pagination.css +54 -28
  338. package/lib/pagination/pagination.d.ts +17 -7
  339. package/lib/pagination/pagination.less +58 -31
  340. package/lib/pagination/pagination.variable.css +83 -31
  341. package/lib/pagination/type.d.ts +1 -1
  342. package/lib/plugin-popover/index.d.ts +27 -0
  343. package/lib/plugin-popover/index.js +1 -0
  344. package/lib/plugins/index.d.ts +1 -0
  345. package/lib/plugins/index.js +1 -0
  346. package/lib/popover/index.d.ts +146 -21
  347. package/lib/popover/index.js +1 -1
  348. package/lib/popover/popover.css +3 -0
  349. package/lib/popover/popover.d.ts +67 -8
  350. package/lib/popover/popover.less +2 -0
  351. package/lib/popover/popover.variable.css +32 -3
  352. package/lib/popover/props.d.ts +34 -2
  353. package/lib/popover2/arrow.d.ts +2 -0
  354. package/lib/popover2/const.d.ts +16 -0
  355. package/lib/popover2/content.d.ts +24 -0
  356. package/lib/popover2/index.d.ts +545 -0
  357. package/lib/popover2/index.js +1 -0
  358. package/lib/popover2/plugin-popover.d.ts +12 -0
  359. package/lib/popover2/popover2.css +25 -0
  360. package/lib/popover2/popover2.d.ts +228 -0
  361. package/lib/popover2/popover2.less +35 -0
  362. package/lib/popover2/popover2.variable.css +144 -0
  363. package/lib/popover2/props.d.ts +118 -0
  364. package/lib/popover2/reference.d.ts +2 -0
  365. package/lib/popover2/root.d.ts +16 -0
  366. package/lib/popover2/use-floating.d.ts +31 -0
  367. package/lib/popover2/use-platform.d.ts +30 -0
  368. package/lib/popover2/use-popover-init.d.ts +22 -0
  369. package/lib/popover2/use-popper-id.d.ts +6 -0
  370. package/lib/popover2/utils.d.ts +2 -0
  371. package/lib/preset.js +1 -0
  372. package/lib/process/index.d.ts +9 -9
  373. package/lib/process/index.js +1 -15
  374. package/lib/process/process.css +13 -0
  375. package/lib/process/process.d.ts +2 -2
  376. package/lib/process/process.less +17 -0
  377. package/lib/process/process.variable.css +42 -3
  378. package/lib/progress/index.d.ts +10 -10
  379. package/lib/progress/index.js +1 -1
  380. package/lib/progress/progress.css +51 -0
  381. package/lib/progress/progress.d.ts +3 -3
  382. package/lib/progress/progress.variable.css +80 -3
  383. package/lib/radio/common.d.ts +5 -5
  384. package/lib/radio/index.d.ts +29 -18
  385. package/lib/radio/index.js +1 -1
  386. package/lib/radio/radio-button.d.ts +7 -8
  387. package/lib/radio/radio-group.d.ts +16 -0
  388. package/lib/radio/radio.css +61 -56
  389. package/lib/radio/radio.d.ts +4 -4
  390. package/lib/radio/radio.less +181 -172
  391. package/lib/radio/radio.variable.css +93 -62
  392. package/lib/radio/type.d.ts +9 -4
  393. package/lib/rate/index.d.ts +24 -1
  394. package/lib/rate/index.js +1 -1
  395. package/lib/rate/rate.d.ts +11 -0
  396. package/lib/rate/star.d.ts +1 -1
  397. package/lib/resize-layout/index.d.ts +336 -0
  398. package/lib/resize-layout/index.js +1 -0
  399. package/lib/resize-layout/resize-layout.css +177 -0
  400. package/lib/resize-layout/resize-layout.d.ts +127 -0
  401. package/lib/resize-layout/resize-layout.less +217 -0
  402. package/lib/resize-layout/resize-layout.variable.css +296 -0
  403. package/lib/search-select/index.d.ts +681 -0
  404. package/lib/search-select/index.js +1 -0
  405. package/lib/search-select/input.d.ts +85 -0
  406. package/lib/search-select/menu.d.ts +83 -0
  407. package/lib/search-select/search-select.css +423 -0
  408. package/lib/search-select/search-select.d.ts +273 -0
  409. package/lib/search-select/search-select.less +375 -0
  410. package/lib/search-select/search-select.variable.css +542 -0
  411. package/lib/search-select/selected.d.ts +137 -0
  412. package/lib/search-select/utils.d.ts +79 -0
  413. package/lib/select/common.d.ts +20 -31
  414. package/lib/select/index.d.ts +1422 -451
  415. package/lib/select/index.js +1 -15
  416. package/lib/select/option.d.ts +16 -4
  417. package/lib/select/optionGroup.d.ts +1 -77
  418. package/lib/select/select.css +265 -80
  419. package/lib/select/select.d.ts +553 -126
  420. package/lib/select/select.less +366 -185
  421. package/lib/select/select.variable.css +295 -84
  422. package/lib/select/selectTagInput.d.ts +93 -0
  423. package/lib/select/type.d.ts +39 -0
  424. package/lib/shared/dom.d.ts +3 -0
  425. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -0
  426. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  427. package/lib/shared/hooks/use-form.d.ts +2 -0
  428. package/lib/shared/index.d.ts +27 -4
  429. package/lib/shared/index.js +1 -1
  430. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +6 -2
  431. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +8 -4
  432. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +6 -2
  433. package/lib/shared/token.d.ts +4 -0
  434. package/lib/shared/utils.d.ts +13 -0
  435. package/lib/shared/vue-types.d.ts +4 -0
  436. package/lib/sideslider/index.d.ts +391 -76
  437. package/lib/sideslider/index.js +1 -1
  438. package/lib/sideslider/sideslider.css +55 -10
  439. package/lib/sideslider/sideslider.d.ts +181 -33
  440. package/lib/sideslider/sideslider.less +72 -13
  441. package/lib/sideslider/sideslider.variable.css +84 -13
  442. package/lib/slider/index.d.ts +414 -1
  443. package/lib/slider/index.js +1 -15
  444. package/lib/slider/slider-button.d.ts +5 -0
  445. package/lib/slider/slider.d.ts +14 -2
  446. package/lib/slider/slider.variable.css +29 -3
  447. package/lib/steps/index.d.ts +4 -4
  448. package/lib/steps/index.js +1 -15
  449. package/lib/steps/steps.css +14 -3
  450. package/lib/steps/steps.d.ts +1 -1
  451. package/lib/steps/steps.less +23 -3
  452. package/lib/steps/steps.variable.css +43 -6
  453. package/lib/styles/index.d.ts +12 -0
  454. package/lib/styles/mixins/clearfix.css +8 -0
  455. package/lib/styles/mixins/clearfix.less +10 -0
  456. package/lib/styles/mixins/clearfix.variable.css +8 -0
  457. package/lib/styles/mixins/mixins.css +51 -0
  458. package/lib/styles/mixins/mixins.less +2 -0
  459. package/lib/styles/mixins/mixins.variable.css +51 -0
  460. package/lib/styles/mixins/scroll.css +17 -0
  461. package/lib/styles/mixins/scroll.less +22 -0
  462. package/lib/styles/mixins/scroll.variable.css +136 -0
  463. package/lib/styles/reset.css +36 -0
  464. package/lib/styles/reset.less +26 -0
  465. package/lib/styles/reset.variable.css +36 -0
  466. package/lib/styles/themes/themes.less +38 -3
  467. package/lib/swiper/index.d.ts +181 -0
  468. package/lib/swiper/index.js +1 -0
  469. package/lib/swiper/swiper.css +91 -0
  470. package/lib/swiper/swiper.d.ts +65 -0
  471. package/lib/swiper/swiper.less +107 -0
  472. package/lib/swiper/swiper.variable.css +91 -0
  473. package/lib/switcher/index.d.ts +34 -11
  474. package/lib/switcher/index.js +1 -1
  475. package/lib/switcher/switcher.css +57 -6
  476. package/lib/switcher/switcher.d.ts +15 -4
  477. package/lib/switcher/switcher.less +5 -26
  478. package/lib/switcher/switcher.variable.css +86 -9
  479. package/lib/tab/index.d.ts +107 -219
  480. package/lib/tab/index.js +1 -1
  481. package/lib/tab/props.d.ts +194 -0
  482. package/lib/tab/tab-nav.d.ts +66 -87
  483. package/lib/tab/tab-panel.d.ts +40 -15
  484. package/lib/tab/tab.css +25 -1
  485. package/lib/tab/tab.d.ts +17 -41
  486. package/lib/tab/tab.less +31 -19
  487. package/lib/tab/tab.variable.css +54 -4
  488. package/lib/table/components/index.d.ts +3 -0
  489. package/lib/table/components/table-cell.d.ts +38 -0
  490. package/lib/table/components/table-column.d.ts +142 -0
  491. package/lib/table/components/table-row.d.ts +2 -0
  492. package/lib/table/const.d.ts +108 -1
  493. package/lib/table/index.d.ts +781 -27
  494. package/lib/table/index.js +1 -10
  495. package/lib/table/plugins/body-empty.d.ts +40 -0
  496. package/lib/table/plugins/col-group.d.ts +38 -0
  497. package/lib/table/plugins/common.d.ts +6 -0
  498. package/lib/table/plugins/head-filter.css +71 -0
  499. package/lib/table/plugins/head-filter.d.ts +26 -0
  500. package/lib/table/plugins/head-filter.less +92 -0
  501. package/lib/table/plugins/head-filter.variable.css +190 -0
  502. package/lib/table/plugins/head-sort.css +25 -0
  503. package/lib/table/plugins/head-sort.d.ts +22 -0
  504. package/lib/table/plugins/head-sort.less +31 -0
  505. package/lib/table/plugins/head-sort.variable.css +144 -0
  506. package/lib/table/plugins/index.d.ts +5 -0
  507. package/lib/table/plugins/settings.css +129 -0
  508. package/lib/table/plugins/settings.d.ts +37 -0
  509. package/lib/table/plugins/settings.less +157 -0
  510. package/lib/table/plugins/settings.variable.css +248 -0
  511. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  512. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  513. package/lib/table/plugins/use-fixed-column.d.ts +12 -0
  514. package/lib/table/plugins/use-pagination.d.ts +16 -0
  515. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  516. package/lib/table/props.d.ts +282 -7
  517. package/lib/table/render.d.ts +53 -6
  518. package/lib/table/table.css +1143 -17
  519. package/lib/table/table.d.ts +196 -13
  520. package/lib/table/table.less +237 -25
  521. package/lib/table/table.variable.css +1182 -30
  522. package/lib/table/use-column.d.ts +11 -0
  523. package/lib/table/use-common.d.ts +97 -0
  524. package/lib/table/utils.d.ts +65 -9
  525. package/lib/table-column/index.d.ts +336 -0
  526. package/lib/table-column/index.js +1 -0
  527. package/lib/tag/index.d.ts +7 -7
  528. package/lib/tag/index.js +1 -1
  529. package/lib/tag/tag.css +57 -18
  530. package/lib/tag/tag.d.ts +2 -2
  531. package/lib/tag/tag.less +58 -15
  532. package/lib/tag/tag.variable.css +86 -21
  533. package/lib/tag-input/common.d.ts +36 -0
  534. package/lib/tag-input/index.d.ts +1211 -0
  535. package/lib/tag-input/index.js +1 -0
  536. package/lib/tag-input/list-tag-render.d.ts +44 -0
  537. package/lib/tag-input/tag-input.css +209 -0
  538. package/lib/tag-input/tag-input.d.ts +536 -0
  539. package/lib/tag-input/tag-input.less +251 -0
  540. package/lib/tag-input/tag-input.variable.css +328 -0
  541. package/lib/tag-input/tag-props.d.ts +216 -0
  542. package/lib/tag-input/tag-render.d.ts +35 -0
  543. package/lib/time-picker/index.d.ts +904 -0
  544. package/lib/time-picker/index.js +1 -0
  545. package/lib/time-picker/time-picker.css +215 -0
  546. package/lib/time-picker/time-picker.less +260 -0
  547. package/lib/time-picker/time-picker.variable.css +334 -0
  548. package/lib/timeline/index.d.ts +6 -6
  549. package/lib/timeline/index.js +1 -1
  550. package/lib/timeline/timeline.css +5 -5
  551. package/lib/timeline/timeline.d.ts +1 -1
  552. package/lib/timeline/timeline.less +6 -5
  553. package/lib/timeline/timeline.variable.css +34 -8
  554. package/lib/transfer/const.d.ts +5 -0
  555. package/lib/transfer/index.d.ts +339 -1
  556. package/lib/transfer/index.js +1 -1
  557. package/lib/transfer/props.d.ts +54 -0
  558. package/lib/transfer/transfer.css +89 -86
  559. package/lib/transfer/transfer.d.ts +70 -95
  560. package/lib/transfer/transfer.less +93 -113
  561. package/lib/transfer/transfer.variable.css +123 -94
  562. package/lib/tree/constant.d.ts +57 -0
  563. package/lib/tree/index.d.ts +419 -48
  564. package/lib/tree/index.js +1 -1
  565. package/lib/tree/props.d.ts +124 -0
  566. package/lib/tree/tree.css +183 -11
  567. package/lib/tree/tree.d.ts +194 -23
  568. package/lib/tree/tree.less +72 -10
  569. package/lib/tree/tree.variable.css +302 -11
  570. package/lib/tree/use-empty.d.ts +6 -0
  571. package/lib/tree/use-node-action.d.ts +12 -0
  572. package/lib/tree/use-node-async.d.ts +5 -0
  573. package/lib/tree/use-node-attribute.d.ts +33 -0
  574. package/lib/tree/use-node-drag.d.ts +3 -0
  575. package/lib/tree/use-search.d.ts +11 -0
  576. package/lib/tree/use-tree-init.d.ts +15 -0
  577. package/lib/tree/util.d.ts +5 -7
  578. package/lib/upload/index.d.ts +566 -0
  579. package/lib/upload/index.js +1 -0
  580. package/lib/upload/props.d.ts +111 -0
  581. package/lib/upload/upload-list.d.ts +47 -0
  582. package/lib/upload/upload-trigger.d.ts +51 -0
  583. package/lib/upload/upload.css +425 -0
  584. package/lib/upload/upload.d.ts +246 -0
  585. package/lib/upload/upload.less +464 -0
  586. package/lib/upload/upload.type.d.ts +78 -0
  587. package/lib/upload/upload.variable.css +544 -0
  588. package/lib/upload/use-ajax-upload.d.ts +3 -0
  589. package/lib/upload/use-file-handler.d.ts +44 -0
  590. package/lib/virtual-render/index.d.ts +27 -4
  591. package/lib/virtual-render/index.js +1 -10
  592. package/lib/virtual-render/props.d.ts +10 -0
  593. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  594. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  595. package/lib/virtual-render/virtual-render.css +17 -24
  596. package/lib/virtual-render/virtual-render.d.ts +14 -3
  597. package/lib/virtual-render/virtual-render.less +2 -31
  598. package/lib/virtual-render/virtual-render.variable.css +136 -24
  599. package/lib/volar.components.d.ts +101 -0
  600. package/package.json +59 -46
  601. package/README_EN.md +0 -93
  602. package/dist/bkui-vue.cjs.js +0 -18938
  603. package/dist/bkui-vue.esm.js +0 -18887
  604. package/dist/bkui-vue.umd.js +0 -18941
  605. package/lib/form/common.d.ts +0 -3
  606. package/lib/icon/icon.js +0 -15
  607. package/lib/styles/index.js +0 -1
  608. package/lib/use-form.d.ts +0 -3
@@ -4,6 +4,7 @@ declare const BkRate: {
4
4
  $data: {};
5
5
  $props: Partial<{
6
6
  modelValue: number;
7
+ withValidate: boolean;
7
8
  editable: boolean;
8
9
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
9
10
  modelValue: import("vue-types").VueTypeValidableDef<number> & {
@@ -17,10 +18,15 @@ declare const BkRate: {
17
18
  } & {
18
19
  default: boolean;
19
20
  };
21
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
22
+ default: boolean;
23
+ } & {
24
+ default: boolean;
25
+ };
20
26
  }>> & {
21
27
  onChange?: (...args: any[]) => any;
22
28
  "onUpdate:modelValue"?: (...args: any[]) => any;
23
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "editable">;
29
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "withValidate" | "editable">;
24
30
  $attrs: {
25
31
  [x: string]: unknown;
26
32
  };
@@ -46,11 +52,17 @@ declare const BkRate: {
46
52
  } & {
47
53
  default: boolean;
48
54
  };
55
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
56
+ default: boolean;
57
+ } & {
58
+ default: boolean;
59
+ };
49
60
  }>> & {
50
61
  onChange?: (...args: any[]) => any;
51
62
  "onUpdate:modelValue"?: (...args: any[]) => any;
52
63
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
53
64
  modelValue: number;
65
+ withValidate: boolean;
54
66
  editable: boolean;
55
67
  }> & {
56
68
  beforeCreate?: (() => void) | (() => void)[];
@@ -84,6 +96,11 @@ declare const BkRate: {
84
96
  } & {
85
97
  default: boolean;
86
98
  };
99
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
100
+ default: boolean;
101
+ } & {
102
+ default: boolean;
103
+ };
87
104
  }>> & {
88
105
  onChange?: (...args: any[]) => any;
89
106
  "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -103,11 +120,17 @@ declare const BkRate: {
103
120
  } & {
104
121
  default: boolean;
105
122
  };
123
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
124
+ default: boolean;
125
+ } & {
126
+ default: boolean;
127
+ };
106
128
  }>> & {
107
129
  onChange?: (...args: any[]) => any;
108
130
  "onUpdate:modelValue"?: (...args: any[]) => any;
109
131
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
110
132
  modelValue: number;
133
+ withValidate: boolean;
111
134
  editable: boolean;
112
135
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
113
136
  export default BkRate;
package/lib/rate/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,t,r){"use strict";var o=r.defineComponent({name:"Star",props:{rate:t.PropTypes.number.def(0),width:t.PropTypes.number.def(15),height:t.PropTypes.number.def(16),editable:t.PropTypes.bool.def(!0),hoverRate:t.PropTypes.number.def(0),max:t.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var a=o.emit,n=function(r){return t.classes({"bk-is-select":r<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=r.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return r.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(t,o){return r.createVNode("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&a("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&a("changeHover",t+1)}(o)}},[r.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[r.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[r.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[r.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[r.createVNode("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),a=r.defineComponent({name:"Rate",components:{star:o},props:{modelValue:t.PropTypes.number.def(0),size:t.PropTypes.size(),editable:t.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,a){var n=a.emit,i=r.ref(0),s=function(t){e.editable&&(n("update:modelValue",t),n("change",t))},l=function(e){i.value=e},u=t.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=r.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return r.createVNode("p",{class:u},[e.editable?r.createVNode(o,r.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):r.createVNode(r.Fragment,null,[r.createVNode(o,r.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),r.createVNode(o,r.mergeProps({rate:0,editable:!1},p),null)])])}}}),n=t.withInstall(a);e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{default:()=>i});var e=a(4212),t=a(748);const r=(0,t.defineComponent)({name:"Star",props:{rate:e.PropTypes.number.def(0),width:e.PropTypes.number.def(15),height:e.PropTypes.number.def(16),editable:e.PropTypes.bool.def(!0),hoverRate:e.PropTypes.number.def(0),max:e.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(r,o){var a=o.emit,n=function(t){return(0,e.classes)({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":r.editable,"bk-rate-star":!0})},i=(0,t.computed)((function(){return r.hoverRate||r.rate})),s={width:"".concat(r.width,"px"),height:"".concat(r.height,"px"),minWidth:"".concat(r.width,"px")};return function(){return(0,t.createVNode)("p",{class:"bk-rate-stars"},[Array(r.max).fill(1).map((function(e,o){return(0,t.createVNode)("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(e){r.editable&&a("chooseRate",e+1)}(o)},onMouseenter:function(){return function(e){r.editable&&a("changeHover",e+1)}(o)}},[(0,t.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,t.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,t.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,t.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,t.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),o=(0,t.defineComponent)({name:"Rate",components:{star:r},props:{modelValue:e.PropTypes.number.def(0),size:e.PropTypes.size(),editable:e.PropTypes.bool.def(!0),withValidate:e.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(o,a){var n=a.emit,i=(0,e.useFormItem)(),s=(0,t.ref)(0),l=function(e){o.editable&&(n("update:modelValue",e),n("change",e))},u=function(e){s.value=e},d=(0,e.classes)({"bk-rate":!0}),c={small:{width:12,height:12},large:{width:18,height:18}}[o.size]||{width:15,height:16},p=(0,t.computed)((function(){var e=Math.floor(o.modelValue),t=(c.width+3)*e,r=c.width*(o.modelValue-e);return{width:"".concat(t+r,"px")}})),f={width:c.width,height:c.height};return(0,t.watch)((function(){return o.modelValue}),(function(){var e;o.withValidate&&(null===(e=null==i?void 0:i.validate)||void 0===e||e.call(i,"change"))})),function(){return(0,t.createVNode)("p",{class:d},[o.editable?(0,t.createVNode)(r,(0,t.mergeProps)({rate:o.modelValue,"hover-rate":s.value,onChooseRate:l,onChangeHover:u,onMouseleave:function(){return u(0)}},f),null):[(0,t.createVNode)(r,(0,t.mergeProps)({rate:5,style:p.value,class:"bk-score-real",editable:!1},f),null),(0,t.createVNode)(r,(0,t.mergeProps)({rate:0,editable:!1},f),null)]])}}}),i=(0,e.withInstall)(o)})(),n})()));
@@ -10,6 +10,11 @@ declare const _default: import("vue").DefineComponent<{
10
10
  } & {
11
11
  default: boolean;
12
12
  };
13
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
14
+ default: boolean;
15
+ } & {
16
+ default: boolean;
17
+ };
13
18
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
14
19
  modelValue: import("vue-types").VueTypeValidableDef<number> & {
15
20
  default: number;
@@ -22,11 +27,17 @@ declare const _default: import("vue").DefineComponent<{
22
27
  } & {
23
28
  default: boolean;
24
29
  };
30
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
31
+ default: boolean;
32
+ } & {
33
+ default: boolean;
34
+ };
25
35
  }>> & {
26
36
  onChange?: (...args: any[]) => any;
27
37
  "onUpdate:modelValue"?: (...args: any[]) => any;
28
38
  }, {
29
39
  modelValue: number;
40
+ withValidate: boolean;
30
41
  editable: boolean;
31
42
  }>;
32
43
  export default _default;
@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<{
66
66
  }, {
67
67
  width: number;
68
68
  height: number;
69
- editable: boolean;
70
69
  max: number;
70
+ editable: boolean;
71
71
  rate: number;
72
72
  hoverRate: number;
73
73
  }>;
@@ -0,0 +1,336 @@
1
+ declare const BkResizeLayout: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ placement: string;
7
+ disabled: boolean;
8
+ max: number;
9
+ min: number;
10
+ border: boolean;
11
+ collapsible: boolean;
12
+ immediate: boolean;
13
+ triggerWidth: number;
14
+ triggerOffset: number;
15
+ initialDivide: string | number;
16
+ autoMinimize: number | boolean;
17
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
18
+ placement: import("vue-types").VueTypeDef<string> & {
19
+ default: string;
20
+ };
21
+ min: import("vue-types").VueTypeValidableDef<number> & {
22
+ default: number;
23
+ } & {
24
+ default: number;
25
+ };
26
+ max: import("vue-types").VueTypeValidableDef<number> & {
27
+ default: number;
28
+ } & {
29
+ default: number;
30
+ };
31
+ triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
32
+ default: number;
33
+ } & {
34
+ default: number;
35
+ };
36
+ triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
37
+ default: number;
38
+ } & {
39
+ default: number;
40
+ };
41
+ initialDivide: import("vue-types").VueTypeDef<string | number> & {
42
+ default: string | number;
43
+ };
44
+ immediate: import("vue-types").VueTypeValidableDef<boolean> & {
45
+ default: boolean;
46
+ };
47
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
48
+ default: boolean;
49
+ };
50
+ collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
51
+ default: boolean;
52
+ };
53
+ autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
54
+ default: number | boolean;
55
+ };
56
+ border: import("vue-types").VueTypeValidableDef<boolean> & {
57
+ default: boolean;
58
+ } & {
59
+ default: boolean;
60
+ };
61
+ }>> & {
62
+ "onBefore-resize"?: (...args: any[]) => any;
63
+ onResizing?: (...args: any[]) => any;
64
+ "onAfter-resize"?: (...args: any[]) => any;
65
+ "onCollapse-change"?: (...args: any[]) => any;
66
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "disabled" | "max" | "min" | "border" | "collapsible" | "immediate" | "triggerWidth" | "triggerOffset" | "initialDivide" | "autoMinimize">;
67
+ $attrs: {
68
+ [x: string]: unknown;
69
+ };
70
+ $refs: {
71
+ [x: string]: unknown;
72
+ };
73
+ $slots: Readonly<{
74
+ [name: string]: import("vue").Slot;
75
+ }>;
76
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
77
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
78
+ $emit: (event: "before-resize" | "resizing" | "after-resize" | "collapse-change", ...args: any[]) => void;
79
+ $el: any;
80
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
81
+ placement: import("vue-types").VueTypeDef<string> & {
82
+ default: string;
83
+ };
84
+ min: import("vue-types").VueTypeValidableDef<number> & {
85
+ default: number;
86
+ } & {
87
+ default: number;
88
+ };
89
+ max: import("vue-types").VueTypeValidableDef<number> & {
90
+ default: number;
91
+ } & {
92
+ default: number;
93
+ };
94
+ triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
95
+ default: number;
96
+ } & {
97
+ default: number;
98
+ };
99
+ triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
100
+ default: number;
101
+ } & {
102
+ default: number;
103
+ };
104
+ initialDivide: import("vue-types").VueTypeDef<string | number> & {
105
+ default: string | number;
106
+ };
107
+ immediate: import("vue-types").VueTypeValidableDef<boolean> & {
108
+ default: boolean;
109
+ };
110
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
111
+ default: boolean;
112
+ };
113
+ collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
114
+ default: boolean;
115
+ };
116
+ autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
117
+ default: number | boolean;
118
+ };
119
+ border: import("vue-types").VueTypeValidableDef<boolean> & {
120
+ default: boolean;
121
+ } & {
122
+ default: boolean;
123
+ };
124
+ }>> & {
125
+ "onBefore-resize"?: (...args: any[]) => any;
126
+ onResizing?: (...args: any[]) => any;
127
+ "onAfter-resize"?: (...args: any[]) => any;
128
+ "onCollapse-change"?: (...args: any[]) => any;
129
+ }, {
130
+ collapsed: import("vue").Ref<boolean>;
131
+ asideContentVisible: import("vue").Ref<boolean>;
132
+ minimized: import("vue").Ref<boolean>;
133
+ limitMax: any;
134
+ state: any;
135
+ vertical: import("vue").ComputedRef<boolean>;
136
+ cssPropKey: import("vue").ComputedRef<"height" | "width">;
137
+ bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
138
+ resizeProxyRef: import("vue").Ref<HTMLElement>;
139
+ resizeMaskRef: import("vue").Ref<HTMLElement>;
140
+ asideRef: import("vue").Ref<HTMLElement>;
141
+ triggerStyle: import("vue").ComputedRef<{
142
+ [x: string]: string;
143
+ }>;
144
+ asideStyle: import("vue").ComputedRef<{
145
+ [x: string]: string;
146
+ }>;
147
+ handleMousedown: (event: any) => void;
148
+ setCollapse: (collapse: any) => void;
149
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], string, {
150
+ placement: string;
151
+ disabled: boolean;
152
+ max: number;
153
+ min: number;
154
+ border: boolean;
155
+ collapsible: boolean;
156
+ immediate: boolean;
157
+ triggerWidth: number;
158
+ triggerOffset: number;
159
+ initialDivide: string | number;
160
+ autoMinimize: number | boolean;
161
+ }> & {
162
+ beforeCreate?: (() => void) | (() => void)[];
163
+ created?: (() => void) | (() => void)[];
164
+ beforeMount?: (() => void) | (() => void)[];
165
+ mounted?: (() => void) | (() => void)[];
166
+ beforeUpdate?: (() => void) | (() => void)[];
167
+ updated?: (() => void) | (() => void)[];
168
+ activated?: (() => void) | (() => void)[];
169
+ deactivated?: (() => void) | (() => void)[];
170
+ beforeDestroy?: (() => void) | (() => void)[];
171
+ beforeUnmount?: (() => void) | (() => void)[];
172
+ destroyed?: (() => void) | (() => void)[];
173
+ unmounted?: (() => void) | (() => void)[];
174
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
175
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
176
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
177
+ };
178
+ $forceUpdate: () => void;
179
+ $nextTick: typeof import("vue").nextTick;
180
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
181
+ } & Readonly<import("vue").ExtractPropTypes<{
182
+ placement: import("vue-types").VueTypeDef<string> & {
183
+ default: string;
184
+ };
185
+ min: import("vue-types").VueTypeValidableDef<number> & {
186
+ default: number;
187
+ } & {
188
+ default: number;
189
+ };
190
+ max: import("vue-types").VueTypeValidableDef<number> & {
191
+ default: number;
192
+ } & {
193
+ default: number;
194
+ };
195
+ triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
196
+ default: number;
197
+ } & {
198
+ default: number;
199
+ };
200
+ triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
201
+ default: number;
202
+ } & {
203
+ default: number;
204
+ };
205
+ initialDivide: import("vue-types").VueTypeDef<string | number> & {
206
+ default: string | number;
207
+ };
208
+ immediate: import("vue-types").VueTypeValidableDef<boolean> & {
209
+ default: boolean;
210
+ };
211
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
212
+ default: boolean;
213
+ };
214
+ collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
215
+ default: boolean;
216
+ };
217
+ autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
218
+ default: number | boolean;
219
+ };
220
+ border: import("vue-types").VueTypeValidableDef<boolean> & {
221
+ default: boolean;
222
+ } & {
223
+ default: boolean;
224
+ };
225
+ }>> & {
226
+ "onBefore-resize"?: (...args: any[]) => any;
227
+ onResizing?: (...args: any[]) => any;
228
+ "onAfter-resize"?: (...args: any[]) => any;
229
+ "onCollapse-change"?: (...args: any[]) => any;
230
+ } & import("vue").ShallowUnwrapRef<{
231
+ collapsed: import("vue").Ref<boolean>;
232
+ asideContentVisible: import("vue").Ref<boolean>;
233
+ minimized: import("vue").Ref<boolean>;
234
+ limitMax: any;
235
+ state: any;
236
+ vertical: import("vue").ComputedRef<boolean>;
237
+ cssPropKey: import("vue").ComputedRef<"height" | "width">;
238
+ bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
239
+ resizeProxyRef: import("vue").Ref<HTMLElement>;
240
+ resizeMaskRef: import("vue").Ref<HTMLElement>;
241
+ asideRef: import("vue").Ref<HTMLElement>;
242
+ triggerStyle: import("vue").ComputedRef<{
243
+ [x: string]: string;
244
+ }>;
245
+ asideStyle: import("vue").ComputedRef<{
246
+ [x: string]: string;
247
+ }>;
248
+ handleMousedown: (event: any) => void;
249
+ setCollapse: (collapse: any) => void;
250
+ }> & {} & {} & import("vue").ComponentCustomProperties;
251
+ __isFragment?: never;
252
+ __isTeleport?: never;
253
+ __isSuspense?: never;
254
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
255
+ placement: import("vue-types").VueTypeDef<string> & {
256
+ default: string;
257
+ };
258
+ min: import("vue-types").VueTypeValidableDef<number> & {
259
+ default: number;
260
+ } & {
261
+ default: number;
262
+ };
263
+ max: import("vue-types").VueTypeValidableDef<number> & {
264
+ default: number;
265
+ } & {
266
+ default: number;
267
+ };
268
+ triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
269
+ default: number;
270
+ } & {
271
+ default: number;
272
+ };
273
+ triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
274
+ default: number;
275
+ } & {
276
+ default: number;
277
+ };
278
+ initialDivide: import("vue-types").VueTypeDef<string | number> & {
279
+ default: string | number;
280
+ };
281
+ immediate: import("vue-types").VueTypeValidableDef<boolean> & {
282
+ default: boolean;
283
+ };
284
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
285
+ default: boolean;
286
+ };
287
+ collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
288
+ default: boolean;
289
+ };
290
+ autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
291
+ default: number | boolean;
292
+ };
293
+ border: import("vue-types").VueTypeValidableDef<boolean> & {
294
+ default: boolean;
295
+ } & {
296
+ default: boolean;
297
+ };
298
+ }>> & {
299
+ "onBefore-resize"?: (...args: any[]) => any;
300
+ onResizing?: (...args: any[]) => any;
301
+ "onAfter-resize"?: (...args: any[]) => any;
302
+ "onCollapse-change"?: (...args: any[]) => any;
303
+ }, {
304
+ collapsed: import("vue").Ref<boolean>;
305
+ asideContentVisible: import("vue").Ref<boolean>;
306
+ minimized: import("vue").Ref<boolean>;
307
+ limitMax: any;
308
+ state: any;
309
+ vertical: import("vue").ComputedRef<boolean>;
310
+ cssPropKey: import("vue").ComputedRef<"height" | "width">;
311
+ bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
312
+ resizeProxyRef: import("vue").Ref<HTMLElement>;
313
+ resizeMaskRef: import("vue").Ref<HTMLElement>;
314
+ asideRef: import("vue").Ref<HTMLElement>;
315
+ triggerStyle: import("vue").ComputedRef<{
316
+ [x: string]: string;
317
+ }>;
318
+ asideStyle: import("vue").ComputedRef<{
319
+ [x: string]: string;
320
+ }>;
321
+ handleMousedown: (event: any) => void;
322
+ setCollapse: (collapse: any) => void;
323
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
324
+ placement: string;
325
+ disabled: boolean;
326
+ max: number;
327
+ min: number;
328
+ border: boolean;
329
+ collapsible: boolean;
330
+ immediate: boolean;
331
+ triggerWidth: number;
332
+ triggerOffset: number;
333
+ initialDivide: string | number;
334
+ autoMinimize: number | boolean;
335
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
336
+ export default BkResizeLayout;
@@ -0,0 +1 @@
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var i in a)("object"==typeof exports?exports:e)[i]=a[i]}}(self,((e,t,a)=>(()=>{"use strict";var i={6870:e=>{e.exports=a},4212:t=>{t.exports=e},748:e=>{e.exports=t}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var a=l[e]={exports:{}};return i[e](a,a.exports,o),a.exports}o.d=(e,t)=>{for(var a in t)o.o(t,a)&&!o.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{o.r(n),o.d(n,{default:()=>r});var e=o(4212);function t(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var a=o(748),i=o(6870);const l=(0,a.defineComponent)({name:"ResizeLayout",props:{placement:e.PropTypes.placement().def("left"),min:e.PropTypes.number.def(3),max:e.PropTypes.number.def(1/0),triggerWidth:e.PropTypes.number.def(5),triggerOffset:e.PropTypes.number.def(3),initialDivide:e.PropTypes.oneOfType([String,Number]).def("20%"),immediate:e.PropTypes.bool,disabled:e.PropTypes.bool,collapsible:e.PropTypes.bool,autoMinimize:e.PropTypes.oneOfType([Boolean,Number]).def(!1),border:e.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,i){var l=i.emit,o=(0,a.toRefs)(e),n=o.placement,r=o.initialDivide,u=o.triggerOffset,s=o.triggerWidth,c=o.max,v=o.min,d=o.immediate,f=o.autoMinimize,p=(0,a.ref)(!1),m=(0,a.ref)(!0),b=(0,a.ref)(!1),y=(0,a.ref)(null),h=(0,a.ref)({}),g=(0,a.ref)(null),z=(0,a.ref)(null),x=(0,a.ref)(null),k=(0,a.ref)(null),w=(0,a.computed)((function(){return["left","right"].includes(n.value)})),P=(0,a.computed)((function(){return w.value?"width":"height"})),R=(0,a.computed)((function(){var e=r.value;return"number"==typeof e&&(e="".concat(e,"px")),t({},P.value,e)})),T=(0,a.computed)((function(){var e;return t(e={},"margin-".concat(n.value),"".concat(u.value-s.value,"px")),t(e,P.value,"".concat(s.value,"px")),e})),M=(0,a.computed)((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),S=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();y.value=w.value?e.width:e.height})),C=function(){var e=k.value.getBoundingClientRect();O(!p.value),p.value?(k.value.setAttribute("data-".concat(P.value),"".concat(e[P.value],"px")),k.value.style[P.value]="5px"):(m.value=!0,k.value.style[P.value]=k.value.getAttribute("data-".concat(P.value)))},O=function(e){k.value.addEventListener("transitionend",(function t(){m.value=e,k.value.style.transition="",k.value.removeEventListener("transitionend",t)})),k.value.style.transition="".concat(P.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return(0,a.onMounted)((function(){S.observe(g.value)})),(0,a.onBeforeUnmount)((function(){S.unobserve(g.value)})),{collapsed:p,asideContentVisible:m,minimized:b,limitMax:y,state:h,vertical:w,cssPropKey:P,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:x,asideRef:k,triggerStyle:T,asideStyle:R,handleMousedown:function(e){l("before-resize",e);var t=k.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),x.value.style.display="block",x.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0 ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var i=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var a,i=(a=h.value.aside[P.value]+t,Math.min(c.value,Math.max(v.value,a),y.value-s.value)+u.value),o="".concat(i,"px");d.value?k.value.style[P.value]=o:z.value.style[n.value]=o,l("resizing",i)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",x.value.style.display="none",document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,(0,a.nextTick)((function(){(function(){if(!f.value)return!1;var e=k.value.getBoundingClientRect();if(b.value=p.value=e[P.value]<=M.value,!b.value)return m.value=!0,!1;C(),(0,a.nextTick)((function(){k.value.setAttribute("data-".concat(P.value),R.value[P.value])}))})(),l("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;k.value.style[P.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,C(),l("collapse-change",p.value)}}},render:function(){var e,t,l,o,n,r,u=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border}];return(0,a.createVNode)("div",{ref:"bkResizeLayoutRef",class:u},[(0,a.createVNode)("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[(0,a.withDirectives)((0,a.createVNode)("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[a.vShow,this.asideContentVisible]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:(0,a.withModifiers)(this.handleMousedown,["left"])},null),[[a.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),(0,a.withDirectives)((0,a.createVNode)("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[a.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(o=(l=this.$slots)["collapse-trigger"])||void 0===o?void 0:o.call(l))||(this.collapsed?(0,a.createVNode)(i.AngleRight,{class:"bk-resize-collapse",onClick:this.setCollapse},null):(0,a.createVNode)(i.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null)))]),(0,a.createVNode)("main",{class:"bk-resize-layout-main"},[null===(r=(n=this.$slots).main)||void 0===r?void 0:r.call(n)]),(0,a.createVNode)("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),r=(0,e.withInstall)(l)})(),n})()));
@@ -0,0 +1,177 @@
1
+ .bk-resize-layout {
2
+ display: flex;
3
+ }
4
+ .bk-resize-layout-border {
5
+ border: 1px solid #dcdee5;
6
+ }
7
+ .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-layout-aside-content {
8
+ overflow: hidden;
9
+ }
10
+ .bk-resize-layout-collapsed > .bk-resize-layout-aside .bk-resize-collapse:before {
11
+ display: inline-block;
12
+ transform: rotate(180deg);
13
+ }
14
+ .bk-resize-layout-left {
15
+ flex-direction: row;
16
+ }
17
+ .bk-resize-layout-left > .bk-resize-layout-aside {
18
+ border-right: 1px solid #dcdee5;
19
+ }
20
+ .bk-resize-layout-left > .bk-resize-layout-aside:after {
21
+ top: 50%;
22
+ right: 1px;
23
+ transform: translate3d(0, -50%, 0);
24
+ }
25
+ .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-trigger {
26
+ top: 0;
27
+ left: 100%;
28
+ width: 5px;
29
+ height: 100%;
30
+ cursor: col-resize;
31
+ }
32
+ .bk-resize-layout-left > .bk-resize-layout-aside .bk-resize-collapse {
33
+ top: 50%;
34
+ left: 100%;
35
+ transform: translateY(-50%);
36
+ }
37
+ .bk-resize-layout-right {
38
+ flex-direction: row-reverse;
39
+ }
40
+ .bk-resize-layout-right > .bk-resize-layout-aside {
41
+ border-left: 1px solid #dcdee5;
42
+ }
43
+ .bk-resize-layout-right > .bk-resize-layout-aside:after {
44
+ top: 50%;
45
+ left: 1px;
46
+ transform: translate3d(0, -50%, 0);
47
+ }
48
+ .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-trigger {
49
+ top: 0;
50
+ right: 100%;
51
+ width: 5px;
52
+ height: 100%;
53
+ cursor: col-resize;
54
+ }
55
+ .bk-resize-layout-right > .bk-resize-layout-aside .bk-resize-collapse {
56
+ top: 50%;
57
+ right: 100%;
58
+ transform: translateY(-50%) rotate(180deg);
59
+ }
60
+ .bk-resize-layout-top {
61
+ flex-direction: column;
62
+ }
63
+ .bk-resize-layout-top > .bk-resize-layout-aside {
64
+ border-bottom: 1px solid #dcdee5;
65
+ }
66
+ .bk-resize-layout-top > .bk-resize-layout-aside:after {
67
+ bottom: 1px;
68
+ left: 50%;
69
+ transform: translate3d(-50%, 0, 0) rotate(90deg);
70
+ }
71
+ .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-trigger {
72
+ top: 100%;
73
+ left: 0;
74
+ width: 100%;
75
+ height: 5px;
76
+ cursor: row-resize;
77
+ }
78
+ .bk-resize-layout-top > .bk-resize-layout-aside .bk-resize-collapse {
79
+ top: 100%;
80
+ left: 50%;
81
+ margin-top: 8px;
82
+ transform: translate3d(-50%, -50%, 0) rotate(90deg);
83
+ }
84
+ .bk-resize-layout-bottom {
85
+ flex-direction: column-reverse;
86
+ }
87
+ .bk-resize-layout-bottom > .bk-resize-layout-aside {
88
+ border-top: 1px solid #dcdee5;
89
+ }
90
+ .bk-resize-layout-bottom > .bk-resize-layout-aside:after {
91
+ top: 1px;
92
+ left: 50%;
93
+ transform: translate3d(-50%, 0, 0) rotate(90deg);
94
+ }
95
+ .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-trigger {
96
+ bottom: 100%;
97
+ left: 0;
98
+ width: 100%;
99
+ height: 5px;
100
+ cursor: row-resize;
101
+ }
102
+ .bk-resize-layout-bottom > .bk-resize-layout-aside .bk-resize-collapse {
103
+ bottom: 100%;
104
+ left: 50%;
105
+ margin-bottom: 8px;
106
+ transform: translate3d(50%, 50%, 0) rotate(-90deg);
107
+ }
108
+ .bk-resize-layout > .bk-resize-layout-aside {
109
+ position: relative;
110
+ }
111
+ .bk-resize-layout > .bk-resize-layout-aside:after {
112
+ position: absolute;
113
+ width: 2px;
114
+ height: 2px;
115
+ color: #c4c6cc;
116
+ background: currentColor;
117
+ content: '';
118
+ box-shadow: 0 4px 0 0 currentColor, 0 8px 0 0 currentColor, 0 -4px 0 0 currentColor, 0 -8px 0 0 currentColor;
119
+ }
120
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-layout-aside-content {
121
+ width: 100%;
122
+ height: 100%;
123
+ overflow: hidden;
124
+ }
125
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-trigger {
126
+ position: absolute;
127
+ z-index: 3;
128
+ background-color: transparent;
129
+ }
130
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy {
131
+ position: absolute;
132
+ z-index: 9999;
133
+ pointer-events: none;
134
+ visibility: hidden;
135
+ }
136
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.left,
137
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.right {
138
+ top: 0;
139
+ height: 100%;
140
+ border-left: 1px dashed #3a84ff;
141
+ }
142
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.top,
143
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-proxy.bottom {
144
+ left: 0;
145
+ width: 100%;
146
+ border-top: 1px dashed #3a84ff;
147
+ }
148
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse {
149
+ position: absolute;
150
+ z-index: 2;
151
+ width: 16px;
152
+ height: 64px;
153
+ font-size: 20px;
154
+ line-height: 64px;
155
+ color: #fff;
156
+ text-align: center;
157
+ text-indent: -2px;
158
+ cursor: pointer;
159
+ background: #dcdee5;
160
+ border-radius: 0px 4px 4px 0px;
161
+ }
162
+ .bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse:hover {
163
+ background: #3a84ff;
164
+ }
165
+ .bk-resize-layout > .bk-resize-layout-main {
166
+ flex: 1;
167
+ overflow: hidden;
168
+ }
169
+ .bk-resize-layout .bk-resize-mask {
170
+ position: fixed;
171
+ top: 0;
172
+ right: 0;
173
+ bottom: 0;
174
+ left: 0;
175
+ z-index: 9999;
176
+ display: none;
177
+ }