naive-ui 2.18.1 → 2.19.2

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 (394) hide show
  1. package/es/_internal/clear/src/Clear.d.ts +1 -4
  2. package/es/_internal/clear/src/Clear.js +1 -4
  3. package/es/_internal/icons/Checkmark.js +3 -2
  4. package/es/_internal/select-menu/src/SelectMenu.d.ts +173 -0
  5. package/es/_internal/select-menu/src/SelectMenu.js +9 -6
  6. package/es/_internal/select-menu/src/SelectOption.js +2 -1
  7. package/es/_internal/select-menu/src/styles/index.cssr.js +32 -28
  8. package/es/_internal/select-menu/styles/light.d.ts +2 -0
  9. package/es/_internal/select-menu/styles/light.js +1 -1
  10. package/es/_internal/selection/src/Selection.d.ts +64 -56
  11. package/es/_internal/selection/src/Selection.js +34 -14
  12. package/es/_internal/selection/src/styles/index.cssr.js +16 -14
  13. package/es/_internal/selection/styles/_common.d.ts +1 -8
  14. package/es/_internal/selection/styles/_common.js +2 -9
  15. package/es/_internal/selection/styles/dark.js +10 -2
  16. package/es/_internal/selection/styles/light.d.ts +18 -16
  17. package/es/_internal/selection/styles/light.js +10 -2
  18. package/es/_mixins/use-rtl.js +1 -1
  19. package/es/_styles/common/light.js +1 -1
  20. package/es/_utils/naive/mutable.d.ts +2 -2
  21. package/es/alert/src/Alert.js +15 -16
  22. package/es/anchor/src/AnchorAdapter.d.ts +13 -8
  23. package/es/anchor/src/AnchorAdapter.js +3 -5
  24. package/es/anchor/src/BaseAnchor.d.ts +14 -1
  25. package/es/anchor/src/BaseAnchor.js +20 -7
  26. package/es/anchor/src/Link.js +5 -5
  27. package/es/anchor/src/styles/index.cssr.js +25 -16
  28. package/es/auto-complete/index.d.ts +1 -0
  29. package/es/auto-complete/src/AutoComplete.d.ts +10 -0
  30. package/es/auto-complete/src/interface.d.ts +1 -1
  31. package/es/auto-complete/styles/light.d.ts +1 -0
  32. package/es/badge/src/styles/index.cssr.js +1 -0
  33. package/es/card/src/Card.d.ts +17 -1
  34. package/es/card/src/Card.js +3 -2
  35. package/es/card/styles/dark.js +6 -1
  36. package/es/card/styles/light.d.ts +1 -0
  37. package/es/card/styles/light.js +2 -2
  38. package/es/cascader/src/Cascader.d.ts +100 -80
  39. package/es/cascader/src/Cascader.js +28 -19
  40. package/es/cascader/src/CascaderMenu.js +17 -15
  41. package/es/cascader/src/CascaderOption.d.ts +10 -8
  42. package/es/cascader/src/CascaderSelectMenu.d.ts +10 -8
  43. package/es/cascader/src/CascaderSubmenu.d.ts +10 -8
  44. package/es/cascader/src/interface.d.ts +2 -2
  45. package/es/cascader/src/styles/index.cssr.js +6 -1
  46. package/es/cascader/styles/light.d.ts +10 -8
  47. package/es/checkbox/src/Checkbox.d.ts +1 -0
  48. package/es/checkbox/src/Checkbox.js +5 -3
  49. package/es/checkbox/src/CheckboxGroup.js +1 -1
  50. package/es/composables/use-theme-vars.js +5 -5
  51. package/es/config-provider/src/internal-interface.d.ts +2 -0
  52. package/es/data-table/src/DataTable.d.ts +110 -88
  53. package/es/data-table/src/HeaderButton/FilterButton.d.ts +20 -16
  54. package/es/data-table/src/HeaderButton/FilterMenu.d.ts +20 -16
  55. package/es/data-table/src/TableParts/Body.d.ts +20 -16
  56. package/es/data-table/src/TableParts/Cell.d.ts +40 -32
  57. package/es/data-table/src/TableParts/Header.d.ts +20 -16
  58. package/es/data-table/styles/light.d.ts +10 -8
  59. package/es/date-picker/src/DatePicker.d.ts +8 -3
  60. package/es/date-picker/src/DatePicker.js +2 -2
  61. package/es/date-picker/src/panel/date.d.ts +3 -3
  62. package/es/date-picker/src/panel/date.js +10 -1
  63. package/es/date-picker/src/panel/daterange.js +10 -1
  64. package/es/date-picker/src/panel/datetimerange.js +10 -1
  65. package/es/descriptions/src/Descriptions.d.ts +4 -17
  66. package/es/descriptions/src/Descriptions.js +2 -8
  67. package/es/dialog/src/DialogProvider.d.ts +20 -20
  68. package/es/drawer/src/styles/index.cssr.js +2 -0
  69. package/es/dropdown/src/Dropdown.d.ts +9 -23
  70. package/es/dynamic-tags/src/DynamicTags.js +2 -1
  71. package/es/empty/src/Empty.d.ts +6 -1
  72. package/es/empty/src/Empty.js +16 -4
  73. package/es/form/src/FormItemGridItem.d.ts +1 -1
  74. package/es/form/src/FormItemGridItem.js +2 -2
  75. package/es/global-style/src/GlobalStyle.js +13 -3
  76. package/es/grid/src/GridItem.d.ts +2 -2
  77. package/es/grid/src/GridItem.js +1 -1
  78. package/es/input-number/src/InputNumber.d.ts +8 -3
  79. package/es/input-number/src/InputNumber.js +4 -4
  80. package/es/jest-setup.js +3 -1
  81. package/es/layout/src/Layout.d.ts +18 -4
  82. package/es/layout/src/LayoutContent.d.ts +9 -2
  83. package/es/layout/src/LayoutFooter.d.ts +9 -0
  84. package/es/layout/src/LayoutHeader.d.ts +6 -0
  85. package/es/layout/src/LayoutSider.d.ts +11 -0
  86. package/es/layout/src/LayoutSider.js +4 -2
  87. package/es/layout/src/ToggleButton.js +7 -3
  88. package/es/layout/src/styles/layout-sider.cssr.js +31 -15
  89. package/es/layout/styles/dark.js +3 -2
  90. package/es/layout/styles/light.d.ts +2 -0
  91. package/es/layout/styles/light.js +3 -2
  92. package/es/locales/common/enUS.js +1 -1
  93. package/es/locales/common/ruRU.js +1 -1
  94. package/es/locales/common/ukUA.d.ts +3 -0
  95. package/es/locales/common/ukUA.js +92 -0
  96. package/es/locales/common/zhCN.js +1 -1
  97. package/es/locales/date/ukUA.d.ts +3 -0
  98. package/es/locales/date/ukUA.js +6 -0
  99. package/es/locales/index.d.ts +2 -0
  100. package/es/locales/index.js +2 -0
  101. package/es/mention/src/Mention.d.ts +10 -0
  102. package/es/mention/styles/light.d.ts +1 -0
  103. package/es/menu/src/Menu.d.ts +6 -1
  104. package/es/menu/src/Menu.js +10 -1
  105. package/es/menu/src/MenuOption.d.ts +3 -1
  106. package/es/menu/src/MenuOptionContent.d.ts +3 -1
  107. package/es/menu/src/Submenu.d.ts +3 -1
  108. package/es/modal/src/BodyWrapper.d.ts +5 -0
  109. package/es/modal/src/Modal.d.ts +36 -55
  110. package/es/modal/src/Modal.js +18 -39
  111. package/es/modal/src/presetProps.d.ts +2 -1
  112. package/es/modal/styles/light.d.ts +1 -0
  113. package/es/notification/src/Notification.d.ts +1 -1
  114. package/es/notification/src/NotificationEnvironment.d.ts +1 -1
  115. package/es/notification/src/NotificationProvider.d.ts +16 -16
  116. package/es/page-header/src/PageHeader.d.ts +1 -0
  117. package/es/page-header/src/PageHeader.js +8 -2
  118. package/es/page-header/src/styles/rtl.cssr.d.ts +2 -0
  119. package/es/page-header/src/styles/rtl.cssr.js +19 -0
  120. package/es/page-header/styles/index.d.ts +1 -0
  121. package/es/page-header/styles/index.js +1 -0
  122. package/es/page-header/styles/rtl.d.ts +5 -0
  123. package/es/page-header/styles/rtl.js +5 -0
  124. package/es/pagination/src/Pagination.d.ts +111 -100
  125. package/es/pagination/styles/light.d.ts +10 -8
  126. package/es/popconfirm/src/Popconfirm.d.ts +8 -22
  127. package/es/popover/src/Popover.d.ts +12 -32
  128. package/es/popover/src/Popover.js +25 -18
  129. package/es/popover/src/PopoverBody.d.ts +2 -2
  130. package/es/popover/src/PopoverBody.js +4 -2
  131. package/es/popselect/src/Popselect.d.ts +18 -22
  132. package/es/popselect/src/PopselectPanel.d.ts +1 -0
  133. package/es/popselect/src/PopselectPanel.js +38 -19
  134. package/es/popselect/styles/light.d.ts +1 -0
  135. package/es/select/src/Select.d.ts +111 -83
  136. package/es/select/src/Select.js +55 -56
  137. package/es/select/src/interface.d.ts +2 -2
  138. package/es/select/styles/light.d.ts +10 -8
  139. package/es/spin/src/Spin.d.ts +34 -25
  140. package/es/spin/src/Spin.js +27 -20
  141. package/es/spin/src/styles/index.cssr.js +23 -9
  142. package/es/spin/styles/light.d.ts +2 -0
  143. package/es/spin/styles/light.js +3 -1
  144. package/es/styles.d.ts +1 -0
  145. package/es/styles.js +1 -0
  146. package/es/tabs/src/Tab.d.ts +1 -1
  147. package/es/tabs/src/Tab.js +4 -6
  148. package/es/tabs/src/Tabs.d.ts +133 -42
  149. package/es/tabs/src/Tabs.js +37 -38
  150. package/es/tabs/src/interface.d.ts +2 -1
  151. package/es/tabs/src/styles/index.cssr.js +34 -10
  152. package/es/tabs/styles/_common.d.ts +6 -0
  153. package/es/tabs/styles/_common.js +6 -0
  154. package/es/tabs/styles/dark.js +7 -1
  155. package/es/tabs/styles/light.d.ts +13 -0
  156. package/es/tabs/styles/light.js +3 -3
  157. package/es/tag/src/styles/index.cssr.js +1 -1
  158. package/es/time/src/Time.d.ts +14 -22
  159. package/es/time/src/Time.js +32 -18
  160. package/es/time-picker/src/TimePicker.d.ts +5 -0
  161. package/es/time-picker/src/TimePicker.js +2 -2
  162. package/es/tooltip/src/Tooltip.d.ts +8 -22
  163. package/es/transfer/src/TransferList.d.ts +1 -1
  164. package/es/tree/src/Tree.d.ts +25 -10
  165. package/es/tree/src/Tree.js +34 -11
  166. package/es/tree/src/TreeNode.js +5 -2
  167. package/es/tree/src/interface.d.ts +2 -2
  168. package/es/tree-select/src/TreeSelect.d.ts +103 -81
  169. package/es/tree-select/src/TreeSelect.js +36 -40
  170. package/es/tree-select/src/interface.d.ts +2 -2
  171. package/es/tree-select/styles/light.d.ts +9 -8
  172. package/es/typography/src/blockquote.d.ts +2 -8
  173. package/es/typography/src/blockquote.js +1 -4
  174. package/es/typography/src/ol.d.ts +2 -8
  175. package/es/typography/src/ol.js +1 -4
  176. package/es/typography/src/p.d.ts +2 -2
  177. package/es/typography/src/p.js +1 -1
  178. package/es/typography/src/text.d.ts +14 -58
  179. package/es/typography/src/text.js +2 -23
  180. package/es/typography/src/ul.d.ts +2 -8
  181. package/es/typography/src/ul.js +1 -4
  182. package/es/upload/index.d.ts +2 -0
  183. package/es/upload/index.js +2 -0
  184. package/es/upload/src/Upload.d.ts +16 -68
  185. package/es/upload/src/Upload.js +71 -98
  186. package/es/upload/src/UploadDragger.js +7 -1
  187. package/es/upload/src/UploadFileList.d.ts +2 -0
  188. package/es/upload/src/UploadFileList.js +34 -0
  189. package/es/upload/src/UploadProgress.d.ts +0 -7
  190. package/es/upload/src/UploadProgress.js +1 -5
  191. package/es/upload/src/UploadTrigger.d.ts +12 -0
  192. package/es/upload/src/UploadTrigger.js +63 -0
  193. package/es/upload/src/interface.d.ts +13 -2
  194. package/es/upload/src/styles/index.cssr.js +40 -32
  195. package/es/version.d.ts +1 -1
  196. package/es/version.js +1 -1
  197. package/lib/_internal/clear/src/Clear.d.ts +1 -4
  198. package/lib/_internal/clear/src/Clear.js +1 -4
  199. package/lib/_internal/icons/Checkmark.js +3 -2
  200. package/lib/_internal/select-menu/src/SelectMenu.d.ts +173 -0
  201. package/lib/_internal/select-menu/src/SelectMenu.js +9 -6
  202. package/lib/_internal/select-menu/src/SelectOption.js +2 -1
  203. package/lib/_internal/select-menu/src/styles/index.cssr.js +32 -28
  204. package/lib/_internal/select-menu/styles/light.d.ts +2 -0
  205. package/lib/_internal/select-menu/styles/light.js +1 -1
  206. package/lib/_internal/selection/src/Selection.d.ts +64 -56
  207. package/lib/_internal/selection/src/Selection.js +34 -14
  208. package/lib/_internal/selection/src/styles/index.cssr.js +16 -14
  209. package/lib/_internal/selection/styles/_common.d.ts +1 -8
  210. package/lib/_internal/selection/styles/_common.js +2 -9
  211. package/lib/_internal/selection/styles/dark.js +10 -2
  212. package/lib/_internal/selection/styles/light.d.ts +18 -16
  213. package/lib/_internal/selection/styles/light.js +10 -2
  214. package/lib/_mixins/use-rtl.js +1 -1
  215. package/lib/_styles/common/light.js +1 -1
  216. package/lib/_utils/naive/mutable.d.ts +2 -2
  217. package/lib/alert/src/Alert.js +15 -16
  218. package/lib/anchor/src/AnchorAdapter.d.ts +13 -8
  219. package/lib/anchor/src/AnchorAdapter.js +3 -5
  220. package/lib/anchor/src/BaseAnchor.d.ts +14 -1
  221. package/lib/anchor/src/BaseAnchor.js +19 -6
  222. package/lib/anchor/src/Link.js +5 -5
  223. package/lib/anchor/src/styles/index.cssr.js +25 -16
  224. package/lib/auto-complete/index.d.ts +1 -0
  225. package/lib/auto-complete/src/AutoComplete.d.ts +10 -0
  226. package/lib/auto-complete/src/interface.d.ts +1 -1
  227. package/lib/auto-complete/styles/light.d.ts +1 -0
  228. package/lib/badge/src/styles/index.cssr.js +1 -0
  229. package/lib/card/src/Card.d.ts +17 -1
  230. package/lib/card/src/Card.js +3 -2
  231. package/lib/card/styles/dark.js +6 -1
  232. package/lib/card/styles/light.d.ts +1 -0
  233. package/lib/card/styles/light.js +2 -2
  234. package/lib/cascader/src/Cascader.d.ts +100 -80
  235. package/lib/cascader/src/Cascader.js +28 -19
  236. package/lib/cascader/src/CascaderMenu.js +16 -14
  237. package/lib/cascader/src/CascaderOption.d.ts +10 -8
  238. package/lib/cascader/src/CascaderSelectMenu.d.ts +10 -8
  239. package/lib/cascader/src/CascaderSubmenu.d.ts +10 -8
  240. package/lib/cascader/src/interface.d.ts +2 -2
  241. package/lib/cascader/src/styles/index.cssr.js +6 -1
  242. package/lib/cascader/styles/light.d.ts +10 -8
  243. package/lib/checkbox/src/Checkbox.d.ts +1 -0
  244. package/lib/checkbox/src/Checkbox.js +5 -3
  245. package/lib/checkbox/src/CheckboxGroup.js +1 -1
  246. package/lib/composables/use-theme-vars.js +5 -5
  247. package/lib/config-provider/src/internal-interface.d.ts +2 -0
  248. package/lib/data-table/src/DataTable.d.ts +110 -88
  249. package/lib/data-table/src/HeaderButton/FilterButton.d.ts +20 -16
  250. package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +20 -16
  251. package/lib/data-table/src/TableParts/Body.d.ts +20 -16
  252. package/lib/data-table/src/TableParts/Cell.d.ts +40 -32
  253. package/lib/data-table/src/TableParts/Header.d.ts +20 -16
  254. package/lib/data-table/styles/light.d.ts +10 -8
  255. package/lib/date-picker/src/DatePicker.d.ts +8 -3
  256. package/lib/date-picker/src/DatePicker.js +2 -2
  257. package/lib/date-picker/src/panel/date.d.ts +3 -3
  258. package/lib/date-picker/src/panel/date.js +9 -0
  259. package/lib/date-picker/src/panel/daterange.js +9 -0
  260. package/lib/date-picker/src/panel/datetimerange.js +9 -0
  261. package/lib/descriptions/src/Descriptions.d.ts +4 -17
  262. package/lib/descriptions/src/Descriptions.js +2 -8
  263. package/lib/dialog/src/DialogProvider.d.ts +20 -20
  264. package/lib/drawer/src/styles/index.cssr.js +2 -0
  265. package/lib/dropdown/src/Dropdown.d.ts +9 -23
  266. package/lib/dynamic-tags/src/DynamicTags.js +2 -1
  267. package/lib/empty/src/Empty.d.ts +6 -1
  268. package/lib/empty/src/Empty.js +15 -3
  269. package/lib/form/src/FormItemGridItem.d.ts +1 -1
  270. package/lib/form/src/FormItemGridItem.js +2 -2
  271. package/lib/global-style/src/GlobalStyle.js +13 -3
  272. package/lib/grid/src/GridItem.d.ts +2 -2
  273. package/lib/grid/src/GridItem.js +1 -1
  274. package/lib/input-number/src/InputNumber.d.ts +8 -3
  275. package/lib/input-number/src/InputNumber.js +4 -4
  276. package/lib/jest-setup.js +3 -1
  277. package/lib/layout/src/Layout.d.ts +18 -4
  278. package/lib/layout/src/LayoutContent.d.ts +9 -2
  279. package/lib/layout/src/LayoutFooter.d.ts +9 -0
  280. package/lib/layout/src/LayoutHeader.d.ts +6 -0
  281. package/lib/layout/src/LayoutSider.d.ts +11 -0
  282. package/lib/layout/src/LayoutSider.js +4 -2
  283. package/lib/layout/src/ToggleButton.js +7 -3
  284. package/lib/layout/src/styles/layout-sider.cssr.js +31 -15
  285. package/lib/layout/styles/dark.js +3 -2
  286. package/lib/layout/styles/light.d.ts +2 -0
  287. package/lib/layout/styles/light.js +3 -2
  288. package/lib/locales/common/enUS.js +1 -1
  289. package/lib/locales/common/ruRU.js +1 -1
  290. package/lib/locales/common/ukUA.d.ts +3 -0
  291. package/lib/locales/common/ukUA.js +94 -0
  292. package/lib/locales/common/zhCN.js +1 -1
  293. package/lib/locales/date/ukUA.d.ts +3 -0
  294. package/lib/locales/date/ukUA.js +8 -0
  295. package/lib/locales/index.d.ts +2 -0
  296. package/lib/locales/index.js +5 -1
  297. package/lib/mention/src/Mention.d.ts +10 -0
  298. package/lib/mention/styles/light.d.ts +1 -0
  299. package/lib/menu/src/Menu.d.ts +6 -1
  300. package/lib/menu/src/Menu.js +10 -1
  301. package/lib/menu/src/MenuOption.d.ts +3 -1
  302. package/lib/menu/src/MenuOptionContent.d.ts +3 -1
  303. package/lib/menu/src/Submenu.d.ts +3 -1
  304. package/lib/modal/src/BodyWrapper.d.ts +5 -0
  305. package/lib/modal/src/Modal.d.ts +36 -55
  306. package/lib/modal/src/Modal.js +17 -38
  307. package/lib/modal/src/presetProps.d.ts +2 -1
  308. package/lib/modal/styles/light.d.ts +1 -0
  309. package/lib/notification/src/Notification.d.ts +1 -1
  310. package/lib/notification/src/NotificationEnvironment.d.ts +1 -1
  311. package/lib/notification/src/NotificationProvider.d.ts +16 -16
  312. package/lib/page-header/src/PageHeader.d.ts +1 -0
  313. package/lib/page-header/src/PageHeader.js +8 -2
  314. package/lib/page-header/src/styles/rtl.cssr.d.ts +2 -0
  315. package/lib/page-header/src/styles/rtl.cssr.js +26 -0
  316. package/lib/page-header/styles/index.d.ts +1 -0
  317. package/lib/page-header/styles/index.js +3 -1
  318. package/lib/page-header/styles/rtl.d.ts +5 -0
  319. package/lib/page-header/styles/rtl.js +7 -0
  320. package/lib/pagination/src/Pagination.d.ts +111 -100
  321. package/lib/pagination/styles/light.d.ts +10 -8
  322. package/lib/popconfirm/src/Popconfirm.d.ts +8 -22
  323. package/lib/popover/src/Popover.d.ts +12 -32
  324. package/lib/popover/src/Popover.js +23 -16
  325. package/lib/popover/src/PopoverBody.d.ts +2 -2
  326. package/lib/popover/src/PopoverBody.js +4 -2
  327. package/lib/popselect/src/Popselect.d.ts +18 -22
  328. package/lib/popselect/src/PopselectPanel.d.ts +1 -0
  329. package/lib/popselect/src/PopselectPanel.js +38 -19
  330. package/lib/popselect/styles/light.d.ts +1 -0
  331. package/lib/select/src/Select.d.ts +111 -83
  332. package/lib/select/src/Select.js +55 -56
  333. package/lib/select/src/interface.d.ts +2 -2
  334. package/lib/select/styles/light.d.ts +10 -8
  335. package/lib/spin/src/Spin.d.ts +34 -25
  336. package/lib/spin/src/Spin.js +25 -18
  337. package/lib/spin/src/styles/index.cssr.js +23 -9
  338. package/lib/spin/styles/light.d.ts +2 -0
  339. package/lib/spin/styles/light.js +3 -1
  340. package/lib/styles.d.ts +1 -0
  341. package/lib/styles.js +63 -61
  342. package/lib/tabs/src/Tab.d.ts +1 -1
  343. package/lib/tabs/src/Tab.js +4 -6
  344. package/lib/tabs/src/Tabs.d.ts +133 -42
  345. package/lib/tabs/src/Tabs.js +36 -37
  346. package/lib/tabs/src/interface.d.ts +2 -1
  347. package/lib/tabs/src/styles/index.cssr.js +34 -10
  348. package/lib/tabs/styles/_common.d.ts +6 -0
  349. package/lib/tabs/styles/_common.js +6 -0
  350. package/lib/tabs/styles/dark.js +7 -1
  351. package/lib/tabs/styles/light.d.ts +13 -0
  352. package/lib/tabs/styles/light.js +3 -3
  353. package/lib/tag/src/styles/index.cssr.js +1 -1
  354. package/lib/time/src/Time.d.ts +14 -22
  355. package/lib/time/src/Time.js +31 -17
  356. package/lib/time-picker/src/TimePicker.d.ts +5 -0
  357. package/lib/time-picker/src/TimePicker.js +2 -2
  358. package/lib/tooltip/src/Tooltip.d.ts +8 -22
  359. package/lib/transfer/src/TransferList.d.ts +1 -1
  360. package/lib/tree/src/Tree.d.ts +25 -10
  361. package/lib/tree/src/Tree.js +34 -11
  362. package/lib/tree/src/TreeNode.js +5 -2
  363. package/lib/tree/src/interface.d.ts +2 -2
  364. package/lib/tree-select/src/TreeSelect.d.ts +103 -81
  365. package/lib/tree-select/src/TreeSelect.js +36 -40
  366. package/lib/tree-select/src/interface.d.ts +2 -2
  367. package/lib/tree-select/styles/light.d.ts +9 -8
  368. package/lib/typography/src/blockquote.d.ts +2 -8
  369. package/lib/typography/src/blockquote.js +1 -4
  370. package/lib/typography/src/ol.d.ts +2 -8
  371. package/lib/typography/src/ol.js +1 -4
  372. package/lib/typography/src/p.d.ts +2 -2
  373. package/lib/typography/src/p.js +1 -1
  374. package/lib/typography/src/text.d.ts +14 -58
  375. package/lib/typography/src/text.js +2 -23
  376. package/lib/typography/src/ul.d.ts +2 -8
  377. package/lib/typography/src/ul.js +1 -4
  378. package/lib/upload/index.d.ts +2 -0
  379. package/lib/upload/index.js +5 -1
  380. package/lib/upload/src/Upload.d.ts +16 -68
  381. package/lib/upload/src/Upload.js +68 -95
  382. package/lib/upload/src/UploadDragger.js +7 -1
  383. package/lib/upload/src/UploadFileList.d.ts +2 -0
  384. package/lib/upload/src/UploadFileList.js +36 -0
  385. package/lib/upload/src/UploadProgress.d.ts +0 -7
  386. package/lib/upload/src/UploadProgress.js +1 -5
  387. package/lib/upload/src/UploadTrigger.d.ts +12 -0
  388. package/lib/upload/src/UploadTrigger.js +65 -0
  389. package/lib/upload/src/interface.d.ts +13 -2
  390. package/lib/upload/src/styles/index.cssr.js +40 -32
  391. package/lib/version.d.ts +1 -1
  392. package/lib/version.js +1 -1
  393. package/package.json +9 -7
  394. package/web-types.json +239 -13
@@ -1,40 +1,23 @@
1
1
  import { PropType, CSSProperties } from 'vue';
2
- import { ExtractPublicPropTypes } from '../../_utils';
3
- import type { MaybeArray } from '../../_utils';
2
+ import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
4
3
  declare const modalProps: {
5
4
  'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
6
5
  onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
7
- dialog: BooleanConstructor;
8
- appear: {
9
- type: PropType<boolean | undefined>;
10
- default: undefined;
11
- };
12
6
  onBeforeLeave: PropType<() => void>;
13
7
  onAfterLeave: PropType<() => void>;
14
8
  onClose: PropType<() => Promise<boolean> | boolean | any>;
15
9
  onPositiveClick: PropType<() => Promise<boolean> | boolean | any>;
16
10
  onNegativeClick: PropType<() => Promise<boolean> | boolean | any>;
17
11
  onMaskClick: PropType<(e: MouseEvent) => void>;
18
- overlayStyle: {
19
- type: PropType<string | CSSProperties | undefined>;
20
- validator: () => boolean;
21
- default: undefined;
22
- };
23
- onBeforeHide: {
24
- type: PropType<(() => void) | undefined>;
25
- validator: () => boolean;
26
- default: undefined;
27
- };
28
- onAfterHide: {
29
- type: PropType<(() => void) | undefined>;
30
- validator: () => boolean;
31
- default: undefined;
32
- };
33
- onHide: {
34
- type: PropType<((value: false) => void) | undefined>;
35
- validator: () => boolean;
12
+ dialog: BooleanConstructor;
13
+ appear: {
14
+ type: PropType<boolean | undefined>;
36
15
  default: undefined;
37
16
  };
17
+ overlayStyle: PropType<string | CSSProperties>;
18
+ onBeforeHide: PropType<() => void>;
19
+ onAfterHide: PropType<() => void>;
20
+ onHide: PropType<(value: false) => void>;
38
21
  icon: PropType<() => import("vue").VNodeChild>;
39
22
  type: {
40
23
  readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -59,6 +42,7 @@ declare const modalProps: {
59
42
  contentStyle: PropType<string | CSSProperties>;
60
43
  headerStyle: PropType<string | CSSProperties>;
61
44
  footerStyle: PropType<string | CSSProperties>;
45
+ embedded: BooleanConstructor;
62
46
  segmented: {
63
47
  readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
64
48
  readonly default: false;
@@ -322,6 +306,7 @@ declare const modalProps: {
322
306
  colorModal: string;
323
307
  colorPopover: string;
324
308
  colorTarget: string;
309
+ colorEmbedded: string;
325
310
  textColor: string;
326
311
  titleTextColor: string;
327
312
  borderColor: string;
@@ -586,6 +571,7 @@ declare const modalProps: {
586
571
  colorModal: string;
587
572
  colorPopover: string;
588
573
  colorTarget: string;
574
+ colorEmbedded: string;
589
575
  textColor: string;
590
576
  titleTextColor: string;
591
577
  borderColor: string;
@@ -850,6 +836,7 @@ declare const modalProps: {
850
836
  colorModal: string;
851
837
  colorPopover: string;
852
838
  colorTarget: string;
839
+ colorEmbedded: string;
853
840
  textColor: string;
854
841
  titleTextColor: string;
855
842
  borderColor: string;
@@ -880,37 +867,21 @@ export declare type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
880
867
  declare const _default: import("vue").DefineComponent<{
881
868
  'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
882
869
  onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
883
- dialog: BooleanConstructor;
884
- appear: {
885
- type: PropType<boolean | undefined>;
886
- default: undefined;
887
- };
888
870
  onBeforeLeave: PropType<() => void>;
889
871
  onAfterLeave: PropType<() => void>;
890
872
  onClose: PropType<() => any>;
891
873
  onPositiveClick: PropType<() => any>;
892
874
  onNegativeClick: PropType<() => any>;
893
875
  onMaskClick: PropType<(e: MouseEvent) => void>;
894
- overlayStyle: {
895
- type: PropType<string | CSSProperties | undefined>;
896
- validator: () => boolean;
897
- default: undefined;
898
- };
899
- onBeforeHide: {
900
- type: PropType<(() => void) | undefined>;
901
- validator: () => boolean;
902
- default: undefined;
903
- };
904
- onAfterHide: {
905
- type: PropType<(() => void) | undefined>;
906
- validator: () => boolean;
907
- default: undefined;
908
- };
909
- onHide: {
910
- type: PropType<((value: false) => void) | undefined>;
911
- validator: () => boolean;
876
+ dialog: BooleanConstructor;
877
+ appear: {
878
+ type: PropType<boolean | undefined>;
912
879
  default: undefined;
913
880
  };
881
+ overlayStyle: PropType<string | CSSProperties>;
882
+ onBeforeHide: PropType<() => void>;
883
+ onAfterHide: PropType<() => void>;
884
+ onHide: PropType<(value: false) => void>;
914
885
  icon: PropType<() => import("vue").VNodeChild>;
915
886
  type: {
916
887
  readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
@@ -935,6 +906,7 @@ declare const _default: import("vue").DefineComponent<{
935
906
  contentStyle: PropType<string | CSSProperties>;
936
907
  headerStyle: PropType<string | CSSProperties>;
937
908
  footerStyle: PropType<string | CSSProperties>;
909
+ embedded: BooleanConstructor;
938
910
  segmented: {
939
911
  readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
940
912
  readonly default: false;
@@ -1198,6 +1170,7 @@ declare const _default: import("vue").DefineComponent<{
1198
1170
  colorModal: string;
1199
1171
  colorPopover: string;
1200
1172
  colorTarget: string;
1173
+ colorEmbedded: string;
1201
1174
  textColor: string;
1202
1175
  titleTextColor: string;
1203
1176
  borderColor: string;
@@ -1462,6 +1435,7 @@ declare const _default: import("vue").DefineComponent<{
1462
1435
  colorModal: string;
1463
1436
  colorPopover: string;
1464
1437
  colorTarget: string;
1438
+ colorEmbedded: string;
1465
1439
  textColor: string;
1466
1440
  titleTextColor: string;
1467
1441
  borderColor: string;
@@ -1726,6 +1700,7 @@ declare const _default: import("vue").DefineComponent<{
1726
1700
  colorModal: string;
1727
1701
  colorPopover: string;
1728
1702
  colorTarget: string;
1703
+ colorEmbedded: string;
1729
1704
  textColor: string;
1730
1705
  titleTextColor: string;
1731
1706
  borderColor: string;
@@ -2009,6 +1984,7 @@ declare const _default: import("vue").DefineComponent<{
2009
1984
  colorModal: string;
2010
1985
  colorPopover: string;
2011
1986
  colorTarget: string;
1987
+ colorEmbedded: string;
2012
1988
  textColor: string;
2013
1989
  titleTextColor: string;
2014
1990
  borderColor: string;
@@ -2273,6 +2249,7 @@ declare const _default: import("vue").DefineComponent<{
2273
2249
  colorModal: string;
2274
2250
  colorPopover: string;
2275
2251
  colorTarget: string;
2252
+ colorEmbedded: string;
2276
2253
  textColor: string;
2277
2254
  titleTextColor: string;
2278
2255
  borderColor: string;
@@ -2537,6 +2514,7 @@ declare const _default: import("vue").DefineComponent<{
2537
2514
  colorModal: string;
2538
2515
  colorPopover: string;
2539
2516
  colorTarget: string;
2517
+ colorEmbedded: string;
2540
2518
  textColor: string;
2541
2519
  titleTextColor: string;
2542
2520
  borderColor: string;
@@ -2577,6 +2555,7 @@ declare const _default: import("vue").DefineComponent<{
2577
2555
  hoverable: boolean;
2578
2556
  headerStyle: string | CSSProperties | undefined;
2579
2557
  footerStyle: string | CSSProperties | undefined;
2558
+ embedded: boolean;
2580
2559
  segmented: boolean | import("../../card/src/Card").Segmented;
2581
2560
  negativeText: string | undefined;
2582
2561
  positiveText: string | undefined;
@@ -2588,7 +2567,7 @@ declare const _default: import("vue").DefineComponent<{
2588
2567
  onBeforeHide: (() => void) | undefined;
2589
2568
  unstableShowMask: boolean;
2590
2569
  maskClosable: boolean;
2591
- }>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
2570
+ }>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
2592
2571
  handleAfterLeave: () => void;
2593
2572
  handleClickoutside: (e: MouseEvent) => void;
2594
2573
  handleBeforeLeave: () => void;
@@ -2605,14 +2584,14 @@ declare const _default: import("vue").DefineComponent<{
2605
2584
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
2606
2585
  'onUpdate:show'?: unknown;
2607
2586
  onUpdateShow?: unknown;
2608
- dialog?: unknown;
2609
- appear?: unknown;
2610
2587
  onBeforeLeave?: unknown;
2611
2588
  onAfterLeave?: unknown;
2612
2589
  onClose?: unknown;
2613
2590
  onPositiveClick?: unknown;
2614
2591
  onNegativeClick?: unknown;
2615
2592
  onMaskClick?: unknown;
2593
+ dialog?: unknown;
2594
+ appear?: unknown;
2616
2595
  overlayStyle?: unknown;
2617
2596
  onBeforeHide?: unknown;
2618
2597
  onAfterHide?: unknown;
@@ -2632,6 +2611,7 @@ declare const _default: import("vue").DefineComponent<{
2632
2611
  contentStyle?: unknown;
2633
2612
  headerStyle?: unknown;
2634
2613
  footerStyle?: unknown;
2614
+ embedded?: unknown;
2635
2615
  segmented?: unknown;
2636
2616
  size?: unknown;
2637
2617
  hoverable?: unknown;
@@ -2655,6 +2635,7 @@ declare const _default: import("vue").DefineComponent<{
2655
2635
  displayDirective: "show" | "if";
2656
2636
  showIcon: boolean;
2657
2637
  hoverable: boolean;
2638
+ embedded: boolean;
2658
2639
  segmented: boolean | import("../../card/src/Card").Segmented;
2659
2640
  unstableShowMask: boolean;
2660
2641
  maskClosable: boolean;
@@ -2906,6 +2887,7 @@ declare const _default: import("vue").DefineComponent<{
2906
2887
  colorModal: string;
2907
2888
  colorPopover: string;
2908
2889
  colorTarget: string;
2890
+ colorEmbedded: string;
2909
2891
  textColor: string;
2910
2892
  titleTextColor: string;
2911
2893
  borderColor: string;
@@ -3170,6 +3152,7 @@ declare const _default: import("vue").DefineComponent<{
3170
3152
  colorModal: string;
3171
3153
  colorPopover: string;
3172
3154
  colorTarget: string;
3155
+ colorEmbedded: string;
3173
3156
  textColor: string;
3174
3157
  titleTextColor: string;
3175
3158
  borderColor: string;
@@ -3434,6 +3417,7 @@ declare const _default: import("vue").DefineComponent<{
3434
3417
  colorModal: string;
3435
3418
  colorPopover: string;
3436
3419
  colorTarget: string;
3420
+ colorEmbedded: string;
3437
3421
  textColor: string;
3438
3422
  titleTextColor: string;
3439
3423
  borderColor: string;
@@ -3486,13 +3470,10 @@ declare const _default: import("vue").DefineComponent<{
3486
3470
  loading: boolean;
3487
3471
  closable: boolean;
3488
3472
  displayDirective: "show" | "if";
3489
- onHide: ((value: false) => void) | undefined;
3490
3473
  showIcon: boolean;
3491
- onAfterHide: (() => void) | undefined;
3492
3474
  hoverable: boolean;
3475
+ embedded: boolean;
3493
3476
  segmented: boolean | import("../../card/src/Card").Segmented;
3494
- overlayStyle: string | CSSProperties | undefined;
3495
- onBeforeHide: (() => void) | undefined;
3496
3477
  unstableShowMask: boolean;
3497
3478
  maskClosable: boolean;
3498
3479
  }>;
@@ -23,54 +23,33 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _
23
23
  default: 'if'
24
24
  } }), presetProps_1.presetProps), {
25
25
  // events
26
- 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array],
26
+ 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function,
27
27
  // private
28
28
  dialog: Boolean, appear: {
29
29
  type: Boolean,
30
30
  default: undefined
31
- }, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function,
31
+ },
32
32
  // deprecated
33
- overlayStyle: {
34
- type: [String, Object],
35
- validator: () => {
36
- if (process.env.NODE_ENV !== 'production') {
37
- (0, _utils_1.warn)('modal', '`overlay-style` is deprecated, please use `style` instead.');
38
- }
39
- return true;
40
- },
41
- default: undefined
42
- }, onBeforeHide: {
43
- type: Function,
44
- validator: () => {
45
- if (process.env.NODE_ENV !== 'production') {
46
- (0, _utils_1.warn)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
47
- }
48
- return true;
49
- },
50
- default: undefined
51
- }, onAfterHide: {
52
- type: Function,
53
- validator: () => {
54
- if (process.env.NODE_ENV !== 'production') {
55
- (0, _utils_1.warn)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
56
- }
57
- return true;
58
- },
59
- default: undefined
60
- }, onHide: {
61
- type: Function,
62
- validator: () => {
63
- if (process.env.NODE_ENV !== 'production')
64
- (0, _utils_1.warn)('modal', '`on-hide` is deprecated.');
65
- return true;
66
- },
67
- default: undefined
68
- } });
33
+ overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function });
69
34
  exports.default = (0, vue_1.defineComponent)({
70
35
  name: 'Modal',
71
36
  inheritAttrs: false,
72
37
  props: modalProps,
73
38
  setup(props) {
39
+ if (process.env.NODE_ENV !== 'production') {
40
+ if (props.onHide) {
41
+ (0, _utils_1.warnOnce)('modal', '`on-hide` is deprecated.');
42
+ }
43
+ if (props.onAfterHide) {
44
+ (0, _utils_1.warnOnce)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
45
+ }
46
+ if (props.onBeforeHide) {
47
+ (0, _utils_1.warnOnce)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
48
+ }
49
+ if (props.overlayStyle) {
50
+ (0, _utils_1.warnOnce)('modal', '`overlay-style` is deprecated, please use `style` instead.');
51
+ }
52
+ }
74
53
  const containerRef = (0, vue_1.ref)(null);
75
54
  const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
76
55
  const themeRef = (0, _mixins_1.useTheme)('Modal', 'Modal', index_cssr_1.default, styles_1.modalLight, props, mergedClsPrefixRef);
@@ -26,6 +26,7 @@ declare const presetProps: {
26
26
  contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
27
27
  headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
28
28
  footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
29
+ embedded: BooleanConstructor;
29
30
  segmented: {
30
31
  readonly type: import("vue").PropType<boolean | import("../../card/src/Card").Segmented>;
31
32
  readonly default: false;
@@ -36,5 +37,5 @@ declare const presetProps: {
36
37
  };
37
38
  hoverable: BooleanConstructor;
38
39
  };
39
- declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
40
+ declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
40
41
  export { presetProps, presetPropsKeys };
@@ -244,6 +244,7 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
244
244
  colorModal: string;
245
245
  colorPopover: string;
246
246
  colorTarget: string;
247
+ colorEmbedded: string;
247
248
  textColor: string;
248
249
  titleTextColor: string;
249
250
  borderColor: string;
@@ -19,7 +19,7 @@ export declare const notificationProps: {
19
19
  readonly required: true;
20
20
  };
21
21
  };
22
- export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "onClose" | "closable" | "avatar")[];
22
+ export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "onClose" | "closable")[];
23
23
  declare const _default: import("vue").DefineComponent<{
24
24
  readonly closable: {
25
25
  readonly type: BooleanConstructor;
@@ -100,10 +100,10 @@ declare const _default: import("vue").DefineComponent<{
100
100
  onAfterLeave?: (() => void) | undefined;
101
101
  title?: string | (() => import("vue").VNodeChild) | undefined;
102
102
  action?: string | (() => import("vue").VNodeChild) | undefined;
103
+ avatar?: (() => import("vue").VNodeChild) | undefined;
103
104
  onClose?: (() => any) | undefined;
104
105
  onHide?: (() => void) | undefined;
105
106
  onAfterHide?: (() => void) | undefined;
106
- avatar?: (() => import("vue").VNodeChild) | undefined;
107
107
  onAfterShow?: (() => void) | undefined;
108
108
  }>, {
109
109
  type: "default" | "error" | "info" | "success" | "warning";
@@ -228,22 +228,22 @@ declare const _default: import("vue").DefineComponent<{
228
228
  readonly destroy: () => void;
229
229
  readonly hide: () => void;
230
230
  readonly deactivate: () => void;
231
- duration?: Mutable<number | undefined>;
232
- onClose?: {} | undefined;
233
- onLeave?: {} | undefined;
234
- onAfterEnter?: {} | undefined;
235
- onAfterLeave?: {} | undefined;
236
- onHide?: {} | undefined;
237
- onAfterShow?: {} | undefined;
238
- onAfterHide?: {} | undefined;
239
- closable?: Mutable<boolean | undefined>;
240
- type?: Mutable<"default" | "error" | "info" | "success" | "warning" | undefined>;
241
- avatar?: {} | undefined;
242
- title?: string | {} | undefined;
243
- description?: string | {} | undefined;
244
- content?: string | {} | undefined;
245
- meta?: string | {} | undefined;
246
- action?: string | {} | undefined;
231
+ duration?: number | undefined;
232
+ onClose?: (() => any) | undefined;
233
+ onLeave?: (() => void) | undefined;
234
+ onAfterEnter?: (() => void) | undefined;
235
+ onAfterLeave?: (() => void) | undefined;
236
+ onHide?: (() => void) | undefined;
237
+ onAfterShow?: (() => void) | undefined;
238
+ onAfterHide?: (() => void) | undefined;
239
+ closable?: boolean | undefined;
240
+ type?: "default" | "error" | "info" | "success" | "warning" | undefined;
241
+ avatar?: (() => import("vue").VNodeChild) | undefined;
242
+ title?: string | (() => import("vue").VNodeChild) | undefined;
243
+ description?: string | (() => import("vue").VNodeChild) | undefined;
244
+ content?: string | (() => import("vue").VNodeChild) | undefined;
245
+ meta?: string | (() => import("vue").VNodeChild) | undefined;
246
+ action?: string | (() => import("vue").VNodeChild) | undefined;
247
247
  }[]>;
248
248
  notificationRefs: Record<string, NotificationRef>;
249
249
  handleAfterLeave: (key: string) => void;
@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
79
79
  backSize: string;
80
80
  }, unknown>>>;
81
81
  }, {
82
+ rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
82
83
  mergedClsPrefix: import("vue").ComputedRef<string>;
83
84
  cssVars: import("vue").ComputedRef<{
84
85
  '--title-text-color': string;
@@ -7,14 +7,17 @@ const light_1 = require("../styles/light");
7
7
  const index_cssr_1 = require("./styles/index.cssr");
8
8
  const icons_1 = require("../../_internal/icons");
9
9
  const _internal_1 = require("../../_internal");
10
+ const use_rtl_1 = require("../../_mixins/use-rtl");
10
11
  const pageHeaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
11
12
  exports.default = (0, vue_1.defineComponent)({
12
13
  name: 'PageHeader',
13
14
  props: pageHeaderProps,
14
15
  setup(props) {
15
- const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
16
+ const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
16
17
  const themeRef = (0, _mixins_1.useTheme)('PageHeader', 'PageHeader', index_cssr_1.default, light_1.pageHeaderLight, props, mergedClsPrefixRef);
18
+ const rtlEnabledRef = (0, use_rtl_1.default)('PageHeader', NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef, mergedClsPrefixRef);
17
19
  return {
20
+ rtlEnabled: rtlEnabledRef,
18
21
  mergedClsPrefix: mergedClsPrefixRef,
19
22
  cssVars: (0, vue_1.computed)(() => {
20
23
  const { self: { titleTextColor, subtitleTextColor, backColor, fontSize, titleFontSize, backSize, titleFontWeight, backColorHover, backColorPressed }, common: { cubicBezierEaseInOut } } = themeRef.value;
@@ -40,7 +43,10 @@ exports.default = (0, vue_1.defineComponent)({
40
43
  const showTitle = title || titleSlot;
41
44
  const showSubtitle = subtitle || subtitleSlot;
42
45
  const showExtra = extra || extraSlot;
43
- return ((0, vue_1.h)("div", { style: cssVars },
46
+ return ((0, vue_1.h)("div", { style: cssVars, class: [
47
+ `${mergedClsPrefix}-page-header-wrapper`,
48
+ this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
49
+ ] },
44
50
  headerSlot ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumn" }, headerSlot())) : null,
45
51
  (0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
46
52
  (0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },
@@ -0,0 +1,2 @@
1
+ declare const _default: import("css-render").CNode;
2
+ export default _default;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ const cssr_1 = require("../../../_utils/cssr");
8
+
9
+ exports.default = (0, cssr_1.cB)('page-header-wrapper', [(0, cssr_1.cM)('rtl', [(0, cssr_1.cB)('page-header-header', `
10
+ direction: rtl;
11
+ `), (0, cssr_1.cB)('page-header', `
12
+ direction: rtl;
13
+ `, [(0, cssr_1.cE)('back', `
14
+ margin-right: 0;
15
+ margin-left: 16px;
16
+ `), (0, cssr_1.cE)('avatar', `
17
+ margin-right: 0;
18
+ margin-left: 12px;
19
+ `), (0, cssr_1.cE)('title', `
20
+ margin-right: 0;
21
+ margin-left: 16px;
22
+ `)]), (0, cssr_1.cB)('page-header-content', `
23
+ direction: rtl;
24
+ `), (0, cssr_1.cB)('page-header-footer', `
25
+ direction: rtl;
26
+ `)])]);
@@ -1,3 +1,4 @@
1
1
  export { pageHeaderLight } from './light';
2
2
  export type { PageHeaderTheme, PageHeaderThemeVars } from './light';
3
3
  export { pageHeaderDark } from './dark';
4
+ export { default as pageHeaderRtl } from './rtl';
@@ -1,7 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.pageHeaderDark = exports.pageHeaderLight = void 0;
3
+ exports.pageHeaderRtl = exports.pageHeaderDark = exports.pageHeaderLight = void 0;
4
4
  var light_1 = require("./light");
5
5
  Object.defineProperty(exports, "pageHeaderLight", { enumerable: true, get: function () { return light_1.pageHeaderLight; } });
6
6
  var dark_1 = require("./dark");
7
7
  Object.defineProperty(exports, "pageHeaderDark", { enumerable: true, get: function () { return dark_1.pageHeaderDark; } });
8
+ var rtl_1 = require("./rtl");
9
+ Object.defineProperty(exports, "pageHeaderRtl", { enumerable: true, get: function () { return rtl_1.default; } });
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ name: string;
3
+ style: import("css-render").CNode;
4
+ };
5
+ export default _default;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const rtl_cssr_1 = require("../src/styles/rtl.cssr");
4
+ exports.default = {
5
+ name: 'PageHeader',
6
+ style: rtl_cssr_1.default
7
+ };