naive-ui 2.43.2 → 2.44.0

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 (524) hide show
  1. package/dist/index.js +790 -414
  2. package/dist/index.mjs +790 -414
  3. package/dist/index.prod.js +1 -1
  4. package/dist/index.prod.mjs +1 -1
  5. package/es/_internal/index.d.ts +1 -1
  6. package/es/_internal/loading/index.d.ts +1 -1
  7. package/es/_internal/loading/src/Loading.d.ts +26 -18
  8. package/es/_internal/loading/src/Loading.mjs +9 -9
  9. package/es/_internal/scrollbar/src/Scrollbar.d.ts +8 -3
  10. package/es/_internal/scrollbar/src/Scrollbar.mjs +6 -2
  11. package/es/_internal/select-menu/src/SelectMenu.d.ts +5 -1
  12. package/es/_internal/select-menu/src/SelectMenu.mjs +18 -8
  13. package/es/_mixins/use-form-item.d.ts +1 -2
  14. package/es/auto-complete/src/AutoComplete.d.ts +4 -0
  15. package/es/auto-complete/src/AutoComplete.mjs +3 -1
  16. package/es/breadcrumb/src/BreadcrumbItem.d.ts +13 -0
  17. package/es/breadcrumb/src/BreadcrumbItem.mjs +5 -1
  18. package/es/button/index.d.ts +1 -0
  19. package/es/button/src/Button.d.ts +11 -8
  20. package/es/button/src/Button.mjs +14 -11
  21. package/es/button/src/public-types.d.ts +4 -0
  22. package/es/button-group/src/ButtonGroup.d.ts +5 -15
  23. package/es/button-group/src/ButtonGroup.mjs +1 -4
  24. package/es/card/index.d.ts +1 -0
  25. package/es/card/src/Card.d.ts +11 -18
  26. package/es/card/src/Card.mjs +25 -17
  27. package/es/card/src/public-types.d.ts +1 -0
  28. package/es/card/src/styles/index.cssr.mjs +44 -21
  29. package/es/carousel/src/Carousel.d.ts +1 -1
  30. package/es/carousel/src/CarouselDots.d.ts +1 -1
  31. package/es/cascader/index.d.ts +1 -0
  32. package/es/cascader/src/Cascader.d.ts +8 -1
  33. package/es/cascader/src/Cascader.mjs +4 -0
  34. package/es/cascader/src/CascaderMenu.d.ts +1 -0
  35. package/es/cascader/src/CascaderMenu.mjs +16 -5
  36. package/es/cascader/src/CascaderOption.d.ts +1 -0
  37. package/es/cascader/src/CascaderOption.mjs +4 -2
  38. package/es/cascader/src/CascaderSelectMenu.d.ts +1 -0
  39. package/es/cascader/src/CascaderSelectMenu.mjs +5 -2
  40. package/es/cascader/src/interface.d.ts +4 -0
  41. package/es/cascader/src/public-types.d.ts +2 -0
  42. package/es/cascader/src/public-types.mjs +1 -0
  43. package/es/checkbox/index.d.ts +1 -0
  44. package/es/checkbox/src/Checkbox.d.ts +4 -3
  45. package/es/checkbox/src/Checkbox.mjs +5 -1
  46. package/es/checkbox/src/public-types.d.ts +1 -0
  47. package/es/checkbox/src/public-types.mjs +1 -0
  48. package/es/color-picker/src/ColorPicker.d.ts +7 -2
  49. package/es/color-picker/src/ColorPicker.mjs +34 -17
  50. package/es/color-picker/src/ColorPickerTrigger.mjs +3 -3
  51. package/es/color-picker/src/styles/index.cssr.mjs +11 -14
  52. package/es/config-provider/src/internal-interface.d.ts +95 -5
  53. package/es/countdown/src/Countdown.d.ts +1 -1
  54. package/es/data-table/index.d.ts +1 -1
  55. package/es/data-table/index.mjs +1 -2
  56. package/es/data-table/src/DataTable.d.ts +9 -16
  57. package/es/data-table/src/DataTable.mjs +30 -20
  58. package/es/data-table/src/MainTable.d.ts +1 -0
  59. package/es/data-table/src/MainTable.mjs +4 -2
  60. package/es/data-table/src/TableParts/Body.d.ts +4 -3
  61. package/es/data-table/src/TableParts/Body.mjs +46 -54
  62. package/es/data-table/src/interface.d.ts +5 -7
  63. package/es/data-table/src/interface.mjs +1 -4
  64. package/{lib/data-table/src/publicTypes.d.ts → es/data-table/src/public-types.d.ts} +3 -0
  65. package/es/data-table/src/public-types.mjs +1 -0
  66. package/es/data-table/src/use-scroll.d.ts +5 -1
  67. package/es/data-table/src/use-scroll.mjs +16 -4
  68. package/es/data-table/src/utils.d.ts +1 -1
  69. package/es/date-picker/src/DatePicker.d.ts +6 -0
  70. package/es/date-picker/src/DatePicker.mjs +2 -0
  71. package/es/date-picker/src/panel/date.d.ts +10 -0
  72. package/es/date-picker/src/panel/date.mjs +2 -0
  73. package/es/date-picker/src/panel/daterange.d.ts +10 -0
  74. package/es/date-picker/src/panel/daterange.mjs +4 -0
  75. package/es/date-picker/src/panel/datetime.d.ts +10 -0
  76. package/es/date-picker/src/panel/datetime.mjs +2 -0
  77. package/es/date-picker/src/panel/datetimerange.d.ts +10 -0
  78. package/es/date-picker/src/panel/datetimerange.mjs +4 -0
  79. package/es/date-picker/src/panel/month.d.ts +10 -0
  80. package/es/date-picker/src/panel/month.mjs +6 -0
  81. package/es/date-picker/src/panel/monthrange.d.ts +10 -0
  82. package/es/date-picker/src/panel/panelHeader.d.ts +34 -1
  83. package/es/date-picker/src/panel/panelHeader.mjs +21 -2
  84. package/es/date-picker/src/panel/use-calendar.d.ts +4 -0
  85. package/es/date-picker/src/panel/use-dual-calendar.d.ts +4 -0
  86. package/es/date-picker/src/panel/use-panel-common.d.ts +4 -0
  87. package/es/date-picker/src/panel/use-panel-common.mjs +4 -0
  88. package/es/date-picker/src/props.d.ts +2 -0
  89. package/es/date-picker/src/props.mjs +2 -0
  90. package/es/descriptions/index.d.ts +1 -0
  91. package/es/descriptions/src/Descriptions.d.ts +5 -13
  92. package/es/descriptions/src/Descriptions.mjs +16 -14
  93. package/es/descriptions/src/public-types.d.ts +1 -0
  94. package/es/descriptions/src/public-types.mjs +1 -0
  95. package/es/dialog/src/DialogProvider.d.ts +40 -16
  96. package/es/dialog/src/dialogProps.d.ts +1 -1
  97. package/es/dropdown/index.d.ts +1 -0
  98. package/es/dropdown/src/Dropdown.d.ts +8 -17
  99. package/es/dropdown/src/Dropdown.mjs +9 -7
  100. package/es/dropdown/src/DropdownMenu.d.ts +1 -1
  101. package/es/dropdown/src/DropdownOption.d.ts +1 -1
  102. package/es/dropdown/src/public-types.d.ts +1 -0
  103. package/es/dropdown/src/public-types.mjs +1 -0
  104. package/es/dynamic-input/src/DynamicInput.d.ts +1 -1
  105. package/es/dynamic-tags/index.d.ts +1 -0
  106. package/es/dynamic-tags/src/DynamicTags.d.ts +5 -13
  107. package/es/dynamic-tags/src/DynamicTags.mjs +11 -8
  108. package/es/dynamic-tags/src/public-types.d.ts +1 -0
  109. package/es/dynamic-tags/src/public-types.mjs +1 -0
  110. package/es/float-button/src/FloatButton.d.ts +1 -1
  111. package/es/form/src/Form.d.ts +5 -4
  112. package/es/form/src/Form.mjs +11 -1
  113. package/es/form/src/FormItem.d.ts +5 -4
  114. package/es/form/src/FormItem.mjs +16 -13
  115. package/es/form/src/FormItemCol.d.ts +3 -1
  116. package/es/form/src/FormItemGridItem.d.ts +6 -3
  117. package/es/form/src/FormItemGridItem.mjs +1 -0
  118. package/es/form/src/FormItemRow.d.ts +2 -0
  119. package/es/form/src/interface.d.ts +8 -2
  120. package/es/form/src/public-types.d.ts +2 -0
  121. package/es/form/src/utils.d.ts +3 -2
  122. package/es/form/src/utils.mjs +7 -0
  123. package/es/input/index.d.ts +1 -0
  124. package/es/input/src/Input.d.ts +5 -4
  125. package/es/input/src/InputGroupLabel.d.ts +4 -4
  126. package/es/input/src/InputGroupLabel.mjs +16 -10
  127. package/es/input/src/interface.d.ts +0 -1
  128. package/es/input/src/public-types.d.ts +1 -0
  129. package/es/input/src/public-types.mjs +1 -0
  130. package/es/legacy-transfer/src/TransferList.d.ts +1 -0
  131. package/es/legacy-transfer/src/TransferList.mjs +17 -5
  132. package/es/log/index.d.ts +1 -0
  133. package/es/log/src/Log.d.ts +4 -0
  134. package/es/log/src/Log.mjs +3 -1
  135. package/es/log/src/LogLoader.d.ts +4 -0
  136. package/es/log/src/LogLoader.mjs +4 -3
  137. package/es/log/src/public-types.d.ts +2 -0
  138. package/es/log/src/public-types.mjs +1 -0
  139. package/es/marquee/src/Marquee.mjs +5 -3
  140. package/es/mention/src/Mention.d.ts +5 -1
  141. package/es/mention/src/Mention.mjs +3 -1
  142. package/es/menu/src/MenuOptionContent.d.ts +1 -1
  143. package/es/message/index.d.ts +1 -0
  144. package/es/message/src/Message.d.ts +3 -0
  145. package/es/message/src/Message.mjs +4 -4
  146. package/es/message/src/MessageEnvironment.d.ts +2 -0
  147. package/es/message/src/MessageEnvironment.mjs +1 -0
  148. package/es/message/src/MessageProvider.d.ts +1 -1
  149. package/es/message/src/message-props.d.ts +2 -0
  150. package/es/message/src/message-props.mjs +1 -0
  151. package/es/message/src/public-types.d.ts +2 -0
  152. package/es/message/src/public-types.mjs +1 -0
  153. package/es/message/src/types.d.ts +2 -0
  154. package/es/modal/src/BodyWrapper.d.ts +5 -9
  155. package/es/modal/src/Modal.d.ts +7 -13
  156. package/es/modal/src/ModalEnvironment.d.ts +5 -9
  157. package/es/modal/src/composables.mjs +31 -4
  158. package/es/modal/src/presetProps.d.ts +3 -5
  159. package/es/notification/src/NotificationProvider.d.ts +3 -3
  160. package/es/number-animation/src/NumberAnimation.d.ts +2 -2
  161. package/es/pagination/index.d.ts +1 -0
  162. package/es/pagination/src/Pagination.d.ts +11 -16
  163. package/es/pagination/src/Pagination.mjs +12 -13
  164. package/es/pagination/src/interface.d.ts +0 -1
  165. package/es/pagination/src/public-types.d.ts +1 -0
  166. package/es/pagination/src/public-types.mjs +1 -0
  167. package/es/popconfirm/src/Popconfirm.d.ts +4 -4
  168. package/es/popover/src/Popover.d.ts +4 -4
  169. package/es/popover/src/PopoverBody.d.ts +1 -1
  170. package/es/popselect/index.d.ts +1 -0
  171. package/es/popselect/src/Popselect.d.ts +41 -47
  172. package/es/popselect/src/Popselect.mjs +4 -2
  173. package/es/popselect/src/PopselectPanel.d.ts +8 -16
  174. package/es/popselect/src/PopselectPanel.mjs +12 -7
  175. package/es/popselect/src/interface.d.ts +0 -1
  176. package/es/popselect/src/public-types.d.ts +1 -0
  177. package/es/popselect/src/public-types.mjs +1 -0
  178. package/es/radio/index.d.ts +1 -0
  179. package/es/radio/src/Radio.d.ts +3 -3
  180. package/es/radio/src/RadioButton.d.ts +3 -3
  181. package/es/radio/src/public-types.d.ts +1 -0
  182. package/es/radio/src/public-types.mjs +1 -0
  183. package/es/radio/src/use-radio.d.ts +4 -3
  184. package/es/radio/src/use-radio.mjs +8 -1
  185. package/es/rate/index.d.ts +1 -0
  186. package/es/rate/src/Rate.d.ts +4 -13
  187. package/es/rate/src/Rate.mjs +19 -9
  188. package/es/rate/src/public-types.d.ts +1 -0
  189. package/es/rate/src/public-types.mjs +1 -0
  190. package/es/result/index.d.ts +1 -0
  191. package/es/result/src/Result.d.ts +4 -13
  192. package/es/result/src/Result.mjs +9 -7
  193. package/es/result/src/public-types.d.ts +1 -0
  194. package/es/result/src/public-types.mjs +1 -0
  195. package/es/select/index.d.ts +1 -0
  196. package/es/select/src/Select.d.ts +25 -8
  197. package/es/select/src/Select.mjs +14 -2
  198. package/es/select/src/interface.d.ts +0 -1
  199. package/es/select/src/public-types.d.ts +1 -0
  200. package/es/select/src/public-types.mjs +1 -0
  201. package/es/skeleton/index.d.ts +1 -0
  202. package/es/skeleton/src/Skeleton.d.ts +4 -3
  203. package/es/skeleton/src/Skeleton.mjs +9 -4
  204. package/es/skeleton/src/public-types.d.ts +1 -0
  205. package/es/skeleton/src/public-types.mjs +1 -0
  206. package/es/space/index.d.ts +1 -0
  207. package/es/space/src/Space.d.ts +4 -13
  208. package/es/space/src/Space.mjs +8 -8
  209. package/es/space/src/public-types.d.ts +1 -0
  210. package/es/space/src/public-types.mjs +1 -0
  211. package/es/spin/src/Spin.d.ts +52 -6
  212. package/es/spin/src/Spin.mjs +5 -4
  213. package/es/switch/index.d.ts +1 -0
  214. package/es/switch/src/Switch.d.ts +7 -14
  215. package/es/switch/src/Switch.mjs +18 -8
  216. package/es/switch/src/public-types.d.ts +3 -0
  217. package/es/switch/src/public-types.mjs +1 -0
  218. package/es/table/index.d.ts +1 -0
  219. package/es/table/src/Table.d.ts +4 -13
  220. package/es/table/src/Table.mjs +9 -9
  221. package/es/table/src/public-types.d.ts +1 -0
  222. package/es/table/src/public-types.mjs +1 -0
  223. package/es/tabs/index.d.ts +1 -0
  224. package/es/tabs/src/Tab.d.ts +1 -1
  225. package/es/tabs/src/Tabs.d.ts +9 -18
  226. package/es/tabs/src/Tabs.mjs +13 -8
  227. package/es/tabs/src/public-types.d.ts +1 -0
  228. package/es/tabs/src/public-types.mjs +1 -0
  229. package/es/tag/index.d.ts +1 -0
  230. package/es/tag/src/Tag.d.ts +4 -4
  231. package/es/tag/src/Tag.mjs +8 -4
  232. package/es/tag/src/common-props.d.ts +2 -1
  233. package/es/tag/src/public-types.d.ts +1 -0
  234. package/es/tag/src/public-types.mjs +1 -0
  235. package/es/time-picker/index.d.ts +1 -0
  236. package/es/time-picker/src/TimePicker.d.ts +5 -4
  237. package/es/time-picker/src/interface.d.ts +0 -1
  238. package/es/time-picker/src/public-types.d.ts +1 -0
  239. package/es/time-picker/src/public-types.mjs +1 -0
  240. package/es/tooltip/src/Tooltip.d.ts +4 -4
  241. package/es/transfer/src/TransferList.d.ts +1 -0
  242. package/es/transfer/src/TransferList.mjs +12 -2
  243. package/es/tree/index.d.ts +1 -0
  244. package/es/tree/src/Tree.d.ts +5 -0
  245. package/es/tree/src/Tree.mjs +25 -11
  246. package/es/tree/src/TreeNodeSwitcher.mjs +4 -3
  247. package/es/tree/src/interface.d.ts +2 -0
  248. package/es/tree/src/public-types.d.ts +2 -0
  249. package/es/tree/src/public-types.mjs +1 -0
  250. package/es/tree-select/src/TreeSelect.d.ts +5 -0
  251. package/es/tree-select/src/TreeSelect.mjs +16 -5
  252. package/es/upload/src/Upload.d.ts +4 -1
  253. package/es/upload/src/Upload.mjs +5 -2
  254. package/es/upload/src/UploadFile.mjs +3 -1
  255. package/es/upload/src/interface.d.ts +4 -1
  256. package/es/upload/src/public-types.d.ts +4 -1
  257. package/es/version.d.ts +1 -1
  258. package/es/version.mjs +1 -1
  259. package/es/virtual-list/src/VirtualList.d.ts +1 -1
  260. package/es/watermark/src/Watermark.d.ts +2 -2
  261. package/lib/_internal/index.d.ts +1 -1
  262. package/lib/_internal/loading/index.d.ts +1 -1
  263. package/lib/_internal/loading/src/Loading.d.ts +26 -18
  264. package/lib/_internal/loading/src/Loading.js +11 -8
  265. package/lib/_internal/scrollbar/src/Scrollbar.d.ts +8 -3
  266. package/lib/_internal/scrollbar/src/Scrollbar.js +8 -3
  267. package/lib/_internal/select-menu/src/SelectMenu.d.ts +5 -1
  268. package/lib/_internal/select-menu/src/SelectMenu.js +14 -7
  269. package/lib/_mixins/use-form-item.d.ts +1 -2
  270. package/lib/auto-complete/src/AutoComplete.d.ts +4 -0
  271. package/lib/auto-complete/src/AutoComplete.js +2 -2
  272. package/lib/breadcrumb/src/BreadcrumbItem.d.ts +13 -0
  273. package/lib/breadcrumb/src/BreadcrumbItem.js +6 -2
  274. package/lib/button/index.d.ts +1 -0
  275. package/lib/button/src/Button.d.ts +11 -8
  276. package/lib/button/src/Button.js +8 -5
  277. package/lib/button/src/public-types.d.ts +4 -0
  278. package/lib/button-group/src/ButtonGroup.d.ts +5 -15
  279. package/lib/button-group/src/ButtonGroup.js +1 -4
  280. package/lib/card/index.d.ts +1 -0
  281. package/lib/card/src/Card.d.ts +11 -18
  282. package/lib/card/src/Card.js +17 -10
  283. package/lib/card/src/public-types.d.ts +1 -0
  284. package/lib/card/src/styles/index.cssr.js +44 -21
  285. package/lib/carousel/src/Carousel.d.ts +1 -1
  286. package/lib/carousel/src/CarouselDots.d.ts +1 -1
  287. package/lib/cascader/index.d.ts +1 -0
  288. package/lib/cascader/src/Cascader.d.ts +8 -1
  289. package/lib/cascader/src/Cascader.js +3 -1
  290. package/lib/cascader/src/CascaderMenu.d.ts +1 -0
  291. package/lib/cascader/src/CascaderMenu.js +12 -4
  292. package/lib/cascader/src/CascaderOption.d.ts +1 -0
  293. package/lib/cascader/src/CascaderOption.js +3 -2
  294. package/lib/cascader/src/CascaderSelectMenu.d.ts +1 -0
  295. package/lib/cascader/src/CascaderSelectMenu.js +3 -3
  296. package/lib/cascader/src/interface.d.ts +4 -0
  297. package/lib/cascader/src/public-types.d.ts +2 -0
  298. package/lib/cascader/src/public-types.js +2 -0
  299. package/lib/checkbox/index.d.ts +1 -0
  300. package/lib/checkbox/src/Checkbox.d.ts +4 -3
  301. package/lib/checkbox/src/Checkbox.js +5 -1
  302. package/lib/checkbox/src/public-types.d.ts +1 -0
  303. package/lib/checkbox/src/public-types.js +2 -0
  304. package/lib/color-picker/src/ColorPicker.d.ts +7 -2
  305. package/lib/color-picker/src/ColorPicker.js +46 -26
  306. package/lib/color-picker/src/ColorPickerTrigger.js +4 -4
  307. package/lib/color-picker/src/styles/index.cssr.js +11 -14
  308. package/lib/config-provider/src/internal-interface.d.ts +95 -5
  309. package/lib/countdown/src/Countdown.d.ts +1 -1
  310. package/lib/data-table/index.d.ts +1 -1
  311. package/lib/data-table/index.js +0 -15
  312. package/lib/data-table/src/DataTable.d.ts +9 -16
  313. package/lib/data-table/src/DataTable.js +22 -11
  314. package/lib/data-table/src/MainTable.d.ts +1 -0
  315. package/lib/data-table/src/MainTable.js +2 -2
  316. package/lib/data-table/src/TableParts/Body.d.ts +4 -3
  317. package/lib/data-table/src/TableParts/Body.js +56 -59
  318. package/lib/data-table/src/interface.d.ts +5 -7
  319. package/lib/data-table/src/interface.js +1 -1
  320. package/{es/data-table/src/publicTypes.d.ts → lib/data-table/src/public-types.d.ts} +3 -0
  321. package/lib/data-table/src/public-types.js +2 -0
  322. package/lib/data-table/src/use-scroll.d.ts +5 -1
  323. package/lib/data-table/src/use-scroll.js +16 -5
  324. package/lib/data-table/src/utils.d.ts +1 -1
  325. package/lib/date-picker/src/DatePicker.d.ts +6 -0
  326. package/lib/date-picker/src/DatePicker.js +2 -0
  327. package/lib/date-picker/src/panel/date.d.ts +10 -0
  328. package/lib/date-picker/src/panel/date.js +1 -1
  329. package/lib/date-picker/src/panel/daterange.d.ts +10 -0
  330. package/lib/date-picker/src/panel/daterange.js +2 -2
  331. package/lib/date-picker/src/panel/datetime.d.ts +10 -0
  332. package/lib/date-picker/src/panel/datetime.js +1 -1
  333. package/lib/date-picker/src/panel/datetimerange.d.ts +10 -0
  334. package/lib/date-picker/src/panel/datetimerange.js +2 -2
  335. package/lib/date-picker/src/panel/month.d.ts +10 -0
  336. package/lib/date-picker/src/panel/month.js +7 -0
  337. package/lib/date-picker/src/panel/monthrange.d.ts +10 -0
  338. package/lib/date-picker/src/panel/panelHeader.d.ts +34 -1
  339. package/lib/date-picker/src/panel/panelHeader.js +20 -3
  340. package/lib/date-picker/src/panel/use-calendar.d.ts +4 -0
  341. package/lib/date-picker/src/panel/use-dual-calendar.d.ts +4 -0
  342. package/lib/date-picker/src/panel/use-panel-common.d.ts +4 -0
  343. package/lib/date-picker/src/panel/use-panel-common.js +4 -0
  344. package/lib/date-picker/src/props.d.ts +2 -0
  345. package/lib/date-picker/src/props.js +1 -1
  346. package/lib/descriptions/index.d.ts +1 -0
  347. package/lib/descriptions/src/Descriptions.d.ts +5 -13
  348. package/lib/descriptions/src/Descriptions.js +17 -12
  349. package/lib/descriptions/src/public-types.d.ts +1 -0
  350. package/lib/descriptions/src/public-types.js +2 -0
  351. package/lib/dialog/src/DialogProvider.d.ts +40 -16
  352. package/lib/dialog/src/dialogProps.d.ts +1 -1
  353. package/lib/dropdown/index.d.ts +1 -0
  354. package/lib/dropdown/src/Dropdown.d.ts +8 -17
  355. package/lib/dropdown/src/Dropdown.js +9 -7
  356. package/lib/dropdown/src/DropdownMenu.d.ts +1 -1
  357. package/lib/dropdown/src/DropdownOption.d.ts +1 -1
  358. package/lib/dropdown/src/public-types.d.ts +1 -0
  359. package/lib/dropdown/src/public-types.js +2 -0
  360. package/lib/dynamic-input/src/DynamicInput.d.ts +1 -1
  361. package/lib/dynamic-tags/index.d.ts +1 -0
  362. package/lib/dynamic-tags/src/DynamicTags.d.ts +5 -13
  363. package/lib/dynamic-tags/src/DynamicTags.js +12 -8
  364. package/lib/dynamic-tags/src/public-types.d.ts +1 -0
  365. package/lib/dynamic-tags/src/public-types.js +2 -0
  366. package/lib/float-button/src/FloatButton.d.ts +1 -1
  367. package/lib/form/src/Form.d.ts +5 -4
  368. package/lib/form/src/Form.js +11 -1
  369. package/lib/form/src/FormItem.d.ts +5 -4
  370. package/lib/form/src/FormItem.js +17 -14
  371. package/lib/form/src/FormItemCol.d.ts +3 -1
  372. package/lib/form/src/FormItemGridItem.d.ts +6 -3
  373. package/lib/form/src/FormItemGridItem.js +1 -0
  374. package/lib/form/src/FormItemRow.d.ts +2 -0
  375. package/lib/form/src/interface.d.ts +8 -2
  376. package/lib/form/src/public-types.d.ts +2 -0
  377. package/lib/form/src/utils.d.ts +3 -2
  378. package/lib/form/src/utils.js +6 -0
  379. package/lib/input/index.d.ts +1 -0
  380. package/lib/input/src/Input.d.ts +5 -4
  381. package/lib/input/src/InputGroupLabel.d.ts +4 -4
  382. package/lib/input/src/InputGroupLabel.js +16 -7
  383. package/lib/input/src/interface.d.ts +0 -1
  384. package/lib/input/src/public-types.d.ts +1 -0
  385. package/lib/input/src/public-types.js +2 -0
  386. package/lib/legacy-transfer/src/TransferList.d.ts +1 -0
  387. package/lib/legacy-transfer/src/TransferList.js +13 -1
  388. package/lib/log/index.d.ts +1 -0
  389. package/lib/log/src/Log.d.ts +4 -0
  390. package/lib/log/src/Log.js +2 -2
  391. package/lib/log/src/LogLoader.d.ts +4 -0
  392. package/lib/log/src/LogLoader.js +3 -2
  393. package/lib/log/src/public-types.d.ts +2 -0
  394. package/lib/log/src/public-types.js +2 -0
  395. package/lib/marquee/src/Marquee.js +3 -2
  396. package/lib/mention/src/Mention.d.ts +5 -1
  397. package/lib/mention/src/Mention.js +2 -2
  398. package/lib/menu/src/MenuOptionContent.d.ts +1 -1
  399. package/lib/message/index.d.ts +1 -0
  400. package/lib/message/src/Message.d.ts +3 -0
  401. package/lib/message/src/Message.js +3 -4
  402. package/lib/message/src/MessageEnvironment.d.ts +2 -0
  403. package/lib/message/src/MessageEnvironment.js +1 -1
  404. package/lib/message/src/MessageProvider.d.ts +1 -1
  405. package/lib/message/src/message-props.d.ts +2 -0
  406. package/lib/message/src/message-props.js +1 -0
  407. package/lib/message/src/public-types.d.ts +2 -0
  408. package/lib/message/src/public-types.js +2 -0
  409. package/lib/message/src/types.d.ts +2 -0
  410. package/lib/modal/src/BodyWrapper.d.ts +5 -9
  411. package/lib/modal/src/Modal.d.ts +7 -13
  412. package/lib/modal/src/ModalEnvironment.d.ts +5 -9
  413. package/lib/modal/src/composables.js +28 -4
  414. package/lib/modal/src/presetProps.d.ts +3 -5
  415. package/lib/notification/src/NotificationProvider.d.ts +3 -3
  416. package/lib/number-animation/src/NumberAnimation.d.ts +2 -2
  417. package/lib/pagination/index.d.ts +1 -0
  418. package/lib/pagination/src/Pagination.d.ts +11 -16
  419. package/lib/pagination/src/Pagination.js +14 -12
  420. package/lib/pagination/src/interface.d.ts +0 -1
  421. package/lib/pagination/src/public-types.d.ts +1 -0
  422. package/lib/pagination/src/public-types.js +2 -0
  423. package/lib/popconfirm/src/Popconfirm.d.ts +4 -4
  424. package/lib/popover/src/Popover.d.ts +4 -4
  425. package/lib/popover/src/PopoverBody.d.ts +1 -1
  426. package/lib/popselect/index.d.ts +1 -0
  427. package/lib/popselect/src/Popselect.d.ts +41 -47
  428. package/lib/popselect/src/Popselect.js +2 -2
  429. package/lib/popselect/src/PopselectPanel.d.ts +8 -16
  430. package/lib/popselect/src/PopselectPanel.js +12 -7
  431. package/lib/popselect/src/interface.d.ts +0 -1
  432. package/lib/popselect/src/public-types.d.ts +1 -0
  433. package/lib/popselect/src/public-types.js +2 -0
  434. package/lib/radio/index.d.ts +1 -0
  435. package/lib/radio/src/Radio.d.ts +3 -3
  436. package/lib/radio/src/RadioButton.d.ts +3 -3
  437. package/lib/radio/src/public-types.d.ts +1 -0
  438. package/lib/radio/src/public-types.js +2 -0
  439. package/lib/radio/src/use-radio.d.ts +4 -3
  440. package/lib/radio/src/use-radio.js +6 -1
  441. package/lib/rate/index.d.ts +1 -0
  442. package/lib/rate/src/Rate.d.ts +4 -13
  443. package/lib/rate/src/Rate.js +18 -7
  444. package/lib/rate/src/public-types.d.ts +1 -0
  445. package/lib/rate/src/public-types.js +2 -0
  446. package/lib/result/index.d.ts +1 -0
  447. package/lib/result/src/Result.d.ts +4 -13
  448. package/lib/result/src/Result.js +10 -7
  449. package/lib/result/src/public-types.d.ts +1 -0
  450. package/lib/result/src/public-types.js +2 -0
  451. package/lib/select/index.d.ts +1 -0
  452. package/lib/select/src/Select.d.ts +25 -8
  453. package/lib/select/src/Select.js +10 -4
  454. package/lib/select/src/interface.d.ts +0 -1
  455. package/lib/select/src/public-types.d.ts +1 -0
  456. package/lib/select/src/public-types.js +2 -0
  457. package/lib/skeleton/index.d.ts +1 -0
  458. package/lib/skeleton/src/Skeleton.d.ts +4 -3
  459. package/lib/skeleton/src/Skeleton.js +9 -4
  460. package/lib/skeleton/src/public-types.d.ts +1 -0
  461. package/lib/skeleton/src/public-types.js +2 -0
  462. package/lib/space/index.d.ts +1 -0
  463. package/lib/space/src/Space.d.ts +4 -13
  464. package/lib/space/src/Space.js +7 -6
  465. package/lib/space/src/public-types.d.ts +1 -0
  466. package/lib/space/src/public-types.js +2 -0
  467. package/lib/spin/src/Spin.d.ts +52 -6
  468. package/lib/spin/src/Spin.js +5 -4
  469. package/lib/switch/index.d.ts +1 -0
  470. package/lib/switch/src/Switch.d.ts +7 -14
  471. package/lib/switch/src/Switch.js +18 -8
  472. package/lib/switch/src/public-types.d.ts +3 -0
  473. package/lib/switch/src/public-types.js +2 -0
  474. package/lib/table/index.d.ts +1 -0
  475. package/lib/table/src/Table.d.ts +4 -13
  476. package/lib/table/src/Table.js +8 -7
  477. package/lib/table/src/public-types.d.ts +1 -0
  478. package/lib/table/src/public-types.js +2 -0
  479. package/lib/tabs/index.d.ts +1 -0
  480. package/lib/tabs/src/Tab.d.ts +1 -1
  481. package/lib/tabs/src/Tabs.d.ts +9 -18
  482. package/lib/tabs/src/Tabs.js +14 -8
  483. package/lib/tabs/src/public-types.d.ts +1 -0
  484. package/lib/tabs/src/public-types.js +2 -0
  485. package/lib/tag/index.d.ts +1 -0
  486. package/lib/tag/src/Tag.d.ts +4 -4
  487. package/lib/tag/src/Tag.js +9 -4
  488. package/lib/tag/src/common-props.d.ts +2 -1
  489. package/lib/tag/src/public-types.d.ts +1 -0
  490. package/lib/tag/src/public-types.js +2 -0
  491. package/lib/time-picker/index.d.ts +1 -0
  492. package/lib/time-picker/src/TimePicker.d.ts +5 -4
  493. package/lib/time-picker/src/interface.d.ts +0 -1
  494. package/lib/time-picker/src/public-types.d.ts +1 -0
  495. package/lib/time-picker/src/public-types.js +2 -0
  496. package/lib/tooltip/src/Tooltip.d.ts +4 -4
  497. package/lib/transfer/src/TransferList.d.ts +1 -0
  498. package/lib/transfer/src/TransferList.js +9 -1
  499. package/lib/tree/index.d.ts +1 -0
  500. package/lib/tree/src/Tree.d.ts +5 -0
  501. package/lib/tree/src/Tree.js +20 -9
  502. package/lib/tree/src/TreeNodeSwitcher.js +2 -2
  503. package/lib/tree/src/interface.d.ts +2 -0
  504. package/lib/tree/src/public-types.d.ts +2 -0
  505. package/lib/tree/src/public-types.js +2 -0
  506. package/lib/tree-select/src/TreeSelect.d.ts +5 -0
  507. package/lib/tree-select/src/TreeSelect.js +13 -6
  508. package/lib/upload/src/Upload.d.ts +4 -1
  509. package/lib/upload/src/Upload.js +2 -2
  510. package/lib/upload/src/UploadFile.js +1 -1
  511. package/lib/upload/src/interface.d.ts +4 -1
  512. package/lib/upload/src/public-types.d.ts +4 -1
  513. package/lib/version.d.ts +1 -1
  514. package/lib/version.js +1 -1
  515. package/lib/virtual-list/src/VirtualList.d.ts +1 -1
  516. package/lib/watermark/src/Watermark.d.ts +2 -2
  517. package/package.json +5 -3
  518. package/web-types.json +232 -39
  519. package/es/button/src/interface.d.ts +0 -2
  520. package/lib/button/src/interface.d.ts +0 -2
  521. /package/es/button/src/{interface.mjs → public-types.mjs} +0 -0
  522. /package/es/{data-table/src/publicTypes.mjs → card/src/public-types.mjs} +0 -0
  523. /package/lib/button/src/{interface.js → public-types.js} +0 -0
  524. /package/lib/{data-table/src/publicTypes.js → card/src/public-types.js} +0 -0
@@ -1,11 +1,9 @@
1
1
  import type { CSSProperties, PropType, SlotsType, VNode } from 'vue';
2
2
  import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
3
3
  import type { OnUpdateValue } from './interface';
4
+ import type { SwitchSize, SwitchSpinProps } from './public-types';
4
5
  export declare const switchProps: {
5
- readonly size: {
6
- readonly type: PropType<"small" | "medium" | "large">;
7
- readonly default: "medium";
8
- };
6
+ readonly size: PropType<SwitchSize>;
9
7
  readonly value: {
10
8
  readonly type: PropType<string | number | boolean | undefined>;
11
9
  readonly default: undefined;
@@ -41,6 +39,7 @@ export declare const switchProps: {
41
39
  readonly type: BooleanConstructor;
42
40
  readonly default: true;
43
41
  };
42
+ readonly spinProps: PropType<SwitchSpinProps>;
44
43
  /** @deprecated */
45
44
  readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
46
45
  readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -142,7 +141,6 @@ export declare const switchProps: {
142
141
  };
143
142
  export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>;
144
143
  export interface SwitchSlots {
145
- default?: () => VNode[];
146
144
  checked?: () => VNode[];
147
145
  'checked-icon'?: () => VNode[];
148
146
  icon?: () => VNode[];
@@ -150,10 +148,7 @@ export interface SwitchSlots {
150
148
  'unchecked-icon'?: () => VNode[];
151
149
  }
152
150
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
153
- readonly size: {
154
- readonly type: PropType<"small" | "medium" | "large">;
155
- readonly default: "medium";
156
- };
151
+ readonly size: PropType<SwitchSize>;
157
152
  readonly value: {
158
153
  readonly type: PropType<string | number | boolean | undefined>;
159
154
  readonly default: undefined;
@@ -189,6 +184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
189
184
  readonly type: BooleanConstructor;
190
185
  readonly default: true;
191
186
  };
187
+ readonly spinProps: PropType<SwitchSpinProps>;
192
188
  /** @deprecated */
193
189
  readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
194
190
  readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -324,10 +320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
324
320
  themeClass: import("vue").Ref<string, string> | undefined;
325
321
  onRender: (() => void) | undefined;
326
322
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
327
- readonly size: {
328
- readonly type: PropType<"small" | "medium" | "large">;
329
- readonly default: "medium";
330
- };
323
+ readonly size: PropType<SwitchSize>;
331
324
  readonly value: {
332
325
  readonly type: PropType<string | number | boolean | undefined>;
333
326
  readonly default: undefined;
@@ -363,6 +356,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
363
356
  readonly type: BooleanConstructor;
364
357
  readonly default: true;
365
358
  };
359
+ readonly spinProps: PropType<SwitchSpinProps>;
366
360
  /** @deprecated */
367
361
  readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
368
362
  readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
@@ -464,7 +458,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
464
458
  }>> & Readonly<{}>, {
465
459
  readonly value: string | number | boolean | undefined;
466
460
  readonly disabled: boolean | undefined;
467
- readonly size: "small" | "medium" | "large";
468
461
  readonly defaultValue: string | number | boolean;
469
462
  readonly loading: boolean;
470
463
  readonly round: boolean;
@@ -12,10 +12,7 @@ const _mixins_1 = require("../../_mixins");
12
12
  const _utils_1 = require("../../_utils");
13
13
  const styles_1 = require("../styles");
14
14
  const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
15
- exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: {
16
- type: String,
17
- default: 'medium'
18
- }, value: {
15
+ exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, value: {
19
16
  type: [String, Number, Boolean],
20
17
  default: undefined
21
18
  }, loading: Boolean, defaultValue: {
@@ -36,7 +33,7 @@ exports.switchProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
36
33
  }, railStyle: Function, rubberBand: {
37
34
  type: Boolean,
38
35
  default: true
39
- },
36
+ }, spinProps: Object,
40
37
  /** @deprecated */
41
38
  onChange: [Function, Array] });
42
39
  let supportCssMax;
@@ -67,9 +64,22 @@ exports.default = (0, vue_1.defineComponent)({
67
64
  supportCssMax = true;
68
65
  }
69
66
  }
70
- const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
67
+ const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
71
68
  const themeRef = (0, _mixins_1.useTheme)('Switch', '-switch', index_cssr_1.default, styles_1.switchLight, props, mergedClsPrefixRef);
72
- const formItem = (0, _mixins_1.useFormItem)(props);
69
+ const formItem = (0, _mixins_1.useFormItem)(props, {
70
+ mergedSize(NFormItem) {
71
+ var _a, _b;
72
+ if (props.size !== undefined)
73
+ return props.size;
74
+ if (NFormItem) {
75
+ return NFormItem.mergedSize.value;
76
+ }
77
+ const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Switch) === null || _b === void 0 ? void 0 : _b.size;
78
+ if (configSize)
79
+ return configSize;
80
+ return 'medium';
81
+ }
82
+ });
73
83
  const { mergedSizeRef, mergedDisabledRef } = formItem;
74
84
  const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
75
85
  const controlledValueRef = (0, vue_1.toRef)(props, 'value');
@@ -244,7 +254,7 @@ exports.default = (0, vue_1.defineComponent)({
244
254
  (0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button` },
245
255
  (0, _utils_1.resolveWrappedSlot)(iconSlot, icon => (0, _utils_1.resolveWrappedSlot)(checkedIconSlot, checkedIcon => (0, _utils_1.resolveWrappedSlot)(uncheckedIconSlot, (uncheckedIcon) => {
246
256
  return ((0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
247
- default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 })) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
257
+ default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, Object.assign({ key: "loading", clsPrefix: mergedClsPrefix, strokeWidth: 20 }, this.spinProps))) : this.checked && (checkedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: checkedIcon ? 'checked-icon' : 'icon' }, checkedIcon || icon)) : !this.checked && (uncheckedIcon || icon) ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-switch__button-icon`, key: uncheckedIcon ? 'unchecked-icon' : 'icon' }, uncheckedIcon || icon)) : null
248
258
  }));
249
259
  }))),
250
260
  (0, _utils_1.resolveWrappedSlot)(checkedSlot, children => children && ((0, vue_1.h)("div", { key: "checked", class: `${mergedClsPrefix}-switch__checked` }, children))),
@@ -0,0 +1,3 @@
1
+ import type { SharedSpinProps } from '../../_internal';
2
+ export type SwitchSize = 'small' | 'medium' | 'large';
3
+ export type SwitchSpinProps = SharedSpinProps;
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,3 +1,4 @@
1
+ export type * from './src/public-types';
1
2
  export { default as NTable, tableProps } from './src/Table';
2
3
  export type { TableProps } from './src/Table';
3
4
  export { default as NTbody } from './src/Tbody';
@@ -1,5 +1,6 @@
1
1
  import type { PropType } from 'vue';
2
2
  import type { ExtractPublicPropTypes } from '../../_utils';
3
+ import type { TableSize } from './public-types';
3
4
  export declare const tableProps: {
4
5
  bordered: {
5
6
  type: BooleanConstructor;
@@ -15,10 +16,7 @@ export declare const tableProps: {
15
16
  };
16
17
  striped: BooleanConstructor;
17
18
  singleColumn: BooleanConstructor;
18
- size: {
19
- type: PropType<"small" | "medium" | "large">;
20
- default: string;
21
- };
19
+ size: PropType<TableSize>;
22
20
  theme: PropType<import("../../_mixins").Theme<"Table", {
23
21
  fontSizeSmall: string;
24
22
  fontSizeMedium: string;
@@ -120,10 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
120
118
  };
121
119
  striped: BooleanConstructor;
122
120
  singleColumn: BooleanConstructor;
123
- size: {
124
- type: PropType<"small" | "medium" | "large">;
125
- default: string;
126
- };
121
+ size: PropType<TableSize>;
127
122
  theme: PropType<import("../../_mixins").Theme<"Table", {
128
123
  fontSizeSmall: string;
129
124
  fontSizeMedium: string;
@@ -251,10 +246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
251
246
  };
252
247
  striped: BooleanConstructor;
253
248
  singleColumn: BooleanConstructor;
254
- size: {
255
- type: PropType<"small" | "medium" | "large">;
256
- default: string;
257
- };
249
+ size: PropType<TableSize>;
258
250
  theme: PropType<import("../../_mixins").Theme<"Table", {
259
251
  fontSizeSmall: string;
260
252
  fontSizeMedium: string;
@@ -340,7 +332,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
340
332
  tdPaddingLarge: string;
341
333
  }, any>>>;
342
334
  }>> & Readonly<{}>, {
343
- size: "small" | "medium" | "large";
344
335
  bordered: boolean;
345
336
  bottomBordered: boolean;
346
337
  striped: boolean;
@@ -19,19 +19,20 @@ exports.tableProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
19
19
  }, singleLine: {
20
20
  type: Boolean,
21
21
  default: true
22
- }, striped: Boolean, singleColumn: Boolean, size: {
23
- type: String,
24
- default: 'medium'
25
- } });
22
+ }, striped: Boolean, singleColumn: Boolean, size: String });
26
23
  exports.default = (0, vue_1.defineComponent)({
27
24
  name: 'Table',
28
25
  props: exports.tableProps,
29
26
  setup(props) {
30
- const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
27
+ const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
28
+ const mergedSizeRef = (0, vue_1.computed)(() => {
29
+ var _a, _b;
30
+ return (props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Table) === null || _b === void 0 ? void 0 : _b.size) || 'medium');
31
+ });
31
32
  const themeRef = (0, _mixins_1.useTheme)('Table', '-table', index_cssr_1.default, styles_1.tableLight, props, mergedClsPrefixRef);
32
33
  const rtlEnabledRef = (0, use_rtl_1.useRtl)('Table', mergedRtlRef, mergedClsPrefixRef);
33
34
  const cssVarsRef = (0, vue_1.computed)(() => {
34
- const { size } = props;
35
+ const size = mergedSizeRef.value;
35
36
  const { self: { borderColor, tdColor, tdColorModal, tdColorPopover, thColor, thColorModal, thColorPopover, thTextColor, tdTextColor, borderRadius, thFontWeight, lineHeight, borderColorModal, borderColorPopover, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('tdPadding', size)]: tdPadding, [(0, _utils_1.createKey)('thPadding', size)]: thPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
36
37
  return {
37
38
  '--n-bezier': cubicBezierEaseInOut,
@@ -59,7 +60,7 @@ exports.default = (0, vue_1.defineComponent)({
59
60
  });
60
61
  const themeClassHandle = inlineThemeDisabled
61
62
  ? (0, _mixins_1.useThemeClass)('table', (0, vue_1.computed)(() => {
62
- return props.size[0];
63
+ return mergedSizeRef.value[0];
63
64
  }), cssVarsRef, props)
64
65
  : undefined;
65
66
  return {
@@ -0,0 +1 @@
1
+ export type TableSize = 'small' | 'medium' | 'large';
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,4 +1,5 @@
1
1
  export type { TabsInst } from './src/interface';
2
+ export type * from './src/public-types';
2
3
  export { default as NTab, tabProps } from './src/Tab';
3
4
  export type { TabProps } from './src/Tab';
4
5
  export { default as NTabPane, tabPaneProps } from './src/TabPane';
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
34
34
  readonly internalAddable: BooleanConstructor;
35
35
  readonly internalCreatedByPane: BooleanConstructor;
36
36
  }>, {
37
- trigger: import("vue").Ref<"click" | "hover", "click" | "hover">;
37
+ trigger: import("vue").Ref<"hover" | "click", "hover" | "click">;
38
38
  mergedClosable: import("vue").ComputedRef<boolean>;
39
39
  style: import("vue").Ref<string | import("vue").CSSProperties | undefined, string | import("vue").CSSProperties | undefined>;
40
40
  addStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined, string | import("vue").CSSProperties | undefined>;
@@ -2,6 +2,7 @@ import type { ComponentPublicInstance, CSSProperties, ExtractPropTypes, PropType
2
2
  import type { VXScrollInst } from 'vueuc';
3
3
  import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
4
4
  import type { Addable, OnBeforeLeave, OnClose, OnUpdateValue, TabsType } from './interface';
5
+ import type { TabsSize } from './public-types';
5
6
  import { nextTick } from 'vue';
6
7
  export declare const tabsProps: {
7
8
  readonly value: PropType<string | number>;
@@ -16,10 +17,7 @@ export declare const tabsProps: {
16
17
  };
17
18
  readonly closable: BooleanConstructor;
18
19
  readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
19
- readonly size: {
20
- readonly type: PropType<"small" | "medium" | "large">;
21
- readonly default: "medium";
22
- };
20
+ readonly size: PropType<TabsSize>;
23
21
  readonly placement: {
24
22
  readonly type: PropType<"top" | "left" | "right" | "bottom">;
25
23
  readonly default: "top";
@@ -44,7 +42,7 @@ export declare const tabsProps: {
44
42
  readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
45
43
  readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
46
44
  readonly onClose: PropType<MaybeArray<OnClose>>;
47
- readonly labelSize: PropType<"small" | "medium" | "large">;
45
+ readonly labelSize: PropType<TabsSize>;
48
46
  readonly activeName: PropType<string | number>;
49
47
  readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
50
48
  readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -340,10 +338,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
340
338
  };
341
339
  readonly closable: BooleanConstructor;
342
340
  readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
343
- readonly size: {
344
- readonly type: PropType<"small" | "medium" | "large">;
345
- readonly default: "medium";
346
- };
341
+ readonly size: PropType<TabsSize>;
347
342
  readonly placement: {
348
343
  readonly type: PropType<"top" | "left" | "right" | "bottom">;
349
344
  readonly default: "top";
@@ -368,7 +363,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
368
363
  readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
369
364
  readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
370
365
  readonly onClose: PropType<MaybeArray<OnClose>>;
371
- readonly labelSize: PropType<"small" | "medium" | "large">;
366
+ readonly labelSize: PropType<TabsSize>;
372
367
  readonly activeName: PropType<string | number>;
373
368
  readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
374
369
  readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -738,7 +733,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
738
733
  justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
739
734
  } | undefined>;
740
735
  handleNavResize: (entry: ResizeObserverEntry) => void;
741
- mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
736
+ mergedSize: import("vue").ComputedRef<TabsSize>;
742
737
  handleScroll: (e: Event) => void;
743
738
  handleTabsResize: (entry: ResizeObserverEntry) => void;
744
739
  cssVars: import("vue").ComputedRef<{
@@ -799,10 +794,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
799
794
  };
800
795
  readonly closable: BooleanConstructor;
801
796
  readonly justifyContent: PropType<"space-between" | "space-around" | "space-evenly" | "center" | "start" | "end">;
802
- readonly size: {
803
- readonly type: PropType<"small" | "medium" | "large">;
804
- readonly default: "medium";
805
- };
797
+ readonly size: PropType<TabsSize>;
806
798
  readonly placement: {
807
799
  readonly type: PropType<"top" | "left" | "right" | "bottom">;
808
800
  readonly default: "top";
@@ -827,7 +819,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
827
819
  readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
828
820
  readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
829
821
  readonly onClose: PropType<MaybeArray<OnClose>>;
830
- readonly labelSize: PropType<"small" | "medium" | "large">;
822
+ readonly labelSize: PropType<TabsSize>;
831
823
  readonly activeName: PropType<string | number>;
832
824
  readonly onActiveNameChange: PropType<MaybeArray<(value: string & number) => void>>;
833
825
  readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
@@ -1105,10 +1097,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
1105
1097
  }, any>>>;
1106
1098
  }>> & Readonly<{}>, {
1107
1099
  readonly type: TabsType;
1108
- readonly size: "small" | "medium" | "large";
1109
1100
  readonly closable: boolean;
1101
+ readonly trigger: "hover" | "click";
1110
1102
  readonly placement: "top" | "bottom" | "left" | "right";
1111
- readonly trigger: "click" | "hover";
1112
1103
  readonly animated: boolean;
1113
1104
  readonly tabsPadding: number;
1114
1105
  }, SlotsType<TabsSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -23,10 +23,7 @@ exports.tabsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
23
23
  }, type: {
24
24
  type: String,
25
25
  default: 'bar'
26
- }, closable: Boolean, justifyContent: String, size: {
27
- type: String,
28
- default: 'medium'
29
- }, placement: {
26
+ }, closable: Boolean, justifyContent: String, size: String, placement: {
30
27
  type: String,
31
28
  default: 'top'
32
29
  }, tabStyle: [String, Object], tabClass: String, addTabStyle: [String, Object], addTabClass: String, barWidth: Number, paneClass: String, paneStyle: [String, Object], paneWrapperClass: String, paneWrapperStyle: [String, Object], addable: [Boolean, Object], tabsPadding: {
@@ -54,7 +51,7 @@ exports.default = (0, vue_1.defineComponent)({
54
51
  }
55
52
  });
56
53
  }
57
- const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
54
+ const { mergedClsPrefixRef, inlineThemeDisabled, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
58
55
  const themeRef = (0, _mixins_1.useTheme)('Tabs', '-tabs', index_cssr_1.default, styles_1.tabsLight, props, mergedClsPrefixRef);
59
56
  const tabsElRef = (0, vue_1.ref)(null);
60
57
  const barElRef = (0, vue_1.ref)(null);
@@ -65,6 +62,15 @@ exports.default = (0, vue_1.defineComponent)({
65
62
  const startReachedRef = (0, vue_1.ref)(true);
66
63
  const endReachedRef = (0, vue_1.ref)(true);
67
64
  const compitableSizeRef = (0, vooks_1.useCompitable)(props, ['labelSize', 'size']);
65
+ const mergedSizeRef = (0, vue_1.computed)(() => {
66
+ var _a, _b;
67
+ if (compitableSizeRef.value)
68
+ return compitableSizeRef.value;
69
+ const configSize = (_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Tabs) === null || _b === void 0 ? void 0 : _b.size;
70
+ if (configSize)
71
+ return configSize;
72
+ return 'medium';
73
+ });
68
74
  const compitableValueRef = (0, vooks_1.useCompitable)(props, ['activeName', 'value']);
69
75
  const uncontrolledValueRef = (0, vue_1.ref)((_b = (_a = compitableValueRef.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : (slots.default
70
76
  ? (_d = (_c = (0, _utils_1.flatten)(slots.default())[0]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.name
@@ -510,7 +516,7 @@ exports.default = (0, vue_1.defineComponent)({
510
516
  });
511
517
  };
512
518
  const cssVarsRef = (0, vue_1.computed)(() => {
513
- const { value: size } = compitableSizeRef;
519
+ const { value: size } = mergedSizeRef;
514
520
  const { type } = props;
515
521
  const typeSuffix = {
516
522
  card: 'Card',
@@ -557,7 +563,7 @@ exports.default = (0, vue_1.defineComponent)({
557
563
  });
558
564
  const themeClassHandle = inlineThemeDisabled
559
565
  ? (0, _mixins_1.useThemeClass)('tabs', (0, vue_1.computed)(() => {
560
- return `${compitableSizeRef.value[0]}${props.type[0]}`;
566
+ return `${mergedSizeRef.value[0]}${props.type[0]}`;
561
567
  }), cssVarsRef, props)
562
568
  : undefined;
563
569
  return Object.assign({ mergedClsPrefix: mergedClsPrefixRef, mergedValue: mergedValueRef, renderedNames: new Set(), segmentCapsuleElRef,
@@ -566,7 +572,7 @@ exports.default = (0, vue_1.defineComponent)({
566
572
  barElRef,
567
573
  addTabInstRef,
568
574
  xScrollInstRef,
569
- scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: compitableSizeRef, handleScroll,
575
+ scrollWrapperElRef, addTabFixed: addTabFixedRef, tabWrapperStyle: tabWrapperStyleRef, handleNavResize, mergedSize: mergedSizeRef, handleScroll,
570
576
  handleTabsResize, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, animationDirection: animationDirectionRef, renderNameListRef,
571
577
  yScrollElRef,
572
578
  handleSegmentResize,
@@ -0,0 +1 @@
1
+ export type TabsSize = 'small' | 'medium' | 'large';
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,2 +1,3 @@
1
+ export type * from './src/public-types';
1
2
  export { default as NTag, tagProps } from './src/Tag';
2
3
  export type { TagProps, TagSlots } from './src/Tag';
@@ -36,7 +36,7 @@ export declare const tagProps: {
36
36
  };
37
37
  round: BooleanConstructor;
38
38
  size: {
39
- readonly type: PropType<"tiny" | "small" | "medium" | "large">;
39
+ readonly type: PropType<import("./public-types").TagSize>;
40
40
  readonly default: "medium";
41
41
  };
42
42
  closable: BooleanConstructor;
@@ -349,7 +349,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
349
349
  };
350
350
  round: BooleanConstructor;
351
351
  size: {
352
- readonly type: PropType<"tiny" | "small" | "medium" | "large">;
352
+ readonly type: PropType<import("./public-types").TagSize>;
353
353
  readonly default: "medium";
354
354
  };
355
355
  closable: BooleanConstructor;
@@ -697,7 +697,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
697
697
  };
698
698
  round: BooleanConstructor;
699
699
  size: {
700
- readonly type: PropType<"tiny" | "small" | "medium" | "large">;
700
+ readonly type: PropType<import("./public-types").TagSize>;
701
701
  readonly default: "medium";
702
702
  };
703
703
  closable: BooleanConstructor;
@@ -972,7 +972,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
972
972
  }>> & Readonly<{}>, {
973
973
  disabled: boolean | undefined;
974
974
  type: "default" | "info" | "warning" | "error" | "success" | "primary";
975
- size: "tiny" | "small" | "medium" | "large";
975
+ size: import("./public-types").TagSize;
976
976
  bordered: boolean | undefined;
977
977
  closable: boolean;
978
978
  round: boolean;
@@ -41,7 +41,11 @@ exports.default = (0, vue_1.defineComponent)({
41
41
  });
42
42
  }
43
43
  const contentRef = (0, vue_1.ref)(null);
44
- const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
44
+ const { mergedBorderedRef, mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef, mergedComponentPropsRef } = (0, _mixins_1.useConfig)(props);
45
+ const mergedSizeRef = (0, vue_1.computed)(() => {
46
+ var _a, _b;
47
+ return props.size || ((_b = (_a = mergedComponentPropsRef === null || mergedComponentPropsRef === void 0 ? void 0 : mergedComponentPropsRef.value) === null || _a === void 0 ? void 0 : _a.Tag) === null || _b === void 0 ? void 0 : _b.size) || 'medium';
48
+ });
45
49
  const themeRef = (0, _mixins_1.useTheme)('Tag', '-tag', index_cssr_1.default, styles_1.tagLight, props, mergedClsPrefixRef);
46
50
  (0, vue_1.provide)(exports.tagInjectionKey, {
47
51
  roundRef: (0, vue_1.toRef)(props, 'round')
@@ -79,7 +83,8 @@ exports.default = (0, vue_1.defineComponent)({
79
83
  };
80
84
  const rtlEnabledRef = (0, use_rtl_1.useRtl)('Tag', mergedRtlRef, mergedClsPrefixRef);
81
85
  const cssVarsRef = (0, vue_1.computed)(() => {
82
- const { type, size, color: { color, textColor } = {} } = props;
86
+ const { type, color: { color, textColor } = {} } = props;
87
+ const size = mergedSizeRef.value;
83
88
  const { common: { cubicBezierEaseInOut }, self: { padding, closeMargin, borderRadius, opacityDisabled, textColorCheckable, textColorHoverCheckable, textColorPressedCheckable, textColorChecked, colorCheckable, colorHoverCheckable, colorPressedCheckable, colorChecked, colorCheckedHover, colorCheckedPressed, closeBorderRadius, fontWeightStrong, [(0, _utils_1.createKey)('colorBordered', type)]: colorBordered, [(0, _utils_1.createKey)('closeSize', size)]: closeSize, [(0, _utils_1.createKey)('closeIconSize', size)]: closeIconSize, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('height', size)]: height, [(0, _utils_1.createKey)('color', type)]: typedColor, [(0, _utils_1.createKey)('textColor', type)]: typeTextColor, [(0, _utils_1.createKey)('border', type)]: border, [(0, _utils_1.createKey)('closeIconColor', type)]: closeIconColor, [(0, _utils_1.createKey)('closeIconColorHover', type)]: closeIconColorHover, [(0, _utils_1.createKey)('closeIconColorPressed', type)]: closeIconColorPressed, [(0, _utils_1.createKey)('closeColorHover', type)]: closeColorHover, [(0, _utils_1.createKey)('closeColorPressed', type)]: closeColorPressed } } = themeRef.value;
84
89
  const closeMarginDiscrete = (0, seemly_1.getMargin)(closeMargin);
85
90
  return {
@@ -122,9 +127,9 @@ exports.default = (0, vue_1.defineComponent)({
122
127
  const themeClassHandle = inlineThemeDisabled
123
128
  ? (0, _mixins_1.useThemeClass)('tag', (0, vue_1.computed)(() => {
124
129
  let hash = '';
125
- const { type, size, color: { color, textColor } = {} } = props;
130
+ const { type, color: { color, textColor } = {} } = props;
126
131
  hash += type[0];
127
- hash += size[0];
132
+ hash += mergedSizeRef.value[0];
128
133
  if (color) {
129
134
  hash += `a${(0, _utils_1.color2Class)(color)}`;
130
135
  }
@@ -1,4 +1,5 @@
1
1
  import type { PropType } from 'vue';
2
+ import type { TagSize } from './public-types';
2
3
  export interface TagColor {
3
4
  color?: string;
4
5
  borderColor?: string;
@@ -12,7 +13,7 @@ declare const _default: {
12
13
  };
13
14
  readonly round: BooleanConstructor;
14
15
  readonly size: {
15
- readonly type: PropType<"tiny" | "small" | "medium" | "large">;
16
+ readonly type: PropType<TagSize>;
16
17
  readonly default: "medium";
17
18
  };
18
19
  readonly closable: BooleanConstructor;
@@ -0,0 +1 @@
1
+ export type TagSize = 'tiny' | 'small' | 'medium' | 'large';
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,3 +1,4 @@
1
1
  export type { TimePickerInst } from './src/interface';
2
+ export type * from './src/public-types';
2
3
  export { default as NTimePicker, timePickerProps } from './src/TimePicker';
3
4
  export type { TimePickerProps, TimePickerSlots } from './src/TimePicker';
@@ -2,7 +2,8 @@ import type { PropType, VNode } from 'vue';
2
2
  import type { FollowerPlacement } from 'vueuc';
3
3
  import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
4
4
  import type { FormValidationStatus } from '../../form/src/public-types';
5
- import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, PanelRef, Size } from './interface';
5
+ import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, PanelRef } from './interface';
6
+ import type { TimePickerSize } from './public-types';
6
7
  export declare const timePickerProps: {
7
8
  to: {
8
9
  type: PropType<HTMLElement | string | boolean>;
@@ -31,7 +32,7 @@ export declare const timePickerProps: {
31
32
  valueFormat: StringConstructor;
32
33
  formattedValue: PropType<string | null>;
33
34
  isHourDisabled: PropType<IsHourDisabled>;
34
- size: PropType<Size>;
35
+ size: PropType<TimePickerSize>;
35
36
  isMinuteDisabled: PropType<IsMinuteDisabled>;
36
37
  isSecondDisabled: PropType<IsSecondDisabled>;
37
38
  inputReadonly: BooleanConstructor;
@@ -1039,7 +1040,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
1039
1040
  valueFormat: StringConstructor;
1040
1041
  formattedValue: PropType<string | null>;
1041
1042
  isHourDisabled: PropType<IsHourDisabled>;
1042
- size: PropType<Size>;
1043
+ size: PropType<TimePickerSize>;
1043
1044
  isMinuteDisabled: PropType<IsMinuteDisabled>;
1044
1045
  isSecondDisabled: PropType<IsSecondDisabled>;
1045
1046
  inputReadonly: BooleanConstructor;
@@ -2598,7 +2599,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
2598
2599
  valueFormat: StringConstructor;
2599
2600
  formattedValue: PropType<string | null>;
2600
2601
  isHourDisabled: PropType<IsHourDisabled>;
2601
- size: PropType<Size>;
2602
+ size: PropType<TimePickerSize>;
2602
2603
  isMinuteDisabled: PropType<IsMinuteDisabled>;
2603
2604
  isSecondDisabled: PropType<IsSecondDisabled>;
2604
2605
  inputReadonly: BooleanConstructor;
@@ -27,7 +27,6 @@ export type OnUpdateFormattedValueImpl = (value: string | null, timestampValue:
27
27
  export type IsHourDisabled = (hour: number) => boolean;
28
28
  export type IsMinuteDisabled = (minute: number, hour: number | null) => boolean;
29
29
  export type IsSecondDisabled = (second: number, minute: number | null, hour: number | null) => boolean;
30
- export type Size = 'small' | 'medium' | 'large';
31
30
  export interface TimePickerInst {
32
31
  focus: () => void;
33
32
  blur: () => void;
@@ -0,0 +1 @@
1
+ export type TimePickerSize = 'small' | 'medium' | 'large';
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -671,23 +671,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
671
671
  }>> & Readonly<{}>, {
672
672
  disabled: boolean;
673
673
  raw: boolean;
674
+ width: number | "trigger";
675
+ duration: number;
676
+ scrollable: boolean;
677
+ trigger: import("../../popover").PopoverTrigger;
674
678
  to: string | boolean | HTMLElement;
675
679
  placement: import("vueuc/lib/binder/src/interface").Placement;
676
- width: number | "trigger";
677
680
  show: boolean | undefined;
678
681
  showArrow: boolean;
679
- trigger: import("../../popover").PopoverTrigger;
680
682
  arrow: boolean | undefined;
681
683
  defaultShow: boolean;
682
684
  delay: number;
683
- duration: number;
684
685
  arrowPointToCenter: boolean;
685
686
  displayDirective: "show" | "if";
686
687
  flip: boolean;
687
688
  animated: boolean;
688
689
  overlap: boolean;
689
690
  keepAliveOnHover: boolean;
690
- scrollable: boolean;
691
691
  internalDeactivateImmediately: boolean;
692
692
  internalSyncTargetWithParent: boolean;
693
693
  internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
@@ -853,6 +853,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
853
853
  };
854
854
  }>;
855
855
  mergedClsPrefix: import("vue").Ref<string, string>;
856
+ mergedRenderEmpty: import("vue").ComputedRef<(() => import("vue").VNodeChild) | undefined>;
856
857
  scrollerInstRef: import("vue").Ref<{
857
858
  $el: HTMLElement;
858
859
  containerRef: HTMLElement | null;