bkui-vue 0.0.1-beta.45 → 0.0.1-beta.451

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 (655) hide show
  1. package/License.txt +14 -0
  2. package/dist/index.cjs.js +160 -35
  3. package/dist/index.esm.js +35562 -14524
  4. package/dist/index.umd.js +160 -35
  5. package/dist/locale/en.esm.js +2 -0
  6. package/dist/locale/en.esm.js.map +1 -0
  7. package/dist/locale/en.umd.js +2 -0
  8. package/dist/locale/en.umd.js.map +1 -0
  9. package/dist/locale/zh-cn.esm.js +2 -0
  10. package/dist/locale/zh-cn.esm.js.map +1 -0
  11. package/dist/locale/zh-cn.umd.js +2 -0
  12. package/dist/locale/zh-cn.umd.js.map +1 -0
  13. package/dist/style.css +1 -1
  14. package/dist/style.variable.css +1 -0
  15. package/lib/affix/affix.css +3 -0
  16. package/lib/affix/affix.d.ts +47 -0
  17. package/lib/affix/affix.less +5 -0
  18. package/lib/affix/affix.variable.css +125 -0
  19. package/lib/affix/index.d.ts +143 -0
  20. package/lib/affix/index.js +1 -0
  21. package/lib/alert/alert.css +9 -3
  22. package/lib/alert/alert.d.ts +5 -5
  23. package/lib/alert/alert.less +29 -20
  24. package/lib/alert/alert.variable.css +41 -7
  25. package/lib/alert/index.d.ts +11 -11
  26. package/lib/alert/index.js +1 -1
  27. package/lib/animate-number/animate-number.d.ts +1 -1
  28. package/lib/animate-number/index.d.ts +4 -4
  29. package/lib/backtop/backtop.css +8 -0
  30. package/lib/backtop/backtop.d.ts +3 -3
  31. package/lib/backtop/backtop.less +8 -0
  32. package/lib/backtop/backtop.variable.css +40 -4
  33. package/lib/backtop/index.d.ts +10 -10
  34. package/lib/backtop/index.js +1 -1
  35. package/lib/badge/badge.css +7 -10
  36. package/lib/badge/badge.d.ts +28 -7
  37. package/lib/badge/badge.less +9 -11
  38. package/lib/badge/badge.variable.css +39 -14
  39. package/lib/badge/index.d.ts +68 -18
  40. package/lib/badge/index.js +1 -1
  41. package/lib/breadcrumb/breadcrumb-item.d.ts +4 -2
  42. package/lib/breadcrumb/breadcrumb.css +51 -0
  43. package/lib/breadcrumb/breadcrumb.variable.css +88 -9
  44. package/lib/breadcrumb/index.d.ts +4 -2
  45. package/lib/breadcrumb/index.js +1 -1
  46. package/lib/button/button-group.d.ts +2 -2
  47. package/lib/button/button.css +85 -50
  48. package/lib/button/button.d.ts +44 -24
  49. package/lib/button/button.less +72 -42
  50. package/lib/button/button.variable.css +117 -54
  51. package/lib/button/index.d.ts +74 -44
  52. package/lib/button/index.js +1 -1
  53. package/lib/card/card.css +97 -2
  54. package/lib/card/card.d.ts +47 -6
  55. package/lib/card/card.less +50 -2
  56. package/lib/card/card.variable.css +133 -10
  57. package/lib/card/index.d.ts +113 -17
  58. package/lib/card/index.js +1 -1
  59. package/lib/cascader/cascader-panel.d.ts +101 -0
  60. package/lib/cascader/cascader.css +316 -0
  61. package/lib/cascader/cascader.d.ts +342 -0
  62. package/lib/cascader/cascader.less +283 -0
  63. package/lib/cascader/cascader.variable.css +438 -0
  64. package/lib/cascader/index.d.ts +961 -0
  65. package/lib/cascader/index.js +1 -0
  66. package/lib/cascader/interface.d.ts +51 -0
  67. package/lib/cascader/node.d.ts +31 -0
  68. package/lib/cascader/store.d.ts +25 -0
  69. package/lib/checkbox/checkbox-group.d.ts +16 -0
  70. package/lib/checkbox/checkbox.css +51 -11
  71. package/lib/checkbox/checkbox.d.ts +36 -24
  72. package/lib/checkbox/checkbox.less +85 -32
  73. package/lib/checkbox/checkbox.variable.css +83 -15
  74. package/lib/checkbox/common.d.ts +4 -3
  75. package/lib/checkbox/index.d.ts +70 -38
  76. package/lib/checkbox/index.js +1 -1
  77. package/lib/checkbox/type.d.ts +2 -6
  78. package/lib/code-diff/code-diff.css +27 -7
  79. package/lib/code-diff/code-diff.d.ts +1 -1
  80. package/lib/code-diff/code-diff.less +42 -7
  81. package/lib/code-diff/code-diff.variable.css +59 -11
  82. package/lib/code-diff/index.js +1 -1
  83. package/lib/collapse/collapse-panel.d.ts +103 -0
  84. package/lib/collapse/collapse.css +69 -14
  85. package/lib/collapse/collapse.d.ts +66 -52
  86. package/lib/collapse/collapse.less +112 -30
  87. package/lib/collapse/collapse.variable.css +191 -14
  88. package/lib/collapse/index.d.ts +266 -20
  89. package/lib/collapse/index.js +1 -1
  90. package/lib/collapse/props.d.ts +131 -0
  91. package/lib/collapse/utils.d.ts +11 -0
  92. package/lib/collapse-transition/collapse-transition.css +93 -0
  93. package/lib/collapse-transition/collapse-transition.d.ts +15 -0
  94. package/lib/collapse-transition/collapse-transition.less +111 -0
  95. package/lib/collapse-transition/collapse-transition.variable.css +215 -0
  96. package/lib/collapse-transition/index.d.ts +2 -0
  97. package/lib/collapse-transition/index.js +1 -0
  98. package/lib/color-picker/color-picker.css +275 -0
  99. package/lib/color-picker/color-picker.d.ts +144 -0
  100. package/lib/color-picker/color-picker.less +325 -0
  101. package/lib/color-picker/color-picker.variable.css +397 -0
  102. package/lib/color-picker/components/color-input.d.ts +42 -0
  103. package/lib/color-picker/components/hue-slider.d.ts +41 -0
  104. package/lib/color-picker/components/input-container.d.ts +42 -0
  105. package/lib/color-picker/components/recommend-colors.d.ts +51 -0
  106. package/lib/color-picker/components/saturation-panel.d.ts +41 -0
  107. package/lib/color-picker/index.d.ts +254 -0
  108. package/lib/color-picker/index.js +1 -0
  109. package/lib/color-picker/utils.d.ts +37 -0
  110. package/lib/components.d.ts +31 -8
  111. package/lib/components.js +1 -0
  112. package/lib/config-provider/config-provider.css +0 -0
  113. package/lib/config-provider/config-provider.d.ts +384 -0
  114. package/lib/config-provider/config-provider.less +1 -0
  115. package/lib/config-provider/config-provider.variable.css +122 -0
  116. package/lib/config-provider/index.d.ts +585 -0
  117. package/lib/config-provider/index.js +1 -0
  118. package/lib/config-provider/token.d.ts +122 -0
  119. package/lib/config-provider/use-global-config.d.ts +5 -0
  120. package/lib/config-provider/use-locale.d.ts +3 -0
  121. package/lib/config-provider/use-prefix.d.ts +9 -0
  122. package/lib/container/col.d.ts +51 -0
  123. package/lib/container/container.css +91 -0
  124. package/lib/container/container.d.ts +83 -0
  125. package/lib/container/container.less +20 -0
  126. package/lib/container/container.variable.css +213 -0
  127. package/lib/container/index.d.ts +223 -0
  128. package/lib/container/index.js +1 -0
  129. package/lib/container/row.d.ts +4 -0
  130. package/lib/date-picker/base/confirm.d.ts +74 -0
  131. package/lib/date-picker/base/date-table.d.ts +96 -0
  132. package/lib/date-picker/base/month-table.d.ts +117 -0
  133. package/lib/date-picker/base/picker-dropdown.d.ts +74 -0
  134. package/lib/date-picker/base/time-spinner.d.ts +170 -0
  135. package/lib/date-picker/base/year-table.d.ts +117 -0
  136. package/lib/date-picker/date-picker.css +28 -1
  137. package/lib/date-picker/date-picker.d.ts +49 -20
  138. package/lib/date-picker/date-picker.less +106 -74
  139. package/lib/date-picker/date-picker.variable.css +60 -5
  140. package/lib/date-picker/index.d.ts +121 -54
  141. package/lib/date-picker/index.js +1 -1
  142. package/lib/date-picker/interface.d.ts +11 -1
  143. package/lib/date-picker/panel/date-range.d.ts +328 -0
  144. package/lib/date-picker/panel/date.d.ts +206 -0
  145. package/lib/date-picker/panel/time-range.d.ts +489 -0
  146. package/lib/date-picker/panel/time.d.ts +448 -0
  147. package/lib/date-picker/props.d.ts +55 -5
  148. package/lib/date-picker/time-picker.d.ts +381 -0
  149. package/lib/date-picker/utils.d.ts +22 -2
  150. package/lib/dialog/dialog.css +136 -24
  151. package/lib/dialog/dialog.d.ts +245 -58
  152. package/lib/dialog/dialog.less +100 -38
  153. package/lib/dialog/dialog.variable.css +258 -24
  154. package/lib/dialog/index.d.ts +545 -126
  155. package/lib/dialog/index.js +1 -1
  156. package/lib/dialog/props.d.ts +122 -0
  157. package/lib/directives/ellipsis.d.ts +7 -0
  158. package/lib/directives/index.d.ts +2 -0
  159. package/lib/directives/index.js +1 -1
  160. package/lib/directives/tooltips.d.ts +2 -1
  161. package/lib/dist.index.js +1 -0
  162. package/lib/divider/divider.d.ts +15 -15
  163. package/lib/divider/divider.variable.css +32 -4
  164. package/lib/divider/index.d.ts +34 -34
  165. package/lib/divider/index.js +1 -1
  166. package/lib/divider/props.d.ts +6 -6
  167. package/lib/dropdown/dropdown.css +13 -7
  168. package/lib/dropdown/dropdown.d.ts +46 -14
  169. package/lib/dropdown/dropdown.less +47 -34
  170. package/lib/dropdown/dropdown.variable.css +45 -11
  171. package/lib/dropdown/index.d.ts +99 -35
  172. package/lib/dropdown/index.js +1 -1
  173. package/lib/exception/exception.css +40 -14
  174. package/lib/exception/exception.d.ts +31 -11
  175. package/lib/exception/exception.less +59 -22
  176. package/lib/exception/exception.variable.css +72 -18
  177. package/lib/exception/index.d.ts +43 -26
  178. package/lib/exception/index.js +1 -1
  179. package/lib/exception/typings/index.d.ts +4 -0
  180. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  181. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -4
  182. package/lib/fixed-navbar/index.d.ts +40 -5
  183. package/lib/fixed-navbar/index.js +1 -1
  184. package/lib/form/compose-form-item.d.ts +16 -0
  185. package/lib/form/form-item.d.ts +22 -7
  186. package/lib/form/form.css +103 -15
  187. package/lib/form/form.d.ts +48 -14
  188. package/lib/form/form.less +152 -46
  189. package/lib/form/form.variable.css +225 -15
  190. package/lib/form/index.d.ts +121 -35
  191. package/lib/form/index.js +1 -1
  192. package/lib/form/type.d.ts +11 -8
  193. package/lib/form/utils.d.ts +2 -0
  194. package/lib/form/validator.d.ts +1 -0
  195. package/lib/hooks.d.ts +1 -0
  196. package/lib/hooks.js +1 -0
  197. package/lib/icon/angle-double-down-line.js +1 -1
  198. package/lib/icon/angle-double-left-line.js +1 -1
  199. package/lib/icon/angle-double-left.js +1 -1
  200. package/lib/icon/angle-double-right-line.js +1 -1
  201. package/lib/icon/angle-double-right.js +1 -1
  202. package/lib/icon/angle-double-up-line.js +1 -1
  203. package/lib/icon/angle-down-fill.js +1 -1
  204. package/lib/icon/angle-down-line.js +1 -1
  205. package/lib/icon/angle-down.js +1 -1
  206. package/lib/icon/angle-left.js +1 -1
  207. package/lib/icon/angle-right.js +1 -1
  208. package/lib/icon/angle-up-fill.js +1 -1
  209. package/lib/icon/angle-up.js +1 -1
  210. package/lib/icon/archive-fill.d.ts +4 -0
  211. package/lib/icon/archive-fill.js +1 -0
  212. package/lib/icon/arrows-left.js +1 -1
  213. package/lib/icon/arrows-right.js +1 -1
  214. package/lib/icon/audio-fill.d.ts +4 -0
  215. package/lib/icon/audio-fill.js +1 -0
  216. package/lib/icon/bk.js +1 -1
  217. package/lib/icon/circle.js +1 -1
  218. package/lib/icon/close-line.d.ts +4 -0
  219. package/lib/icon/close-line.js +1 -0
  220. package/lib/icon/close.js +1 -1
  221. package/lib/icon/code.js +1 -1
  222. package/lib/icon/cog-shape.js +1 -1
  223. package/lib/icon/collapse-left.js +1 -1
  224. package/lib/icon/copy.js +1 -1
  225. package/lib/icon/data-shape.d.ts +4 -0
  226. package/lib/icon/data-shape.js +1 -0
  227. package/lib/icon/del.d.ts +4 -0
  228. package/lib/icon/del.js +1 -0
  229. package/lib/icon/doc-fill.d.ts +4 -0
  230. package/lib/icon/doc-fill.js +1 -0
  231. package/lib/icon/done.js +1 -1
  232. package/lib/icon/down-shape.js +1 -1
  233. package/lib/icon/down-small.js +1 -1
  234. package/lib/icon/edit-line.d.ts +4 -0
  235. package/lib/icon/edit-line.js +1 -0
  236. package/lib/icon/ellipsis.js +1 -1
  237. package/lib/icon/enlarge-line.d.ts +4 -0
  238. package/lib/icon/enlarge-line.js +1 -0
  239. package/lib/icon/error.js +1 -1
  240. package/lib/icon/excel-fill.d.ts +4 -0
  241. package/lib/icon/excel-fill.js +1 -0
  242. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  243. package/lib/icon/exclamation-circle-shape.js +1 -0
  244. package/lib/icon/eye.js +1 -1
  245. package/lib/icon/filliscreen-line.d.ts +4 -0
  246. package/lib/icon/filliscreen-line.js +1 -0
  247. package/lib/icon/folder-open.js +1 -1
  248. package/lib/icon/folder-shape-open.js +1 -1
  249. package/lib/icon/folder-shape.js +1 -1
  250. package/lib/icon/folder.js +1 -1
  251. package/lib/icon/funnel.d.ts +4 -0
  252. package/lib/icon/funnel.js +1 -0
  253. package/lib/icon/help-document-fill.js +1 -1
  254. package/lib/icon/help-fill.js +1 -1
  255. package/lib/icon/help.js +1 -1
  256. package/lib/icon/image-fill.d.ts +4 -0
  257. package/lib/icon/img-error.d.ts +4 -0
  258. package/lib/icon/img-error.js +1 -0
  259. package/lib/icon/img-placehoulder.d.ts +4 -0
  260. package/lib/icon/img-placehoulder.js +1 -0
  261. package/lib/icon/index.d.ts +79 -53
  262. package/lib/icon/index.js +1 -1
  263. package/lib/icon/info-line.js +1 -1
  264. package/lib/icon/info.js +1 -1
  265. package/lib/icon/left-shape.js +1 -1
  266. package/lib/icon/left-turn-line.d.ts +4 -0
  267. package/lib/icon/left-turn-line.js +1 -0
  268. package/lib/icon/narrow-line.d.ts +4 -0
  269. package/lib/icon/narrow-line.js +1 -0
  270. package/lib/icon/original.d.ts +4 -0
  271. package/lib/icon/original.js +1 -0
  272. package/lib/icon/pdf-fill.d.ts +4 -0
  273. package/lib/icon/pdf-fill.js +1 -0
  274. package/lib/icon/play-shape.js +1 -1
  275. package/lib/icon/plus.js +1 -1
  276. package/lib/icon/ppt-fill.d.ts +4 -0
  277. package/lib/icon/ppt-fill.js +1 -0
  278. package/lib/icon/qq.js +1 -1
  279. package/lib/icon/right-shape.js +1 -1
  280. package/lib/icon/right-turn-line.d.ts +4 -0
  281. package/lib/icon/right-turn-line.js +1 -0
  282. package/lib/icon/search.js +1 -1
  283. package/lib/icon/share.js +1 -1
  284. package/lib/icon/spinner.js +1 -1
  285. package/lib/icon/success.js +1 -1
  286. package/lib/icon/switcher-loading.js +1 -1
  287. package/lib/icon/text-file.js +1 -1
  288. package/lib/icon/text-fill.d.ts +4 -0
  289. package/lib/icon/text-fill.js +1 -0
  290. package/lib/icon/transfer.d.ts +4 -0
  291. package/lib/icon/transfer.js +1 -0
  292. package/lib/icon/tree-application-shape.js +1 -1
  293. package/lib/icon/unfull-screen.d.ts +4 -0
  294. package/lib/icon/unfull-screen.js +1 -0
  295. package/lib/icon/unvisible.js +1 -1
  296. package/lib/icon/up-shape.js +1 -1
  297. package/lib/icon/upload.d.ts +4 -0
  298. package/lib/icon/upload.js +1 -0
  299. package/lib/icon/video-fill.d.ts +4 -0
  300. package/lib/icon/video-fill.js +1 -0
  301. package/lib/icon/warn.js +1 -1
  302. package/lib/icon/weixin.js +1 -1
  303. package/lib/image/image-viewer.css +142 -0
  304. package/lib/image/image-viewer.d.ts +73 -0
  305. package/lib/image/image-viewer.less +168 -0
  306. package/lib/image/image-viewer.variable.css +142 -0
  307. package/lib/image/image.css +37 -0
  308. package/lib/image/image.d.ts +93 -0
  309. package/lib/image/image.less +44 -0
  310. package/lib/image/image.variable.css +37 -0
  311. package/lib/image/index.d.ts +246 -0
  312. package/lib/image/index.js +1 -0
  313. package/lib/image/props.d.ts +71 -0
  314. package/lib/index.d.ts +3 -1
  315. package/lib/index.js +1 -0
  316. package/lib/info-box/index.d.ts +7 -0
  317. package/lib/info-box/index.js +1 -0
  318. package/lib/info-box/info-box.css +37 -0
  319. package/lib/info-box/info-box.d.ts +28 -0
  320. package/lib/info-box/info-box.less +51 -0
  321. package/lib/info-box/info-box.variable.css +159 -0
  322. package/lib/input/index.d.ts +175 -90
  323. package/lib/input/index.js +1 -1
  324. package/lib/input/input.css +183 -19
  325. package/lib/input/input.d.ts +119 -36
  326. package/lib/input/input.less +112 -18
  327. package/lib/input/input.variable.css +246 -55
  328. package/lib/link/index.d.ts +29 -21
  329. package/lib/link/index.js +1 -1
  330. package/lib/link/link.css +12 -12
  331. package/lib/link/link.d.ts +10 -8
  332. package/lib/link/link.less +16 -14
  333. package/lib/link/link.variable.css +44 -16
  334. package/lib/loading/directive.d.ts +14 -0
  335. package/lib/loading/index.d.ts +135 -19
  336. package/lib/loading/index.js +1 -1
  337. package/lib/loading/loading.css +86 -33
  338. package/lib/loading/loading.d.ts +94 -12
  339. package/lib/loading/loading.less +27 -23
  340. package/lib/loading/loading.variable.css +134 -53
  341. package/lib/locale/index.d.ts +3 -0
  342. package/lib/locale/index.js +1 -0
  343. package/lib/locale/lang/en.d.ts +120 -0
  344. package/lib/locale/lang/zh-cn.d.ts +3 -0
  345. package/lib/menu/index.d.ts +16 -24
  346. package/lib/menu/index.js +1 -1
  347. package/lib/menu/menu.css +51 -0
  348. package/lib/menu/menu.d.ts +7 -16
  349. package/lib/menu/menu.variable.css +101 -22
  350. package/lib/menu/submenu.variable.css +32 -4
  351. package/lib/message/index.js +1 -1
  352. package/lib/message/message.css +17 -5
  353. package/lib/message/message.less +21 -6
  354. package/lib/message/message.variable.css +49 -9
  355. package/lib/message/messageConstructor.d.ts +14 -11
  356. package/lib/modal/index.d.ts +470 -78
  357. package/lib/modal/index.js +1 -1
  358. package/lib/modal/modal.css +63 -1
  359. package/lib/modal/modal.d.ts +177 -30
  360. package/lib/modal/modal.less +39 -3
  361. package/lib/modal/modal.variable.css +185 -1
  362. package/lib/modal/props.mixin.d.ts +74 -13
  363. package/lib/navigation/index.d.ts +310 -1
  364. package/lib/navigation/index.js +1 -1
  365. package/lib/navigation/navigation.css +1 -1
  366. package/lib/navigation/navigation.d.ts +11 -2
  367. package/lib/navigation/navigation.less +1 -1
  368. package/lib/navigation/navigation.variable.css +33 -5
  369. package/lib/notify/index.js +1 -1
  370. package/lib/notify/notify.css +25 -5
  371. package/lib/notify/notify.less +29 -6
  372. package/lib/notify/notify.variable.css +57 -9
  373. package/lib/notify/notifyConstructor.d.ts +62 -21
  374. package/lib/overflow-title/components/overflow-title.d.ts +57 -0
  375. package/lib/overflow-title/directive/overflow-title.d.ts +3 -0
  376. package/lib/overflow-title/index.d.ts +170 -0
  377. package/lib/overflow-title/index.js +1 -0
  378. package/lib/overflow-title/overflow.css +11 -0
  379. package/lib/overflow-title/overflow.less +13 -0
  380. package/lib/overflow-title/overflow.variable.css +11 -0
  381. package/lib/overflow-title/props.d.ts +43 -0
  382. package/lib/overflow-title/utils/getActualWidthByCanvas.d.ts +3 -0
  383. package/lib/overflow-title/utils/getActualWidthByDom.d.ts +3 -0
  384. package/lib/pagination/index.d.ts +35 -20
  385. package/lib/pagination/index.js +1 -1
  386. package/lib/pagination/pagination.css +54 -28
  387. package/lib/pagination/pagination.d.ts +18 -8
  388. package/lib/pagination/pagination.less +59 -30
  389. package/lib/pagination/pagination.variable.css +86 -32
  390. package/lib/pagination/use-limit.d.ts +3 -1
  391. package/lib/pagination/use-total.d.ts +3 -1
  392. package/lib/plugin-popover/index.d.ts +27 -0
  393. package/lib/plugin-popover/index.js +1 -0
  394. package/lib/plugins/index.d.ts +1 -0
  395. package/lib/plugins/index.js +1 -0
  396. package/lib/pop-confirm/index.d.ts +246 -0
  397. package/lib/pop-confirm/index.js +1 -0
  398. package/lib/pop-confirm/pop-confirm.css +28 -0
  399. package/lib/pop-confirm/pop-confirm.d.ts +95 -0
  400. package/lib/pop-confirm/pop-confirm.less +34 -0
  401. package/lib/pop-confirm/pop-confirm.variable.css +150 -0
  402. package/lib/pop-confirm/props.d.ts +67 -0
  403. package/lib/popover/arrow.d.ts +2 -0
  404. package/lib/popover/const.d.ts +16 -0
  405. package/lib/popover/content.d.ts +43 -0
  406. package/lib/popover/index.d.ts +504 -97
  407. package/lib/popover/index.js +1 -1
  408. package/lib/popover/plugin-popover.d.ts +12 -0
  409. package/lib/popover/popover.css +10 -50
  410. package/lib/popover/popover.d.ts +222 -43
  411. package/lib/popover/popover.less +19 -66
  412. package/lib/popover/popover.variable.css +42 -54
  413. package/lib/popover/props.d.ts +110 -30
  414. package/lib/popover/reference.d.ts +2 -0
  415. package/lib/popover/root.d.ts +16 -0
  416. package/lib/popover/use-floating.d.ts +34 -0
  417. package/lib/popover/use-platform.d.ts +30 -0
  418. package/lib/popover/use-popover-init.d.ts +23 -0
  419. package/lib/popover/use-popper-id.d.ts +6 -0
  420. package/lib/popover/utils.d.ts +8 -0
  421. package/lib/popover2/index.d.ts +44 -0
  422. package/lib/popover2/index.js +1 -0
  423. package/lib/popover2/popover.d.ts +2 -0
  424. package/lib/preset.d.ts +252 -2
  425. package/lib/preset.js +1 -0
  426. package/lib/process/index.d.ts +9 -9
  427. package/lib/process/index.js +1 -1
  428. package/lib/process/process.css +22 -0
  429. package/lib/process/process.d.ts +2 -2
  430. package/lib/process/process.less +30 -2
  431. package/lib/process/process.variable.css +54 -4
  432. package/lib/progress/index.d.ts +31 -31
  433. package/lib/progress/index.js +1 -1
  434. package/lib/progress/progress.css +51 -0
  435. package/lib/progress/progress.d.ts +12 -12
  436. package/lib/progress/progress.variable.css +87 -8
  437. package/lib/radio/common.d.ts +5 -5
  438. package/lib/radio/index.d.ts +36 -18
  439. package/lib/radio/index.js +1 -1
  440. package/lib/radio/radio-button.d.ts +7 -8
  441. package/lib/radio/radio-group.d.ts +26 -0
  442. package/lib/radio/radio.css +137 -66
  443. package/lib/radio/radio.d.ts +4 -4
  444. package/lib/radio/radio.less +262 -173
  445. package/lib/radio/radio.variable.css +172 -73
  446. package/lib/radio/type.d.ts +9 -4
  447. package/lib/rate/index.d.ts +28 -5
  448. package/lib/rate/index.js +1 -1
  449. package/lib/rate/rate.d.ts +13 -2
  450. package/lib/rate/star.d.ts +1 -1
  451. package/lib/resize-layout/index.d.ts +18 -18
  452. package/lib/resize-layout/index.js +1 -1
  453. package/lib/resize-layout/resize-layout.css +6 -15
  454. package/lib/resize-layout/resize-layout.d.ts +7 -7
  455. package/lib/resize-layout/resize-layout.less +10 -19
  456. package/lib/resize-layout/resize-layout.variable.css +38 -19
  457. package/lib/search-select/index.d.ts +891 -0
  458. package/lib/search-select/index.js +1 -0
  459. package/lib/search-select/input.d.ts +101 -0
  460. package/lib/search-select/menu.d.ts +77 -0
  461. package/lib/search-select/search-select.css +427 -0
  462. package/lib/search-select/search-select.d.ts +361 -0
  463. package/lib/search-select/search-select.less +384 -0
  464. package/lib/search-select/search-select.variable.css +549 -0
  465. package/lib/search-select/selected.d.ts +155 -0
  466. package/lib/search-select/utils.d.ts +88 -0
  467. package/lib/select/common.d.ts +5 -12
  468. package/lib/select/index.d.ts +1816 -691
  469. package/lib/select/index.js +1 -1
  470. package/lib/select/option.d.ts +18 -4
  471. package/lib/select/optionGroup.d.ts +1 -1
  472. package/lib/select/select.css +202 -113
  473. package/lib/select/select.d.ts +715 -147
  474. package/lib/select/select.less +335 -197
  475. package/lib/select/select.variable.css +234 -117
  476. package/lib/select/selectTagInput.d.ts +94 -0
  477. package/lib/select/type.d.ts +21 -13
  478. package/lib/shared/dom.d.ts +3 -0
  479. package/lib/shared/helper.d.ts +9 -0
  480. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  481. package/lib/shared/hooks/use-form.d.ts +2 -0
  482. package/lib/shared/index.d.ts +32 -7
  483. package/lib/shared/index.js +1 -1
  484. package/lib/shared/mask-manager.d.ts +19 -5
  485. package/lib/shared/pop-manager.d.ts +16 -5
  486. package/lib/shared/popover.d.ts +6 -2
  487. package/lib/shared/token.d.ts +4 -0
  488. package/lib/shared/utils.d.ts +19 -0
  489. package/lib/shared/vue-types.d.ts +107 -7
  490. package/lib/sideslider/index.d.ts +343 -69
  491. package/lib/sideslider/index.js +1 -1
  492. package/lib/sideslider/sideslider.css +58 -11
  493. package/lib/sideslider/sideslider.d.ts +160 -31
  494. package/lib/sideslider/sideslider.less +75 -14
  495. package/lib/sideslider/sideslider.variable.css +90 -15
  496. package/lib/slider/index.d.ts +414 -1
  497. package/lib/slider/index.js +1 -1
  498. package/lib/slider/slider-button.d.ts +2 -1
  499. package/lib/slider/slider.d.ts +4 -4
  500. package/lib/slider/slider.variable.css +32 -4
  501. package/lib/steps/index.d.ts +52 -52
  502. package/lib/steps/index.js +1 -1
  503. package/lib/steps/steps.css +15 -3
  504. package/lib/steps/steps.d.ts +32 -32
  505. package/lib/steps/steps.less +24 -3
  506. package/lib/steps/steps.variable.css +47 -7
  507. package/lib/styles/index.d.ts +10 -1
  508. package/lib/styles/mixins/clearfix.css +8 -0
  509. package/lib/styles/mixins/clearfix.less +10 -0
  510. package/lib/styles/mixins/clearfix.variable.css +8 -0
  511. package/lib/styles/mixins/mixins.css +51 -0
  512. package/lib/styles/mixins/mixins.less +2 -0
  513. package/lib/styles/mixins/mixins.variable.css +51 -0
  514. package/lib/styles/mixins/popper.css +1 -1
  515. package/lib/styles/mixins/popper.less +12 -11
  516. package/lib/styles/mixins/popper.variable.css +123 -1
  517. package/lib/styles/mixins/scroll.css +17 -0
  518. package/lib/styles/mixins/scroll.less +22 -0
  519. package/lib/styles/mixins/scroll.variable.css +139 -0
  520. package/lib/styles/reset.css +36 -0
  521. package/lib/styles/reset.less +26 -2
  522. package/lib/styles/reset.variable.css +36 -0
  523. package/lib/styles/themes/themes.less +42 -4
  524. package/lib/switcher/index.d.ts +42 -30
  525. package/lib/switcher/index.js +1 -1
  526. package/lib/switcher/switcher.css +57 -6
  527. package/lib/switcher/switcher.d.ts +19 -13
  528. package/lib/switcher/switcher.less +5 -26
  529. package/lib/switcher/switcher.variable.css +106 -27
  530. package/lib/tab/index.d.ts +121 -67
  531. package/lib/tab/index.js +1 -1
  532. package/lib/tab/props.d.ts +93 -41
  533. package/lib/tab/tab-nav.d.ts +50 -14
  534. package/lib/tab/tab-panel.d.ts +14 -7
  535. package/lib/tab/tab.css +151 -55
  536. package/lib/tab/tab.d.ts +42 -21
  537. package/lib/tab/tab.less +179 -86
  538. package/lib/tab/tab.variable.css +183 -59
  539. package/lib/table/cache.d.ts +6 -0
  540. package/lib/table/components/index.d.ts +3 -0
  541. package/lib/table/components/table-cell.d.ts +51 -0
  542. package/lib/table/components/table-column.d.ts +299 -0
  543. package/lib/table/components/table-row.d.ts +2 -0
  544. package/lib/table/const.d.ts +125 -1
  545. package/lib/table/index.d.ts +1375 -48
  546. package/lib/table/index.js +1 -1
  547. package/lib/table/plugins/body-empty.d.ts +36 -0
  548. package/lib/table/plugins/col-group.d.ts +38 -0
  549. package/lib/table/plugins/common.d.ts +6 -0
  550. package/lib/table/plugins/head-filter.css +84 -0
  551. package/lib/table/plugins/head-filter.d.ts +26 -0
  552. package/lib/table/plugins/head-filter.less +110 -0
  553. package/lib/table/plugins/head-filter.variable.css +206 -0
  554. package/lib/table/plugins/head-sort.css +26 -0
  555. package/lib/table/plugins/head-sort.d.ts +29 -0
  556. package/lib/table/plugins/head-sort.less +32 -0
  557. package/lib/table/plugins/head-sort.variable.css +148 -0
  558. package/lib/table/plugins/index.d.ts +5 -0
  559. package/lib/table/plugins/settings.css +147 -0
  560. package/lib/table/plugins/settings.d.ts +37 -0
  561. package/lib/table/plugins/settings.less +181 -0
  562. package/lib/table/plugins/settings.variable.css +269 -0
  563. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  564. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  565. package/lib/table/plugins/use-fixed-column.d.ts +26 -0
  566. package/lib/table/plugins/use-pagination.d.ts +16 -0
  567. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  568. package/lib/table/props.d.ts +358 -11
  569. package/lib/table/render.d.ts +54 -31
  570. package/lib/table/table.css +1250 -38
  571. package/lib/table/table.d.ts +258 -18
  572. package/lib/table/table.less +314 -42
  573. package/lib/table/table.variable.css +1291 -51
  574. package/lib/table/use-column.d.ts +12 -0
  575. package/lib/table/use-common.d.ts +113 -0
  576. package/lib/table/utils.d.ts +60 -13
  577. package/lib/table-column/index.d.ts +790 -0
  578. package/lib/table-column/index.js +1 -0
  579. package/lib/tag/index.d.ts +29 -29
  580. package/lib/tag/index.js +1 -1
  581. package/lib/tag/tag.css +46 -13
  582. package/lib/tag/tag.d.ts +12 -12
  583. package/lib/tag/tag.less +46 -10
  584. package/lib/tag/tag.variable.css +78 -17
  585. package/lib/tag-input/common.d.ts +13 -1
  586. package/lib/tag-input/index.d.ts +1406 -1
  587. package/lib/tag-input/index.js +1 -1
  588. package/lib/tag-input/list-tag-render.d.ts +0 -3
  589. package/lib/tag-input/tag-input.css +23 -26
  590. package/lib/tag-input/tag-input.d.ts +303 -44
  591. package/lib/tag-input/tag-input.less +102 -104
  592. package/lib/tag-input/tag-input.variable.css +55 -30
  593. package/lib/tag-input/tag-props.d.ts +141 -7
  594. package/lib/tag-input/tag-render.d.ts +30 -4
  595. package/lib/time-picker/index.d.ts +904 -0
  596. package/lib/time-picker/index.js +1 -0
  597. package/lib/time-picker/time-picker.css +215 -0
  598. package/lib/time-picker/time-picker.less +260 -0
  599. package/lib/time-picker/time-picker.variable.css +337 -0
  600. package/lib/timeline/index.d.ts +6 -6
  601. package/lib/timeline/index.js +1 -1
  602. package/lib/timeline/timeline.css +16 -9
  603. package/lib/timeline/timeline.d.ts +1 -1
  604. package/lib/timeline/timeline.less +22 -9
  605. package/lib/timeline/timeline.variable.css +48 -13
  606. package/lib/transfer/const.d.ts +5 -0
  607. package/lib/transfer/index.d.ts +247 -150
  608. package/lib/transfer/index.js +1 -1
  609. package/lib/transfer/props.d.ts +59 -0
  610. package/lib/transfer/transfer.css +153 -92
  611. package/lib/transfer/transfer.d.ts +101 -95
  612. package/lib/transfer/transfer.less +142 -112
  613. package/lib/transfer/transfer.variable.css +191 -102
  614. package/lib/tree/constant.d.ts +62 -0
  615. package/lib/tree/index.d.ts +379 -60
  616. package/lib/tree/index.js +1 -1
  617. package/lib/tree/props.d.ts +124 -0
  618. package/lib/tree/tree.css +181 -9
  619. package/lib/tree/tree.d.ts +172 -19
  620. package/lib/tree/tree.less +54 -3
  621. package/lib/tree/tree.variable.css +213 -13
  622. package/lib/tree/use-empty.d.ts +6 -0
  623. package/lib/tree/use-node-action.d.ts +12 -0
  624. package/lib/tree/use-node-async.d.ts +5 -0
  625. package/lib/tree/use-node-attribute.d.ts +33 -0
  626. package/lib/tree/use-node-drag.d.ts +3 -0
  627. package/lib/tree/use-search.d.ts +11 -0
  628. package/lib/tree/use-tree-init.d.ts +15 -0
  629. package/lib/tree/util.d.ts +4 -6
  630. package/lib/upload/index.d.ts +566 -0
  631. package/lib/upload/index.js +1 -0
  632. package/lib/upload/props.d.ts +111 -0
  633. package/lib/upload/upload-list.d.ts +47 -0
  634. package/lib/upload/upload-trigger.d.ts +51 -0
  635. package/lib/upload/upload.css +427 -0
  636. package/lib/upload/upload.d.ts +246 -0
  637. package/lib/upload/upload.less +466 -0
  638. package/lib/upload/upload.type.d.ts +78 -0
  639. package/lib/upload/upload.variable.css +549 -0
  640. package/lib/upload/use-ajax-upload.d.ts +3 -0
  641. package/lib/upload/use-file-handler.d.ts +44 -0
  642. package/lib/virtual-render/index.d.ts +50 -4
  643. package/lib/virtual-render/index.js +1 -1
  644. package/lib/virtual-render/props.d.ts +15 -0
  645. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  646. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  647. package/lib/virtual-render/virtual-render.css +17 -17
  648. package/lib/virtual-render/virtual-render.d.ts +23 -1
  649. package/lib/virtual-render/virtual-render.less +2 -23
  650. package/lib/virtual-render/virtual-render.variable.css +139 -17
  651. package/lib/volar.components.d.ts +102 -0
  652. package/package.json +59 -26
  653. package/LICENSE.txt +0 -22
  654. package/lib/form/common.d.ts +0 -3
  655. package/lib/use-form.d.ts +0 -3
@@ -1,33 +1,184 @@
1
+ :root {
2
+ --bk-prefix: bk;
3
+ --popover-max-height: 216px;
4
+ --primary-color: #3a84ff;
5
+ --success-color: #2dcb56;
6
+ --warning-color: #ff9c01;
7
+ --danger-color: #ea3636;
8
+ --default-color: #63656e;
9
+ --gray-color: #979ba5;
10
+ --light-gray: #c4c6cc;
11
+ --white-color: white;
12
+ --whitesmoke-color: #fafbfd;
13
+ --disable-color: #dcdee5;
14
+ --font-size-base: 12px;
15
+ --font-size-medium: 14px;
16
+ --font-size-large: 16px;
17
+ --line-height-base: 16px;
18
+ --line-height-medium: 16px;
19
+ --line-height-large: 18px;
20
+ --component-size-small: 26px;
21
+ --component-size-base: 32px;
22
+ --component-size-large: 40px;
23
+ --border-width-base: 1px;
24
+ --border-style-base: solid;
25
+ --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
27
+ --input-disabled-bg: #fafbfd;
28
+ --input-disabled-border: var(--disable-color);
29
+ --input-height-base: var(--component-size-base);
30
+ --input-color: var(--default-color);
31
+ --input-bg: white;
32
+ --input-border-color: var(--light-gray);
33
+ --input-broder-radius: 3px;
34
+ --input-shadow-color: #a3c5fd;
35
+ --input-horizontal-padding: 10px;
36
+ --input-block-color: #f5f7fa;
37
+ --input-block-hover-color: #eaebf0;
38
+ --input-icon-size: var(--font-size-medium);
39
+ --input-maxlength-color: #979ba5;
40
+ --button-primary-hover-color: #5594fa;
41
+ --button-danger-hover-color: #ff5656;
42
+ --button-success-hover-color: #45e35f;
43
+ --button-warning-hover-color: #ffb848;
44
+ --button-default-hover-border-color: #979ba5;
45
+ --button-primary-active-color: #2c77f4;
46
+ --button-danger-active-color: #db2626;
47
+ --button-success-active-color: #1ab943;
48
+ --button-warning-active-color: #eb9000;
49
+ --button-selected-bg-color: #e1ecff;
50
+ --button-disabled-selected-bg-color: #f0f1f5;
51
+ --radio-font-color: #63656e;
52
+ --radio-active-color: #5594fa;
53
+ --radio-hover-border-color: #979ba5;
54
+ --radio-disabled-border: #dcdee5;
55
+ --radio-disabled-font-color: #c4c6cc;
56
+ --radio-disabled-checked-bg: #a3c5fd;
57
+ --radio-button-checked-bg: #e1ecff;
58
+ --radio-button-disabled-checked-bg: #fafbfd;
59
+ --checkbox-disabled-checked-bg: #a3c5fd;
60
+ --fixed-navbar-background: #fff;
61
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
62
+ --switch-default-color: #fff;
63
+ --switch-grey-color: #c4c6cc;
64
+ --breadcrumb-black-color: #979ba5;
65
+ --breadcrumb-primary-hover-color: #0082ff;
66
+ --breadcrumb-fn-main-color: #63656e;
67
+ --link-default-hover-color: #979ba5;
68
+ --link-primary-hover-color: #699df4;
69
+ --link-success-hover-color: #45e35f;
70
+ --link-warning-hover-color: #ffb848;
71
+ --link-danger-hover-color: #ff5656;
72
+ --link-default-disabled-color: #dcdee5;
73
+ --link-primary-disabled-color: #a3c5fd;
74
+ --link-success-disabled-color: #94f5a4;
75
+ --link-warning-disabled-color: #ffd695;
76
+ --link-danger-disabled-color: #fd9c9c;
77
+ --message-color: var(--default-color);
78
+ --message-primary-bg-color: #f0f8ff;
79
+ --message-primary-border-color: #e1ecff;
80
+ --message-primary-shadow-color: #e1e8f4;
81
+ --message-warning-bg-color: #fff4e2;
82
+ --message-warning-border-color: #ffe8c3;
83
+ --message-warning-shadow-color: #ede6db;
84
+ --message-success-bg-color: #f2fff4;
85
+ --message-success-border-color: #dcffe2;
86
+ --message-success-shadow-color: #cef0d7;
87
+ --message-danger-bg-color: #ffeded;
88
+ --message-danger-border-color: #ffdddd;
89
+ --message-danger-shadow-color: #f6dada;
90
+ --slider-default-bg: #dcdee5;
91
+ --slider-disable-bar-bg: #979ba5;
92
+ --menu-bg-color: #182132;
93
+ --submenu-bg-color: #151d2c;
94
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
95
+ --menu-color: #96a2b9;
96
+ --menu-group-color: var(--default-color);
97
+ --menu-width: 260px;
98
+ --menu-collapse-width: 60px;
99
+ --menu-active-color: white;
100
+ --nav-header-bg-color: #182132;
101
+ --nav-bg-color: #182132;
102
+ --date-picker-disabled-bg: #fafbfd;
103
+ --date-picker-dropdown-mb: 4px;
104
+ --date-picker-dropdown-bg: #fff;
105
+ --table-bg-color: var(--white-color);
106
+ --table-border-color: #dcdee5;
107
+ --table-head-bg-color: #fafbfd;
108
+ --table-head-font-color: #313238;
109
+ --table-body-font-color: #63656E;
110
+ --table-row-hover-bg-color: #f5f7fa;
111
+ --table-row-active-bg-color: #f0f1f5;
112
+ --cascader-panel-border-color: #dcdee5;
113
+ --cascader-panel-hover: #f5f7fa;
114
+ --cascader-panel-active: #e1ecff;
115
+ --cascader-panel-disabled-bg: #fff;
116
+ --search-select-focus-border-color: var(--primary-color);
117
+ --search-select-focus-color: #3c96ff;
118
+ --search-select-font-color: var(--default-color);
119
+ --search-select-placeholder-color: var(--light-gray);
120
+ --search-select-message-color: var(--danger-color);
121
+ --search-select-menu-border-color: var(--disable-color);
122
+ }
1
123
  .bk-form {
2
124
  text-align: left;
3
125
  }
4
- .bk-form .bk-form-item {
5
- display: flex;
126
+ .bk-form--vertical .bk-form-label {
127
+ float: unset;
128
+ width: auto;
129
+ padding-right: 0;
130
+ margin-bottom: 8px;
131
+ line-height: 20px;
132
+ text-align: left;
133
+ }
134
+ .bk-form--vertical .bk-form-content {
135
+ text-align: left;
136
+ }
137
+ .bk-form-item {
6
138
  margin-bottom: 24px;
7
139
  }
8
- .bk-form .bk-form-item.is-required .bk-form-label:after {
140
+ .bk-form-item.is-required .bk-form-label:after {
9
141
  position: absolute;
142
+ top: 0;
10
143
  width: 14px;
11
- line-height: 32px;
12
144
  color: #ea3636;
13
145
  text-align: center;
14
146
  content: '*';
15
147
  }
16
- .bk-form .bk-form-label {
148
+ .bk-form-item.is-error .bk-input,
149
+ .bk-form-item.is-error .bk-textarea,
150
+ .bk-form-item.is-error .bk-date-picker-editor,
151
+ .bk-form-item.is-error .bk-tag-input {
152
+ border-color: #ea3636;
153
+ }
154
+ .bk-form-item:after,
155
+ .bk-form-item:before {
156
+ display: table;
157
+ content: '';
158
+ }
159
+ .bk-form-item:after {
160
+ clear: both;
161
+ }
162
+ .bk-form-label {
17
163
  position: relative;
18
- width: 150px;
164
+ float: left;
19
165
  padding-right: 24px;
20
166
  font-size: 14px;
21
167
  font-weight: normal;
22
168
  line-height: 32px;
23
169
  color: #63656e;
24
170
  text-align: right;
171
+ vertical-align: middle;
25
172
  }
26
- .bk-form .bk-form-content {
173
+ .bk-form-label-description {
174
+ cursor: pointer;
175
+ border-bottom: 1px dashed #979ba5;
176
+ }
177
+ .bk-form-content {
27
178
  position: relative;
28
179
  line-height: 32px;
29
180
  }
30
- .bk-form .bk-form-error {
181
+ .bk-form-error {
31
182
  position: absolute;
32
183
  left: 0;
33
184
  padding-top: 4px;
@@ -36,14 +187,73 @@
36
187
  color: #ea3636;
37
188
  text-align: left;
38
189
  }
39
- .bk-form--vertical .bk-form-item {
40
- flex-direction: column;
190
+ .bk-form-error-tips {
191
+ position: absolute;
192
+ top: 8px;
193
+ right: 8px;
194
+ font-size: 16px;
195
+ line-height: 1;
196
+ color: #ea3636;
41
197
  }
42
- .bk-form--vertical .bk-form-label {
198
+ .bk-compose-form-item {
199
+ display: inline-block;
200
+ }
201
+ .bk-compose-form-item > .bk-input,
202
+ .bk-compose-form-item > .bk-textarea,
203
+ .bk-compose-form-item > .bk-select,
204
+ .bk-compose-form-item > .bk-cascade,
205
+ .bk-compose-form-item > .bk-color-picker,
206
+ .bk-compose-form-item > .bk-date-picker,
207
+ .bk-compose-form-item > .bk-tag-input,
208
+ .bk-compose-form-item > .bk-tag-selector,
209
+ .bk-compose-form-item > .bk-search-select {
210
+ float: left;
43
211
  width: auto;
44
- padding-right: 0;
45
- text-align: left;
212
+ margin-left: -1px;
46
213
  }
47
- .bk-form--vertical .bk-form-content {
48
- text-align: left;
214
+ .bk-compose-form-item .bk-input,
215
+ .bk-compose-form-item .bk-form-password,
216
+ .bk-compose-form-item .bk-textarea,
217
+ .bk-compose-form-item .bk-select,
218
+ .bk-compose-form-item .bk-cascade,
219
+ .bk-compose-form-item .bk-color-picker,
220
+ .bk-compose-form-item .bk-date-picker .bk-date-picker-editor,
221
+ .bk-compose-form-item .bk-tag-input,
222
+ .bk-compose-form-item .bk-search-select {
223
+ border-radius: 0;
224
+ }
225
+ .bk-compose-form-item .bk-input.control-active,
226
+ .bk-compose-form-item .bk-select.is-focus,
227
+ .bk-compose-form-item .bk-cascade.is-focus,
228
+ .bk-compose-form-item .bk-color-picker.bk-color-picker-show-dropdown,
229
+ .bk-compose-form-item .bk-color-picker:hover,
230
+ .bk-compose-form-item .bk-date-picker .bk-date-picker-editor:focus,
231
+ .bk-compose-form-item .bk-tag-input.active,
232
+ .bk-compose-form-item .bk-tag-selector,
233
+ .bk-compose-form-item .bk-search-select.is-focus {
234
+ z-index: 1;
235
+ opacity: 1;
236
+ }
237
+ .bk-compose-form-item .bk-compose-form-item-head.bk-input,
238
+ .bk-compose-form-item .bk-compose-form-item-head.bk-select,
239
+ .bk-compose-form-item .bk-compose-form-item-head.bk-cascade,
240
+ .bk-compose-form-item .bk-compose-form-item-head.bk-color-picker,
241
+ .bk-compose-form-item .bk-compose-form-item-head.bk-date-picker .bk-date-picker-editor,
242
+ .bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
243
+ .bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
244
+ .bk-compose-form-item .bk-compose-form-item-head.bk-search-select {
245
+ margin-left: 0;
246
+ border-top-right-radius: 0px;
247
+ border-bottom-right-radius: 0px;
248
+ }
249
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-input,
250
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-select,
251
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-cascade,
252
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-color-picker,
253
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-date-picker,
254
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
255
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
256
+ .bk-compose-form-item .bk-compose-form-item-tail.bk-search-select {
257
+ border-top-right-radius: 2px;
258
+ border-bottom-right-radius: 2px;
49
259
  }
@@ -1,20 +1,27 @@
1
+ import ComposeFormItem from './compose-form-item';
1
2
  import { formProps } from './form';
2
3
  import FormItem from './form-item';
4
+ export * from './type';
3
5
  declare const BkForm: {
4
6
  new (...args: any[]): {
5
7
  $: import("vue").ComponentInternalInstance;
6
8
  $data: {};
7
9
  $props: Partial<{
10
+ labelWidth: string | number;
11
+ rules: {
12
+ [key: string]: any;
13
+ };
8
14
  formType: string;
9
15
  model: {
10
16
  [key: string]: any;
11
17
  };
12
- rules: unknown[];
13
18
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
14
19
  formType: import("vue-types").VueTypeDef<string> & {
15
20
  default: string;
16
21
  };
17
- labelWidth: import("vue-types").VueTypeDef<string | number>;
22
+ labelWidth: import("vue-types").VueTypeDef<string | number> & {
23
+ default: string | number;
24
+ };
18
25
  labelPosition: import("vue-types").VueTypeDef<string>;
19
26
  model: import("vue-types").VueTypeValidableDef<{
20
27
  [key: string]: any;
@@ -23,10 +30,17 @@ declare const BkForm: {
23
30
  [key: string]: any;
24
31
  };
25
32
  };
26
- rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
27
- default: () => unknown[];
33
+ rules: import("vue-types").VueTypeValidableDef<{
34
+ [key: string]: any;
35
+ }> & {
36
+ default: () => {
37
+ [key: string]: any;
38
+ };
28
39
  };
29
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "formType" | "model" | "rules">;
40
+ }>> & {
41
+ onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
42
+ onValidate?: (property: string, result: boolean, message: string) => any;
43
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelWidth" | "rules" | "formType" | "model">;
30
44
  $attrs: {
31
45
  [x: string]: unknown;
32
46
  };
@@ -38,13 +52,15 @@ declare const BkForm: {
38
52
  }>;
39
53
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
40
54
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
41
- $emit: (event: string, ...args: any[]) => void;
55
+ $emit: ((event: "submit", ...args: unknown[]) => void) & ((event: "submit", ...args: any[]) => void) & ((event: "validate", property: string, result: boolean, message: string) => void);
42
56
  $el: any;
43
57
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
44
58
  formType: import("vue-types").VueTypeDef<string> & {
45
59
  default: string;
46
60
  };
47
- labelWidth: import("vue-types").VueTypeDef<string | number>;
61
+ labelWidth: import("vue-types").VueTypeDef<string | number> & {
62
+ default: string | number;
63
+ };
48
64
  labelPosition: import("vue-types").VueTypeDef<string>;
49
65
  model: import("vue-types").VueTypeValidableDef<{
50
66
  [key: string]: any;
@@ -53,20 +69,35 @@ declare const BkForm: {
53
69
  [key: string]: any;
54
70
  };
55
71
  };
56
- rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
57
- default: () => unknown[];
72
+ rules: import("vue-types").VueTypeValidableDef<{
73
+ [key: string]: any;
74
+ }> & {
75
+ default: () => {
76
+ [key: string]: any;
77
+ };
58
78
  };
59
- }>>, {
60
- validate: (fields: string | string[]) => Promise<{
79
+ }>> & {
80
+ onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
81
+ onValidate?: (property: string, result: boolean, message: string) => any;
82
+ }, {
83
+ handleSubmit: (event: Event) => void;
84
+ validate: (fields?: string | string[]) => Promise<{
61
85
  [key: string]: any;
62
86
  }>;
63
- clearValidate: (fields: string | string[]) => void;
64
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
87
+ getValidateResult: () => Promise<boolean>;
88
+ clearValidate: (fields?: string | string[]) => void;
89
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
90
+ submit: any;
91
+ validate: (property: string, result: boolean, message: string) => boolean;
92
+ }, string, {
93
+ labelWidth: string | number;
94
+ rules: {
95
+ [key: string]: any;
96
+ };
65
97
  formType: string;
66
98
  model: {
67
99
  [key: string]: any;
68
100
  };
69
- rules: unknown[];
70
101
  }> & {
71
102
  beforeCreate?: (() => void) | (() => void)[];
72
103
  created?: (() => void) | (() => void)[];
@@ -91,7 +122,9 @@ declare const BkForm: {
91
122
  formType: import("vue-types").VueTypeDef<string> & {
92
123
  default: string;
93
124
  };
94
- labelWidth: import("vue-types").VueTypeDef<string | number>;
125
+ labelWidth: import("vue-types").VueTypeDef<string | number> & {
126
+ default: string | number;
127
+ };
95
128
  labelPosition: import("vue-types").VueTypeDef<string>;
96
129
  model: import("vue-types").VueTypeValidableDef<{
97
130
  [key: string]: any;
@@ -100,14 +133,23 @@ declare const BkForm: {
100
133
  [key: string]: any;
101
134
  };
102
135
  };
103
- rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
104
- default: () => unknown[];
136
+ rules: import("vue-types").VueTypeValidableDef<{
137
+ [key: string]: any;
138
+ }> & {
139
+ default: () => {
140
+ [key: string]: any;
141
+ };
105
142
  };
106
- }>> & import("vue").ShallowUnwrapRef<{
107
- validate: (fields: string | string[]) => Promise<{
143
+ }>> & {
144
+ onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
145
+ onValidate?: (property: string, result: boolean, message: string) => any;
146
+ } & import("vue").ShallowUnwrapRef<{
147
+ handleSubmit: (event: Event) => void;
148
+ validate: (fields?: string | string[]) => Promise<{
108
149
  [key: string]: any;
109
150
  }>;
110
- clearValidate: (fields: string | string[]) => void;
151
+ getValidateResult: () => Promise<boolean>;
152
+ clearValidate: (fields?: string | string[]) => void;
111
153
  }> & {} & {} & import("vue").ComponentCustomProperties;
112
154
  __isFragment?: never;
113
155
  __isTeleport?: never;
@@ -116,7 +158,9 @@ declare const BkForm: {
116
158
  formType: import("vue-types").VueTypeDef<string> & {
117
159
  default: string;
118
160
  };
119
- labelWidth: import("vue-types").VueTypeDef<string | number>;
161
+ labelWidth: import("vue-types").VueTypeDef<string | number> & {
162
+ default: string | number;
163
+ };
120
164
  labelPosition: import("vue-types").VueTypeDef<string>;
121
165
  model: import("vue-types").VueTypeValidableDef<{
122
166
  [key: string]: any;
@@ -125,20 +169,35 @@ declare const BkForm: {
125
169
  [key: string]: any;
126
170
  };
127
171
  };
128
- rules: import("vue-types").VueTypeValidableDef<unknown[]> & {
129
- default: () => unknown[];
172
+ rules: import("vue-types").VueTypeValidableDef<{
173
+ [key: string]: any;
174
+ }> & {
175
+ default: () => {
176
+ [key: string]: any;
177
+ };
130
178
  };
131
- }>>, {
132
- validate: (fields: string | string[]) => Promise<{
179
+ }>> & {
180
+ onSubmit?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
181
+ onValidate?: (property: string, result: boolean, message: string) => any;
182
+ }, {
183
+ handleSubmit: (event: Event) => void;
184
+ validate: (fields?: string | string[]) => Promise<{
133
185
  [key: string]: any;
134
186
  }>;
135
- clearValidate: (fields: string | string[]) => void;
136
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
187
+ getValidateResult: () => Promise<boolean>;
188
+ clearValidate: (fields?: string | string[]) => void;
189
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
190
+ submit: any;
191
+ validate: (property: string, result: boolean, message: string) => boolean;
192
+ }, string, {
193
+ labelWidth: string | number;
194
+ rules: {
195
+ [key: string]: any;
196
+ };
137
197
  formType: string;
138
198
  model: {
139
199
  [key: string]: any;
140
200
  };
141
- rules: unknown[];
142
201
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
143
202
  FormItem: import("vue").DefineComponent<{
144
203
  label: import("vue-types").VueTypeValidableDef<string> & {
@@ -181,9 +240,17 @@ declare const BkForm: {
181
240
  description: import("vue-types").VueTypeValidableDef<string> & {
182
241
  default: string;
183
242
  };
243
+ errorDisplayType: import("vue-types").VueTypeDef<string> & {
244
+ default: string;
245
+ };
184
246
  }, {
185
- labelStyles: import("vue").ComputedRef<object>;
186
- validate: () => any;
247
+ isShowLabel: import("vue").ComputedRef<boolean>;
248
+ labelStyles: import("vue").ComputedRef<any>;
249
+ contentStyles: import("vue").ComputedRef<{
250
+ "margin-left": any;
251
+ }>;
252
+ isFormTypeVertical: import("vue").ComputedRef<boolean>;
253
+ validate: (trigger?: string, showError?: boolean) => Promise<boolean>;
187
254
  clearValidate: () => void;
188
255
  isError: import("vue").Ref<boolean>;
189
256
  errorMessage: import("vue").Ref<string>;
@@ -228,19 +295,38 @@ declare const BkForm: {
228
295
  description: import("vue-types").VueTypeValidableDef<string> & {
229
296
  default: string;
230
297
  };
298
+ errorDisplayType: import("vue-types").VueTypeDef<string> & {
299
+ default: string;
300
+ };
231
301
  }>>, {
232
302
  required: boolean;
233
- property: string;
234
- email: boolean;
235
303
  label: string;
236
- description: string;
237
- rules: unknown[];
304
+ email: boolean;
305
+ property: string;
238
306
  max: number;
239
307
  min: number;
240
308
  maxlength: number;
309
+ rules: unknown[];
241
310
  autoCheck: boolean;
311
+ description: string;
312
+ errorDisplayType: string;
313
+ }>;
314
+ ComposeFormItem: import("vue").DefineComponent<{
315
+ headBackgroundColor: {
316
+ type: StringConstructor;
317
+ default: string;
318
+ };
319
+ tailBackgroundColor: StringConstructor;
320
+ }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
321
+ headBackgroundColor: {
322
+ type: StringConstructor;
323
+ default: string;
324
+ };
325
+ tailBackgroundColor: StringConstructor;
326
+ }>>, {
327
+ headBackgroundColor: string;
242
328
  }>;
243
329
  }>;
244
330
  export default BkForm;
245
- export { BkForm, FormItem as BkFormItem, };
331
+ export { BkForm, FormItem as BkFormItem, ComposeFormItem as BkComposeFormItem, };
246
332
  export type { formProps, };
package/lib/form/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue")):r(e["../shared"],e.vue);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r)=>(()=>{"use strict";var t={4212:r=>{r.exports=e},748:e=>{e.exports=r}},o={};function n(e){var r=o[e];if(void 0!==r)return r.exports;var i=o[e]={exports:{}};return t[e](i,i.exports,n),i.exports}n.d=(e,r)=>{for(var t in r)n.o(r,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{n.r(i),n.d(i,{BkForm:()=>d,BkFormItem:()=>m,default:()=>g});var e=n(4212);function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var t=n(748),o=Symbol("form"),s={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.array};const a=(0,t.defineComponent)({name:"BKForm",props:s,setup:function(e){var n=[];return(0,t.provide)(o,{props:e,register:function(e){n.push(e)},unregister:function(e){n=n.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{validate:function(t){var o={};return o=t?("string"==typeof t?[t]:t).reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t,!0))}),{}):n.reduce((function(e,t){return t.property?Object.assign(Object.assign({},e),r({},t.property,!0)):e}),{}),Promise.all(n.reduce((function(e,r){return o[r.property]&&e.push(r.validate()),e}),[])).then((function(){return Promise.resolve(e.model)}))},clearValidate:function(e){var t={};t=e?("string"==typeof e?[e]:e).reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t,!0))}),{}):n.reduce((function(e,t){return Object.assign(Object.assign({},e),r({},t.property,!0))}),{}),n.forEach((function(e){return t[e.property]&&e.clearValidate()}))}}},render:function(){var o,n,i=(0,e.classes)(r({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,t.createVNode)("form",{class:i},[null===(n=(o=this.$slots).default)||void 0===n?void 0:n.call(o)])}});function l(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function u(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return l(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?l(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const c={required:function(e){return console.log("required"),""!==e&&null!=e},min:function(e,r){return console.log("min"),e>=r},max:function(e,r){return console.log("max"),r>=e},email:function(e){return console.log("email"),/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return console.log("maxlength"),e.length<=r}};var p={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string},f=function(e){return void 0!==e};const m=(0,t.defineComponent)({name:"BKFormItem",props:p,setup:function(e){var r=(0,t.getCurrentInstance)(),n=(0,t.reactive)({isError:!1,errorMessage:""}),i=(0,t.inject)(o),s=Boolean(i),a=(0,t.computed)((function(){var r={width:"",paddingRight:"",textAlign:""},t=f(e.labelWidth)?e.labelWidth:s&&i.props.labelWidth;f(t)&&(r.width="".concat(t,"px"),r.paddingRight=t?"":"0px");var o=e.labelPosition||s&&i.props.labelPosition;return o&&(r["text-align"]=o),r}));return(0,t.onMounted)((function(){s&&i.register(r.proxy)})),(0,t.onBeforeUnmount)((function(){s&&i.unregister(r.proxy)})),Object.assign(Object.assign({},(0,t.toRefs)(n)),{labelStyles:a,validate:function(){if(!e.property||s&&!i.props.model)return Promise.resolve();var r,t,o,a,l,p=[];s&&i.props.rules&&(r=i.props.rules,t=e.property,Object.prototype.hasOwnProperty.call(r,t))&&(p=i.props.rules[e.property]),e.rules&&(p=e.rules),o=p,a=function(e){var r=[];return e.required&&r.push({validator:c.required,message:"".concat(e.label,"不能为空"),trigger:"blur"}),e.email&&r.push({validator:c.email,message:"".concat(e.label,"格式不正确"),trigger:"blur"}),Number(e.max)>-1&&r.push({validator:function(r){return c.max(r,e.max)},message:"".concat(e.label,"最大值").concat(e.max),trigger:"blur"}),Number(e.min)>-1&&r.push({validator:function(r){return c.min(r,e.min)},message:"".concat(e.label,"最小值").concat(e.min),trigger:"blur"}),Number(e.maxlength)>-1&&r.push({validator:function(r){return c.maxlength(r,e.maxlength)},message:"".concat(e.label,"最大长度").concat(e.maxlength),trigger:"blur"}),r}(e),l=o.map((function(e){return{validator:e.required?c.required:e.email?c.email:Number(e.max)>-1?function(r){return c.max(r,e.max)}:Number(e.min)>-1||Number(e.maxlength)>-1?function(r){return c.min(r,e.max)}:function(){return!0},message:e.message,trigger:e.trigger}})),p=[].concat(u(a),u(l));var f,m=i.props.model[e.property],d=(f=-1,function(){if((f+=1)>=p.length)return Promise.resolve();var e=p[f];return Promise.resolve().then((function(){var r=e.validator(m);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(){return d}),(function(){return n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message)})):r?d():(n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message))}))});return d()},clearValidate:function(){n.isError=!1,n.errorMessage=""}})},render:function(){var r,o,n=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,t.createVNode)("div",{class:n},[(0,t.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[this.$slots.label?this.$slots.label():this.label]),(0,t.createVNode)("div",{class:"bk-form-content"},[null===(o=(r=this.$slots).default)||void 0===o?void 0:o.call(r),this.isError&&(0,t.createVNode)("div",{class:"bk-form-error"},[this.$slots.error?this.$slots.error(this.errorMessage):this.errorMessage])])])}});var d=(0,e.withInstallProps)(a,{FormItem:m});const g=d})(),i})()));
1
+ !function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../config-provider","../directives","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("lodash"),require("../config-provider"),require("../directives"),require("../icon")):r(e["../shared"],e.vue,e.lodash,e["../config-provider"],e["../directives"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n,i)=>(()=>{"use strict";var a={2717:e=>{e.exports=o},4061:e=>{e.exports=n},6870:e=>{e.exports=i},4212:r=>{r.exports=e},467:e=>{e.exports=t},748:e=>{e.exports=r}},s={};function l(e){var r=s[e];if(void 0!==r)return r.exports;var t=s[e]={exports:{}};return a[e](t,t.exports,l),t.exports}l.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return l.d(r,{a:r}),r},l.d=(e,r)=>{for(var t in r)l.o(r,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},l.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{l.r(u),l.d(u,{BkComposeFormItem:()=>o,BkForm:()=>S,BkFormItem:()=>k,default:()=>q});var e=l(4212),r=l(748),t=function(e){return e.__v_isVNode};const o=(0,r.defineComponent)({name:"ComposeFormItem",props:{headBackgroundColor:{type:String,default:"#FAFBFD"},tailBackgroundColor:String},render:function(){if(!this.$slots.default)return null;var e=this.$slots.default();if(e.length>1){for(var o=e.length,n=0,i=null;n<o;){if(t(e[n])){i=e[n];break}n+=1}for(var a=o-1,s=null;a>=0&&a>n;){if(t(e[a])){s=e[a];break}a-=1}if(i&&s){i.props||(i.props={});var l="bk-compose-form-item-head";i.props.class&&(l+=" ".concat(i.props.class)),this.headBackgroundColor&&(i.props.style=Object.assign(i.props.style||{},{"background-color":this.headBackgroundColor})),i.props.class=l,s.props||(s.props={});var u="bk-compose-form-item-tail";s.props.class&&(u+=" ".concat(s.props.class)),this.tailBackgroundColor&&(s.props.style=Object.assign(s.props.style||{},{"background-color":this.tailBackgroundColor})),s.props.class=u}}return(0,r.h)("div",{class:"bk-compose-form-item"},e)}});function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var i=l(467),a=l.n(i),s={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]).def(150),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.object},c={submit:null,validate:function(e,r,t){return(0,i.isString)(e)&&(0,i.isBoolean)(r)&&(0,i.isString)(t)}};const p=(0,r.defineComponent)({name:"Form",props:s,emits:c,setup:function(t,o){var i=[];return(0,r.provide)(e.formKey,{props:t,emit:o.emit,register:function(e){i.push(e)},unregister:function(e){i=i.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{handleSubmit:function(e){e.preventDefault(),o.emit("submit")},validate:function(e){var r={};return r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return r.property?Object.assign(Object.assign({},e),n({},r.property,!0)):e}),{}),Promise.all(i.reduce((function(e,t){return r[t.property]&&e.push(t.validate()),e}),[])).then((function(){return Promise.resolve(t.model)}))},getValidateResult:function(){return Promise.all(i.map((function(e){return e.validate(void 0,!1)}))).then((function(){return!0})).catch((function(){return!1}))},clearValidate:function(e){var r={};r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r.property,!0))}),{}),i.forEach((function(e){return r[e.property]&&e.clearValidate()}))}}},render:function(){var t,o,i=(0,e.classes)(n({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,r.createVNode)("form",{class:i,onSubmit:this.handleSubmit},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])}});function d(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function f(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return d(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?d(e,r):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var m=l(2717),g=l(4061),v=l(6870),b=function(e){return"function"==typeof e.message?e.message():e.message};const y={required:function(e){return!("number"!=typeof e&&"boolean"!=typeof e&&!a().isDate(e)&&a().isEmpty(e))},min:function(e,r){return e>=r},max:function(e,r){return r>=e},email:function(e){return/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return e.length<=r},pattern:function(e,r){return r.test(e)}};var h={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string,errorDisplayType:e.PropTypes.oneOf(["tooltips","normal"]).def("normal")},x=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},P=function(e,r){var t=[],o=e.label||"";return e.required&&t.push({required:!0,validator:y.required,message:"".concat(o," ").concat(r.value.notBeEmpty),trigger:"change"}),e.email&&t.push({email:!0,validator:y.email,message:"".concat(o," ").concat(r.value.incorrectFormat),trigger:"change"}),Number(e.max)>-1&&t.push({validator:function(r){return y.max(r,e.max)},message:"".concat(o," ").concat(r.value.max," ").concat(e.max),trigger:"change"}),Number(e.min)>-1&&t.push({validator:function(r){return y.min(r,e.min)},message:"".concat(o," ").concat(r.value.min," ").concat(e.min),trigger:"change"}),Number(e.maxlength)>-1&&t.push({validator:function(r){return y.maxlength(r,e.maxlength)},message:"".concat(o," ").concat(r.value.maxLen," ").concat(e.maxlength),trigger:"change"}),t},j=function(e,r,t){var o=!1,n=!1,a=e.reduce((function(e,r){var a;if(r.required)a=(0,i.isFunction)(r.validator)?r.validator:y.required,o=!0;else if(r.email)a=(0,i.isFunction)(r.validator)?r.validator:y.email,n=!0;else if(Number(r.max)>-1)a=function(e){return y.max(e,r.max)};else if(Number(r.min)>-1)a=function(e){return y.min(e,r.max)};else if(Number(r.maxlength)>-1)a=function(e){return y.min(e,r.max)};else if("[object RegExp]"===Object.prototype.toString.call(r.pattern))a=function(e){return y.pattern(e,r.pattern)};else{if(!(0,i.isFunction)(r.validator))return e;a=r.validator}return e.push({validator:a,message:r.message||t.value.verifyError,trigger:r.trigger||"blur"}),e}),[]),s=r.reduce((function(e,r){return r.required&&o||r.email&&n||e.push(r),e}),[]);return[].concat(f(s),f(a))},T=function(e,r){return r.reduce((function(r,t){return t.trigger&&e?((Array.isArray(t.trigger)?t.trigger:[t.trigger]).includes(e)&&r.push(t),r):(r.push(t),r)}),[])},O=function(e){return void 0!==e};const k=(0,r.defineComponent)({name:"FormItem",directives:{bkTooltips:g.bkTooltips},props:h,setup:function(t,o){var a=(0,m.useLocale)("form"),s=(0,e.useForm)(),l=Boolean(s),u=(0,e.useFormItem)(),c=Boolean(u),p=(0,r.getCurrentInstance)(),d=(0,r.reactive)({isError:!1,errorMessage:""}),f=(0,r.computed)((function(){return!!l&&"vertical"===s.props.formType})),g=(0,r.computed)((function(){return!(!t.label&&!o.slots.label)})),v=(0,r.computed)((function(){var e={width:"",paddingRight:"",textAlign:""},r=t.labelPosition||l&&s.props.labelPosition;if(r&&(e["text-align"]=r),"vertical"===s.props.formType||!t.label&&c)return e;var o=O(t.labelWidth)?t.labelWidth:l&&s.props.labelWidth;return O(o)&&(e.width="".concat(o,"px"),e.paddingRight=o?"":"0px"),e})),y=(0,r.computed)((function(){return n({},"margin-left",v.value.width)})),h=function(e){var r=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(!t.property||l&&!s.props.model)return Promise.resolve(!0);var o=[];l&&s.props.rules&&x(s.props.rules,t.property)&&(o=s.props.rules[t.property]),t.rules&&(o=t.rules),(o=T(e,j(o,P(t,a),a))).length>0&&r&&(d.isError=!1,d.errorMessage="");var n,u=(0,i.get)(s.props.model,t.property),c=(n=-1,function(){if((n+=1)>=o.length)return s.emit("validate",t.property,!0,""),Promise.resolve(!0);var e=o[n];return Promise.resolve().then((function(){var o=e.validator(u),n=b(e);return"boolean"!=typeof o&&"function"==typeof o.then?o.then((function(e){if(!1===e)return Promise.reject(n)})).then((function(){return c()}),(function(){return r&&(d.isError=!0,d.errorMessage=n),s.emit("validate",t.property,!1,n),Promise.reject(d.errorMessage)})):o?c():(r&&(d.isError=!0,d.errorMessage="string"==typeof o?o:n),s.emit("validate",t.property,!1,n),Promise.reject(d.errorMessage))}))});return c()},k=function(){d.isError=!1,d.errorMessage=""};return(0,r.provide)(e.formItemKey,Object.assign(Object.assign({},t),{validate:h,clearValidate:k})),(0,r.onMounted)((function(){l&&s.register(p.proxy)})),(0,r.onBeforeUnmount)((function(){l&&s.unregister(p.proxy)})),Object.assign(Object.assign({},(0,r.toRefs)(d)),{isShowLabel:g,labelStyles:v,contentStyles:y,isFormTypeVertical:f,validate:h,clearValidate:k})},render:function(){var t,o,n,i,a=this,s=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,r.createVNode)("div",{class:s},[this.isShowLabel&&(0,r.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[a.$slots.label?a.$slots.label():a.description?(0,r.withDirectives)((0,r.createVNode)("span",{class:{"bk-form-label-description":Boolean(a.description)}},[a.label]),[[(0,r.resolveDirective)("bk-tooltips"),a.description]]):a.label,this.isFormTypeVertical&&(null===(o=(t=this.$slots).labelAppend)||void 0===o?void 0:o.call(t))]),(0,r.createVNode)("div",{class:"bk-form-content",style:this.contentStyles},[null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n),a.isError?"tooltips"===a.errorDisplayType?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-form-error-tips"},[(0,r.createVNode)(v.ExclamationCircleShape,null,null)]),[[(0,r.resolveDirective)("bk-tooltips"),a.errorMessage]]):(0,r.createVNode)("div",{class:"bk-form-error"},[a.$slots.error?a.$slots.error(a.errorMessage):a.errorMessage]):null])])}});var S=(0,e.withInstallProps)(p,{FormItem:k,ComposeFormItem:o});const q=S})(),u})()));
@@ -1,21 +1,24 @@
1
- import type { FormProps } from './form';
1
+ import { SetupContext } from 'vue';
2
+ import type { FormEvents, FormProps } from './form';
2
3
  import type { FormItemProps } from './form-item';
3
- export interface IFormItemContext extends FormItemProps {
4
- validate: () => Promise<boolean>;
5
- clearValidate: () => void;
6
- }
7
4
  export interface IFormContext {
8
5
  props: FormProps;
6
+ emit: SetupContext<FormEvents>['emit'];
9
7
  register: (IFormItemContext: any) => void;
10
8
  unregister: (IFormItemContext: any) => void;
11
9
  }
12
- export declare type IFormItemRules = Array<{
10
+ export interface IFormItemContext extends FormItemProps {
11
+ validate: (trigger?: string, showError?: boolean) => Promise<boolean>;
12
+ clearValidate: () => void;
13
+ }
14
+ export interface IFormItemRule {
13
15
  required?: boolean;
14
16
  email?: boolean;
15
17
  min?: number;
16
18
  max?: number;
17
19
  maxlength?: number;
20
+ pattern?: RegExp;
18
21
  validator?: (any: any) => boolean | Promise<boolean>;
19
- message: string;
22
+ message: string | (() => string);
20
23
  trigger: 'blur' | 'change';
21
- }>;
24
+ }
@@ -0,0 +1,2 @@
1
+ import type { IFormItemRule } from './type';
2
+ export declare const getRuleMessage: (rule: IFormItemRule) => string;
@@ -4,5 +4,6 @@ declare const _default: {
4
4
  max: (value: number, max: number) => boolean;
5
5
  email: (value: string) => boolean;
6
6
  maxlength: (value: string, maxlength: number) => boolean;
7
+ pattern: (value: string, pattern: RegExp) => boolean;
7
8
  };
8
9
  export default _default;
package/lib/hooks.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { useGlobalConfig, provideGlobalConfig, useLocale, usePrefix } from './config-provider';
package/lib/hooks.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("./config-provider"));else if("function"==typeof define&&define.amd)define(["./config-provider"],o);else{var r="object"==typeof exports?o(require("./config-provider")):o(e["./config-provider"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,(e=>(()=>{"use strict";var o={7623:o=>{o.exports=e}},r={};function t(e){var i=r[e];if(void 0!==i)return i.exports;var f=r[e]={exports:{}};return o[e](f,f.exports,t),f.exports}t.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return t.d(o,{a:o}),o},t.d=(e,o)=>{for(var r in o)t.o(o,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},t.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{t.r(i),t.d(i,{provideGlobalConfig:()=>e.provideGlobalConfig,useGlobalConfig:()=>e.useGlobalConfig,useLocale:()=>e.useLocale,usePrefix:()=>e.usePrefix});var e=t(7623)})(),i})()));
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],t);else{var r="object"==typeof exports?t(require("vue")):t(e.vue);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={748:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>s});var e=n(748);function t(r,n,o){return(0,e.h)(r.name,Object.assign(Object.assign({key:n},r.attributes),{style:"".concat(r.attributes.style," ").concat(o)}),(r.elements||[]).map((function(e,o){return t(e,"".concat(n,"-").concat(r.name,"-").concat(o))})))}Object.create,Object.create;var r=function(r,n){var o=Object.assign(Object.assign({},n.attrs),r),a=o.data,i=o.name,c=o.width,s=o.height,l=o.fill,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(o,["data","name","width","height","fill"]),u="width: ".concat(c,"; height: ").concat(s,"; fill: ").concat(l);return(0,e.createVNode)("span",p,[t(a,i,u)])};r.inheritAttrs=!1,r.displayName="bkIcon";const a=r;var i=JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 744.64L789.6 462.72 880 554.56 512 928 144 554.56 234.4 462.72 512 744.64z"}},{"type":"element","name":"path","attributes":{"d":"M144 187.68L234.4 96 512 377.76 789.6 96 880 187.68 512 561.28 144 187.68z"}}]}'),c=function(t,r){var n=Object.assign(Object.assign({},t),r.attrs);return(0,e.createVNode)(a,(0,e.mergeProps)(n,{data:i,name:"angleDoubleDownLine"}),null)};c.displayName="angleDoubleDownLine",c.inheritAttrs=!1;const s=c})(),o})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("vue"));else if("function"==typeof define&&define.amd)define(["vue"],t);else{var r="object"==typeof exports?t(require("vue")):t(e.vue);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,(e=>(()=>{"use strict";var t={748:t=>{t.exports=e}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{default:()=>c});var e=n(748);function t(r,n,o){return(0,e.h)(r.name,Object.assign(Object.assign({key:n},r.attributes),{style:"".concat(r.attributes.style," ").concat(o||"")}),(r.elements||[]).map((function(e,o){return t(e,"".concat(n,"-").concat(r.name,"-").concat(o))})))}Object.create,Object.create;var r=function(r,n){var o=Object.assign(Object.assign({},n.attrs),r),a=o.data,i=o.name,s=o.width,c=o.height,l=o.fill,p=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(o,["data","name","width","height","fill"]),u="width: ".concat(s,"; height: ").concat(c,"; fill: ").concat(l);return(0,e.createVNode)("span",(0,e.mergeProps)({style:{display:"inline-flex","align-items":"center","justify-content":"center"}},p),[t(a,i,u)])};r.inheritAttrs=!1,r.displayName="bkIcon";const a=r;var i=JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M512 744.64L789.6 462.72 880 554.56 512 928 144 554.56 234.4 462.72 512 744.64z"}},{"type":"element","name":"path","attributes":{"d":"M144 187.68L234.4 96 512 377.76 789.6 96 880 187.68 512 561.28 144 187.68z"}}]}'),s=function(t,r){var n=Object.assign(Object.assign({},t),r.attrs);return(0,e.createVNode)(a,(0,e.mergeProps)(n,{data:i,name:"angleDoubleDownLine"}),null)};s.displayName="angleDoubleDownLine",s.inheritAttrs=!1;const c=s})(),o})()));