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
@@ -0,0 +1,273 @@
1
+ import { PropType } from 'vue';
2
+ import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SelectedItem, ValidateValuesFunc } from './utils';
3
+ export declare const SearchSelectProps: {
4
+ data: {
5
+ type: PropType<ISearchItem[]>;
6
+ default: () => any[];
7
+ };
8
+ modelValue: {
9
+ type: PropType<ISearchValue[]>;
10
+ default: () => any[];
11
+ };
12
+ shrink: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ maxHeight: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ minHeight: {
21
+ type: NumberConstructor;
22
+ default: number;
23
+ };
24
+ conditions: {
25
+ type: PropType<ICommonItem[]>;
26
+ default: () => {
27
+ id: string;
28
+ name: string;
29
+ }[];
30
+ };
31
+ clearable: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ getMenuList: PropType<GetMenuListFunc>;
36
+ validateValues: PropType<ValidateValuesFunc>;
37
+ };
38
+ declare const _default: import("vue").DefineComponent<{
39
+ data: {
40
+ type: PropType<ISearchItem[]>;
41
+ default: () => any[];
42
+ };
43
+ modelValue: {
44
+ type: PropType<ISearchValue[]>;
45
+ default: () => any[];
46
+ };
47
+ shrink: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ maxHeight: {
52
+ type: NumberConstructor;
53
+ default: number;
54
+ };
55
+ minHeight: {
56
+ type: NumberConstructor;
57
+ default: number;
58
+ };
59
+ conditions: {
60
+ type: PropType<ICommonItem[]>;
61
+ default: () => {
62
+ id: string;
63
+ name: string;
64
+ }[];
65
+ };
66
+ clearable: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ getMenuList: PropType<GetMenuListFunc>;
71
+ validateValues: PropType<ValidateValuesFunc>;
72
+ }, {
73
+ inputRef: import("vue").Ref<import("vue").DefineComponent<{
74
+ data: {
75
+ type: PropType<ISearchItem[]>;
76
+ required: true;
77
+ };
78
+ showInputBefore: BooleanConstructor;
79
+ showCondition: BooleanConstructor;
80
+ clickOutside: FunctionConstructor;
81
+ conditions: {
82
+ type: PropType<ICommonItem[]>;
83
+ default: () => any[];
84
+ };
85
+ defautUsingItem: PropType<SelectedItem>;
86
+ mode: {
87
+ type: PropType<import("./utils").SearchInputMode>;
88
+ default: import("./utils").SearchInputMode;
89
+ };
90
+ geMenuList: PropType<GetMenuListFunc>;
91
+ validateValues: PropType<ValidateValuesFunc>;
92
+ }, {
93
+ popoverRef: import("vue").Ref<HTMLDivElement>;
94
+ inputRef: import("vue").Ref<HTMLDivElement>;
95
+ keyword: import("vue").Ref<string>;
96
+ loading: import("vue").Ref<boolean>;
97
+ remoteMenuList: import("vue").Ref<{
98
+ id: string;
99
+ name: string;
100
+ disabled?: boolean;
101
+ realId?: string;
102
+ value?: {
103
+ name: string;
104
+ id: string;
105
+ realId?: string;
106
+ };
107
+ }[]>;
108
+ menuList: import("vue").Ref<ISearchItem[]>;
109
+ menuHoverId: import("vue").Ref<string>;
110
+ isFocus: import("vue").Ref<boolean>;
111
+ usingItem: import("vue").Ref<SelectedItem>;
112
+ showPopover: import("vue").Ref<boolean>;
113
+ showNoSelectValueError: import("vue").Ref<boolean>;
114
+ debounceSetMenuList: {
115
+ (this: any): any;
116
+ cancel(): void;
117
+ };
118
+ documentArrowEvent: (e: KeyboardEvent) => void;
119
+ handleClickOutside: (e: MouseEvent) => void;
120
+ handleInputFocus: (e: FocusEvent) => void;
121
+ handleInputChange: (event: Event) => void;
122
+ handleInputKeyup: (event: KeyboardEvent) => void;
123
+ handleSelectItem: (item: ICommonItem, type?: SearchItemType) => Promise<void>;
124
+ handleSelectCondtionItem: (item: ICommonItem) => void;
125
+ handleMenuFooterClick: (item: import("./utils").IMenuFooterItem) => void;
126
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "add" | "delete")[], "focus" | "add" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
127
+ data: {
128
+ type: PropType<ISearchItem[]>;
129
+ required: true;
130
+ };
131
+ showInputBefore: BooleanConstructor;
132
+ showCondition: BooleanConstructor;
133
+ clickOutside: FunctionConstructor;
134
+ conditions: {
135
+ type: PropType<ICommonItem[]>;
136
+ default: () => any[];
137
+ };
138
+ defautUsingItem: PropType<SelectedItem>;
139
+ mode: {
140
+ type: PropType<import("./utils").SearchInputMode>;
141
+ default: import("./utils").SearchInputMode;
142
+ };
143
+ geMenuList: PropType<GetMenuListFunc>;
144
+ validateValues: PropType<ValidateValuesFunc>;
145
+ }>> & {
146
+ onFocus?: (...args: any[]) => any;
147
+ onAdd?: (...args: any[]) => any;
148
+ onDelete?: (...args: any[]) => any;
149
+ }, {
150
+ mode: import("./utils").SearchInputMode;
151
+ conditions: ICommonItem[];
152
+ showInputBefore: boolean;
153
+ showCondition: boolean;
154
+ }>>;
155
+ wrapRef: import("vue").Ref<HTMLDivElement>;
156
+ isFocus: import("vue").Ref<boolean>;
157
+ selectedList: import("vue").Ref<{
158
+ id: string;
159
+ name: string;
160
+ values: {
161
+ id: string;
162
+ name: string;
163
+ disabled?: boolean;
164
+ realId?: string;
165
+ value?: {
166
+ name: string;
167
+ id: string;
168
+ realId?: string;
169
+ };
170
+ }[];
171
+ condition: string;
172
+ searchItem: {
173
+ id: string;
174
+ name: string;
175
+ children?: {
176
+ id: string;
177
+ name: string;
178
+ disabled?: boolean;
179
+ realId?: string;
180
+ value?: {
181
+ name: string;
182
+ id: string;
183
+ realId?: string;
184
+ };
185
+ }[];
186
+ multiple?: boolean;
187
+ async?: boolean;
188
+ noValidate?: boolean;
189
+ placeholder?: string;
190
+ disabled?: boolean;
191
+ };
192
+ type: SearchItemType;
193
+ readonly multiple: boolean;
194
+ readonly placeholder: string;
195
+ readonly children: {
196
+ id: string;
197
+ name: string;
198
+ disabled?: boolean;
199
+ realId?: string;
200
+ value?: {
201
+ name: string;
202
+ id: string;
203
+ realId?: string;
204
+ };
205
+ }[];
206
+ readonly validate: boolean;
207
+ readonly inputInnerHtml: string;
208
+ readonly inputInnerText: string;
209
+ readonly keyInnerHtml: string;
210
+ readonly keyInnerText: string;
211
+ isSpecialType: () => boolean;
212
+ addValue: (item: ICommonItem) => void;
213
+ toValue: () => ISearchValue;
214
+ toValueKey: () => string;
215
+ isInValueList: (item: ICommonItem) => boolean;
216
+ }[]>;
217
+ overflowIndex: import("vue").Ref<number>;
218
+ validateStr: import("vue").Ref<string>;
219
+ onEditClick: (item: SelectedItem, index: number) => void;
220
+ onEditEnter: (item: SelectedItem, index: number) => void;
221
+ handleWrapClick: () => void;
222
+ handleInputFocus: (v: boolean) => void;
223
+ handleResize: () => void;
224
+ handleClearAll: () => void;
225
+ handleInputOutside: (target: Node) => boolean;
226
+ handleAddSelected: (item: SelectedItem) => void;
227
+ handleDeleteSelected: (index?: number) => void;
228
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
229
+ data: {
230
+ type: PropType<ISearchItem[]>;
231
+ default: () => any[];
232
+ };
233
+ modelValue: {
234
+ type: PropType<ISearchValue[]>;
235
+ default: () => any[];
236
+ };
237
+ shrink: {
238
+ type: BooleanConstructor;
239
+ default: boolean;
240
+ };
241
+ maxHeight: {
242
+ type: NumberConstructor;
243
+ default: number;
244
+ };
245
+ minHeight: {
246
+ type: NumberConstructor;
247
+ default: number;
248
+ };
249
+ conditions: {
250
+ type: PropType<ICommonItem[]>;
251
+ default: () => {
252
+ id: string;
253
+ name: string;
254
+ }[];
255
+ };
256
+ clearable: {
257
+ type: BooleanConstructor;
258
+ default: boolean;
259
+ };
260
+ getMenuList: PropType<GetMenuListFunc>;
261
+ validateValues: PropType<ValidateValuesFunc>;
262
+ }>> & {
263
+ "onUpdate:modelValue"?: (...args: any[]) => any;
264
+ }, {
265
+ data: ISearchItem[];
266
+ maxHeight: number;
267
+ minHeight: number;
268
+ clearable: boolean;
269
+ modelValue: ISearchValue[];
270
+ conditions: ICommonItem[];
271
+ shrink: boolean;
272
+ }>;
273
+ export default _default;
@@ -0,0 +1,375 @@
1
+ /* stylelint-disable declaration-no-important */
2
+ @import '../styles/themes/themes.less';
3
+ @import '../styles/mixins/mixins.less';
4
+
5
+
6
+ @search-select-name: ~'@{bk-prefix}-search-select';
7
+
8
+
9
+ .@{search-select-name} {
10
+ position: relative;
11
+ z-index: 9;
12
+ height: @component-size-base;
13
+ overflow: inherit;
14
+
15
+ .focus {
16
+ color: @search-select-focus-color;
17
+ background: #fff !important;
18
+ border-color: @search-select-focus-border-color !important;
19
+ }
20
+
21
+ .div-input {
22
+ height: @component-size-base;
23
+ padding: 5px 0;
24
+ line-height: 20px;
25
+ word-break: break-all;
26
+ flex: 1 1 auto;
27
+
28
+ &:focus {
29
+ outline: none;
30
+ }
31
+ }
32
+
33
+ &-container {
34
+ position: relative;
35
+ display: flex;
36
+ min-height: @component-size-base;
37
+ overflow: hidden;
38
+ font-size: 12px;
39
+ color: @search-select-font-color;
40
+ border: @border-width-base @border-style-base @border-style-color;
41
+ border-radius: @border-radius-base;
42
+ outline: none;
43
+ box-sizing: border-box;
44
+ transition: border .2s linear;
45
+ resize: none;
46
+ flex-direction: row;
47
+ align-items: center;
48
+ flex-wrap: wrap;
49
+
50
+ &.is-focus {
51
+ overflow: auto;
52
+ .focus();
53
+ }
54
+
55
+ .search-prefix {
56
+ flex: 0 0 auto;
57
+ display: flex;
58
+ align-items: center;
59
+ height: 100%;
60
+ }
61
+
62
+ .search-container {
63
+ position: relative;
64
+ display: flex;
65
+ min-height: 26px;
66
+ padding: 0 2px;
67
+ margin-top: 4px;
68
+ overflow: visible;
69
+ text-align: left;
70
+ transition: max-height .3s cubic-bezier(.4, 0, .2, 1);
71
+ flex: 1;
72
+ flex-wrap: wrap;
73
+ align-items: center;
74
+
75
+ &-selected {
76
+ position: relative;
77
+ display: inline-block;
78
+ max-width: 99%;
79
+ padding-left: 8px;
80
+ margin: 0 0 4px 6px;
81
+ line-height: 22px;
82
+ color: @search-select-font-color;
83
+ background: #f0f1f5;
84
+ border-radius: 2px;
85
+ flex: 0 0 auto;
86
+ align-self: center;
87
+
88
+ &.hidden-selected {
89
+ visibility: hidden
90
+ }
91
+
92
+ &.overflow-selected {
93
+ padding-right: 8px;
94
+ }
95
+
96
+ &:hover {
97
+ background: #dcdee5;
98
+
99
+ .selected-clear {
100
+ color: @search-select-font-color;
101
+ }
102
+ }
103
+
104
+ .selected-name {
105
+ display: inline-block;
106
+ margin-right: 20px;
107
+ word-break: break-all;
108
+ }
109
+
110
+ .selected-clear {
111
+ position: absolute;
112
+ top: 4px;
113
+ right: 3px;
114
+ display: inline-flex;
115
+ width: 14px;
116
+ height: 14px;
117
+ overflow: hidden;
118
+ font-size: 12px;
119
+ line-height: normal;
120
+ color: #979ba5;
121
+ text-align: center;
122
+ cursor: pointer;
123
+ align-items: center;
124
+ justify-content: center;
125
+ }
126
+ }
127
+
128
+ &-input {
129
+ position: relative;
130
+ display: flex;
131
+ height: 100%;
132
+ min-width: 40px;
133
+ padding: 0 10px;
134
+ margin-top: -4px;
135
+ color: @search-select-font-color;
136
+ border: none;
137
+ flex: 1 1 auto;
138
+ align-items: center;
139
+
140
+ .input-before {
141
+ &:before {
142
+ color: @search-select-placeholder-color;
143
+ content: attr(data-placeholder);
144
+ }
145
+ }
146
+
147
+ .input-after {
148
+ &:after {
149
+ padding-left: 2px;
150
+ color: @search-select-placeholder-color;
151
+ content: attr(data-tips);
152
+ }
153
+ }
154
+ }
155
+
156
+ .selected-input {
157
+ position: relative;
158
+ display: flex;
159
+ height: 100%;
160
+ min-width: 40px;
161
+ padding: 0 10px;
162
+ margin-top: -4px;
163
+ color: @search-select-font-color;
164
+ border: none;
165
+ align-items: center;
166
+ }
167
+ }
168
+
169
+ .search-nextfix {
170
+ display: flex;
171
+ color: @light-gray;
172
+ align-items: center;
173
+ .search-prefix();
174
+
175
+ .search-clear {
176
+ display: flex;
177
+ width: 12px;
178
+ height: 12px;
179
+ margin-right: 6px;
180
+ font-size: 12px;
181
+ color: @light-gray;
182
+ align-items: center;
183
+ justify-content: center;
184
+
185
+ &:hover {
186
+ color: #979ba5;
187
+ cursor: pointer;
188
+ }
189
+ }
190
+
191
+ .search-nextfix-icon {
192
+ display: flex;
193
+ margin-right: 8px;
194
+ font-size: 16px;
195
+ transition: color .2s linear;
196
+ align-items: center;
197
+ justify-content: center;
198
+
199
+ &.is-focus {
200
+ .focus();
201
+ }
202
+ }
203
+ }
204
+
205
+ &::-webkit-scrollbar {
206
+ width: 3px;
207
+ height: 5px;
208
+ }
209
+
210
+ &::-webkit-scrollbar-thumb {
211
+ background: #e6e9ea;
212
+ border-radius: 20px;
213
+ box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
214
+ }
215
+ }
216
+
217
+ &-tips {
218
+ display: flex;
219
+ margin-top: 5px;
220
+ font-size: 12px;
221
+ line-height: 16px;
222
+ color: @search-select-message-color;
223
+ align-items: center;
224
+
225
+ .select-tips {
226
+ display: flex;
227
+ width: 16px;
228
+ height: 16px;
229
+ margin-right: 5px;
230
+ overflow: hidden;
231
+ font-size: 16px;
232
+ align-items: center;
233
+ justify-content: center;
234
+ }
235
+ }
236
+ }
237
+
238
+ .@{search-select-name}-menu {
239
+ display: flex;
240
+ min-width: 160px;
241
+ font-size: 12px;
242
+ color: @search-select-font-color;
243
+ flex-direction: column;
244
+
245
+ .menu-list-mixin {
246
+ display: flex;
247
+ flex-direction: column;
248
+ }
249
+
250
+ .menu-item-mixin {
251
+ display: flex;
252
+ align-items: center;
253
+ width: 100%;
254
+ height: 32px;
255
+ padding: 0 12px;
256
+ flex: 0 0 32px;
257
+ outline: none;
258
+
259
+ &:hover {
260
+ cursor: pointer;
261
+ background-color: #f5f7fa;
262
+ }
263
+ }
264
+
265
+ .menu-disabled-mixin {
266
+ color: @light-gray;
267
+
268
+ &:hover {
269
+ cursor: not-allowed;
270
+ background-color: white;
271
+ }
272
+ }
273
+
274
+ .menu-header {
275
+ .menu-list-mixin();
276
+ border-bottom: @border-width-base @border-style-base @border-style-color;
277
+
278
+ &-item {
279
+ .menu-item-mixin();
280
+
281
+ &.is-disabled {
282
+ .menu-disabled-mixin()
283
+ }
284
+ }
285
+ }
286
+
287
+ .menu-content {
288
+ display: flex;
289
+ flex-direction: column;
290
+ flex: 1;
291
+ max-height: 240px;
292
+ overflow: auto;
293
+
294
+ .menu-item {
295
+ .menu-item-mixin();
296
+
297
+ .is-keyword {
298
+ display: inline-flex;
299
+ color: @primary-color;
300
+ }
301
+
302
+ .is-selected {
303
+ display: flex;
304
+ width: 14px;
305
+ height: 14px;
306
+ margin-left: auto;
307
+ overflow: hidden;
308
+ font-size: 18px;
309
+ font-weight: bold;
310
+ color: @primary-color;
311
+ align-items: center;
312
+ justify-content: center;
313
+ }
314
+
315
+ &.is-hover {
316
+ color: @primary-color;
317
+ background-color: #f5f7fa;
318
+
319
+ .menu-name {
320
+ color: @primary-color;
321
+ }
322
+ }
323
+
324
+ &.is-disabled {
325
+ .menu-disabled-mixin();
326
+
327
+ .menu-name {
328
+ color: @light-gray;;
329
+ }
330
+ }
331
+
332
+ .menu-name {
333
+ display: flex;
334
+ max-width: 100px;
335
+ margin-right: 5px;
336
+ font-weight: bold;
337
+ color: @search-select-font-color;
338
+ align-items: center;
339
+ }
340
+ }
341
+ }
342
+
343
+ .menu-footer {
344
+ display: flex;
345
+ width: 100%;
346
+ height: 32px;
347
+ border-top: @border-width-base @border-style-base @border-style-color;
348
+ align-items: center;
349
+
350
+ &-btn {
351
+ flex: 1;
352
+ display: flex;
353
+ align-items: center;
354
+ justify-content: center;
355
+ height: 100%;
356
+
357
+ &:first-child {
358
+ border-right: @border-width-base @border-style-base @border-style-color;
359
+ }
360
+
361
+ &:hover {
362
+ color: @primary-color;
363
+ cursor: pointer;
364
+ }
365
+
366
+ &.is-disabled {
367
+ .menu-disabled-mixin()
368
+ }
369
+ }
370
+ }
371
+ }
372
+
373
+ .@{search-select-name}-popover {
374
+ margin: -7px -14px;
375
+ }