tntd 2.8.38 → 2.8.39

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 (556) hide show
  1. package/es/_util/context.js +1 -1
  2. package/es/_util/defaultRenderEmpty.js +1 -1
  3. package/es/_util/hooks/useFlexGapSupport.js +4 -4
  4. package/es/_util/hooks/useForceUpdate.js +4 -4
  5. package/es/_util/hooks/useScrollLock.js +64 -0
  6. package/es/_util/hooks/useScrollLock.js.map +1 -0
  7. package/es/_util/responsiveObserve.js +1 -1
  8. package/es/_util/styleChecker.js +1 -1
  9. package/es/actions/index.js +1 -1
  10. package/es/alert/alert.js +93 -0
  11. package/es/alert/alert.js.map +1 -0
  12. package/es/anchor/anchor.js +96 -0
  13. package/es/anchor/anchor.js.map +1 -0
  14. package/es/array-input/icon.js +32 -0
  15. package/es/array-input/icon.js.map +1 -0
  16. package/es/array-input/index.js +9 -9
  17. package/es/cascader/cascader.js +49 -0
  18. package/es/cascader/cascader.js.map +1 -0
  19. package/es/check-card/group.js +8 -8
  20. package/es/check-card/index.js +6 -6
  21. package/es/checkbox/checkbox-group.js +1 -1
  22. package/es/checkbox/checkbox.js +65 -0
  23. package/es/checkbox/checkbox.js.map +1 -0
  24. package/es/color-picker/ColorPicker.js +6 -6
  25. package/es/color-picker/index.js +1 -1
  26. package/es/columns/index.js +1 -1
  27. package/es/config-provider/config-provider.js +1 -1
  28. package/es/date-picker/DatePicker.js +128 -0
  29. package/es/date-picker/DatePicker.js.map +1 -0
  30. package/es/descriptions/descriptions.js +5 -5
  31. package/es/development-login/LoginModal.js +6 -6
  32. package/es/development-login/index.js +4 -4
  33. package/es/drawer/drawer.js +2 -2
  34. package/es/ellipsis/Svg/CopySVG.js +1 -1
  35. package/es/ellipsis/Svg/TickSVG.js +1 -1
  36. package/es/ellipsis/index.js +16 -6
  37. package/es/ellipsis/index.js.map +1 -1
  38. package/es/empty/empty.js +2 -2
  39. package/es/empty/empty.stories.js +2 -2
  40. package/es/exception/exception.js +1 -1
  41. package/es/form/form.js +2 -2
  42. package/es/grid-v4/col.js +2 -2
  43. package/es/grid-v4/hooks/useBreakpoint.js +1 -1
  44. package/es/grid-v4/index.js +1 -1
  45. package/es/grid-v4/row.js +6 -6
  46. package/es/handle/index.js +1 -1
  47. package/es/handle-icon/index.js +11 -11
  48. package/es/icon/IconFont.js +1 -1
  49. package/es/icon/components/Icon.js +9 -9
  50. package/es/icon/components/index.js +1 -1
  51. package/es/icon/components/utils.js +3 -3
  52. package/es/icon/index.js +7 -7
  53. package/es/icon/twoTonePrimaryColor.js +1 -1
  54. package/es/icon/utils.js +1 -1
  55. package/es/img/Contain.js +1 -1
  56. package/es/img/Cover.js +5 -5
  57. package/es/img/index.js +5 -5
  58. package/es/index.js +1 -1
  59. package/es/input/input.js +2 -2
  60. package/es/input-number/index.js +1 -1
  61. package/es/input-number/inputNumber.js +54 -0
  62. package/es/input-number/inputNumber.js.map +1 -0
  63. package/es/label/index.js +2 -2
  64. package/es/loading-button/index.js +5 -5
  65. package/es/locale/default.js +1 -1
  66. package/es/locale/en_US.js +1 -1
  67. package/es/locale/zh_CN.js +1 -1
  68. package/es/modal/modal.js +1 -1
  69. package/es/notification/assets/index.js +1 -1
  70. package/es/notification/index.js +1 -1
  71. package/es/notification/notification.js +1 -1
  72. package/es/page/Box.js +1 -1
  73. package/es/page/index.js +7 -7
  74. package/es/page-container/index.js +1 -1
  75. package/es/page-loading/index.js +1 -1
  76. package/es/page-loading/index.less +4 -4
  77. package/es/page-loading/loading.gif +0 -0
  78. package/es/page-loading/loading1.gif +0 -0
  79. package/es/popconfirm/popconfirm.js +61 -0
  80. package/es/popconfirm/popconfirm.js.map +1 -0
  81. package/es/popover/popover.js +55 -0
  82. package/es/popover/popover.js.map +1 -0
  83. package/es/preview-text/index.js +7 -7
  84. package/es/progress/progress.js +148 -0
  85. package/es/progress/progress.js.map +1 -0
  86. package/es/query-form/Field/Checkbox.js +1 -1
  87. package/es/query-form/Field/Composition/FieldPopover.js +464 -0
  88. package/es/query-form/Field/Composition/FieldPopover.js.map +1 -0
  89. package/es/query-form/Field/Composition/FieldPopover.less +35 -0
  90. package/es/query-form/Field/Composition/Select.js +260 -0
  91. package/es/query-form/Field/Composition/Select.js.map +1 -0
  92. package/es/query-form/Field/Composition/SelectInput.js +112 -0
  93. package/es/query-form/Field/Composition/SelectInput.js.map +1 -0
  94. package/es/query-form/Field/Composition/ValueTag.js +240 -0
  95. package/es/query-form/Field/Composition/ValueTag.js.map +1 -0
  96. package/es/query-form/Field/Composition/index.js +448 -0
  97. package/es/query-form/Field/Composition/index.js.map +1 -0
  98. package/es/query-form/Field/Composition/index.less +145 -0
  99. package/es/query-form/Field/Composition/utils.js +173 -0
  100. package/es/query-form/Field/Composition/utils.js.map +1 -0
  101. package/es/query-form/Field/Select.js +6 -6
  102. package/es/query-form/Field/SelectInput.js +6 -6
  103. package/es/query-form/Field/fieldsMap.js +1 -1
  104. package/es/query-form/Field/index.js +10 -10
  105. package/es/query-form/createActions.js +1 -1
  106. package/es/query-form/index.js +10 -10
  107. package/es/query-form/useForm.js +1 -1
  108. package/es/query-form-v2/index.less +133 -0
  109. package/es/query-list-scene/List.js +13 -13
  110. package/es/query-list-scene/QueryForm.js +10 -10
  111. package/es/query-list-scene/QueryListScene.js +10 -10
  112. package/es/query-list-scene/Title.js +1 -1
  113. package/es/query-list-scene/Toolbar.js +2 -2
  114. package/es/query-list-scene/createActions.js +1 -1
  115. package/es/query-list-scene/index.js +1 -1
  116. package/es/query-list-scene/useActions.js +1 -1
  117. package/es/radio/index.js +1 -1
  118. package/es/radio/radio-group.js +1 -1
  119. package/es/radio/radio.js +75 -0
  120. package/es/radio/radio.js.map +1 -0
  121. package/es/render-empty/render-empty.js +1 -1
  122. package/es/scroll-bar/Bar.js +169 -0
  123. package/es/scroll-bar/Bar.js.map +1 -0
  124. package/es/scroll-bar/Context.js +17 -0
  125. package/es/scroll-bar/Context.js.map +1 -0
  126. package/es/scroll-bar/ScrollBar.js +132 -0
  127. package/es/scroll-bar/ScrollBar.js.map +1 -0
  128. package/es/scroll-bar/Thumb.js +203 -0
  129. package/es/scroll-bar/Thumb.js.map +1 -0
  130. package/es/scroll-bar/index.js +14 -0
  131. package/es/scroll-bar/index.js.map +1 -0
  132. package/es/scroll-bar/scrollBar.less +59 -0
  133. package/es/scroll-bar/util.js +72 -0
  134. package/es/scroll-bar/util.js.map +1 -0
  135. package/es/segmented/index.js +2 -2
  136. package/es/select/select.js +2 -2
  137. package/es/spin/spin.js +44 -0
  138. package/es/spin/spin.js.map +1 -0
  139. package/es/steps/steps.js +2 -2
  140. package/es/svg-components/index.js +1 -1
  141. package/es/switch/switch.js +1 -1
  142. package/es/table/hooks/use-column-setting.js +4 -4
  143. package/es/table/hooks/use-expand-fixed.js +6 -6
  144. package/es/table/resizableTable/index.js +6 -6
  145. package/es/table/table-hoc.js +1 -1
  146. package/es/table/table.js +9 -9
  147. package/es/table/table.stories.js +2 -2
  148. package/es/table/total-shower.js +1 -1
  149. package/es/table/utils.js +1 -1
  150. package/es/table-container/index.js +1 -1
  151. package/es/tabs-container/index.js +1 -1
  152. package/es/tag/tag.js +2 -2
  153. package/es/time-picker/TimePicker.js +55 -0
  154. package/es/time-picker/TimePicker.js.map +1 -0
  155. package/es/title/index.js +1 -1
  156. package/es/tntd-action/Action.js +141 -0
  157. package/es/tntd-action/Action.js.map +1 -0
  158. package/es/tntd-cascader/AntdCascader/component/context.js +1 -1
  159. package/es/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +1 -1
  160. package/es/tntd-cascader/AntdCascader/component/getIcons.js +1 -1
  161. package/es/tntd-cascader/AntdCascader/component/useCompactItemContext.js +2 -2
  162. package/es/tntd-cascader/AntdCascader/config/utils.js +2 -2
  163. package/es/tntd-cascader/AntdCascader/index.js +7 -7
  164. package/es/tntd-cascader/index.js +1 -1
  165. package/es/tntd-cascader/rc-cascader/Cascader.js +8 -8
  166. package/es/tntd-cascader/rc-cascader/OptionList/Checkbox.js +2 -2
  167. package/es/tntd-cascader/rc-cascader/OptionList/Column.js +7 -7
  168. package/es/tntd-cascader/rc-cascader/OptionList/index.js +9 -9
  169. package/es/tntd-cascader/rc-cascader/OptionList/useActive.js +5 -5
  170. package/es/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +8 -8
  171. package/es/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +5 -5
  172. package/es/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +1 -1
  173. package/es/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +6 -6
  174. package/es/tntd-cascader/rc-cascader/index.js +1 -1
  175. package/es/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +4 -4
  176. package/es/tntd-form/ErrorList.js +7 -7
  177. package/es/tntd-form/Form.js +6 -6
  178. package/es/tntd-form/FormItem/ItemHolder.js +6 -6
  179. package/es/tntd-form/FormItem/index.js +8 -8
  180. package/es/tntd-form/FormItemInput.js +1 -1
  181. package/es/tntd-form/FormItemLabel.js +2 -2
  182. package/es/tntd-form/FormList.js +1 -1
  183. package/es/tntd-form/context.js +1 -1
  184. package/es/tntd-form/hooks/useDebounce.js +4 -4
  185. package/es/tntd-form/hooks/useForm.js +5 -5
  186. package/es/tntd-form/hooks/useFormItemStatus.js +1 -1
  187. package/es/tntd-form/hooks/useFrameState.js +5 -5
  188. package/es/tntd-form/index.js +1 -1
  189. package/es/tntd-icon/index.js +1 -1
  190. package/es/tntd-layout/AppList.js +6 -6
  191. package/es/tntd-layout/Application.js +6 -6
  192. package/es/tntd-layout/Avatar.js +2 -2
  193. package/es/tntd-layout/CompatibleLanguage.js +6 -6
  194. package/es/tntd-layout/EnterpriseLayout/Avatar.js +2 -2
  195. package/es/tntd-layout/EnterpriseLayout/Language.js +6 -6
  196. package/es/tntd-layout/EnterpriseLayout/Theme.js +6 -6
  197. package/es/tntd-layout/EnterpriseLayout/index.js +1 -1
  198. package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +6 -6
  199. package/es/tntd-layout/GlobalNavigation/index.js +9 -9
  200. package/es/tntd-layout/Header.js +2 -2
  201. package/es/tntd-layout/HeaderActions.js +2 -2
  202. package/es/tntd-layout/HeaderNavs.js +6 -6
  203. package/es/tntd-layout/HeaderTabs.js +7 -7
  204. package/es/tntd-layout/Iconfont.js +1 -1
  205. package/es/tntd-layout/Language.js +6 -6
  206. package/es/tntd-layout/Layout.js +6 -6
  207. package/es/tntd-layout/Logo.js +2 -2
  208. package/es/tntd-layout/OrgAppList.js +6 -6
  209. package/es/tntd-layout/SideMenu.js +6 -6
  210. package/es/tntd-layout/Theme.js +6 -6
  211. package/es/tntd-layout/createActions.js +1 -1
  212. package/es/tntd-layout/images/index.js +1 -1
  213. package/es/tntd-layout/index.js +1 -1
  214. package/es/tntd-layout/paaslayout/CompactSideMenu.js +6 -6
  215. package/es/tntd-layout/paaslayout/Header.js +2 -2
  216. package/es/tntd-layout/paaslayout/Logo.js +2 -2
  217. package/es/tntd-layout/paaslayout/SideMenu.js +6 -6
  218. package/es/tntd-layout/paaslayout/index.js +6 -6
  219. package/es/tntd-layout/storage.js +1 -1
  220. package/es/tntd-modal/index.js +6 -6
  221. package/es/tntd-rc-select/_util/PurePanel.js +5 -5
  222. package/es/tntd-rc-select/_util/context.js +1 -1
  223. package/es/tntd-rc-select/_util/defaultRenderEmpty.js +1 -1
  224. package/es/tntd-rc-select/_util/getIcons.js +1 -1
  225. package/es/tntd-rc-select/_util/useCompactItemContext.js +2 -2
  226. package/es/tntd-rc-select/index.js +2 -2
  227. package/es/tntd-rc-select/style/index.less +20 -2
  228. package/es/tntd-reference/AHref/index.js +1 -1
  229. package/es/tntd-reference/ReferenceBatchCheck/index.js +1 -1
  230. package/es/tntd-reference/ReferenceBatchDrawer/index.js +5 -5
  231. package/es/tntd-reference/ReferenceCheck/index.js +1 -1
  232. package/es/tntd-reference/ReferenceDrawer/index.js +5 -5
  233. package/es/tntd-reference/ReferenceInfo/index.js +1 -1
  234. package/es/tntd-reference/index.js +1 -1
  235. package/es/tntd-second-page/index.js +1 -1
  236. package/es/tntd-select/DropDownWrap.js +8 -8
  237. package/es/tntd-select/index.js +10 -9
  238. package/es/tntd-virtual-tree/index.js +8 -8
  239. package/es/tntd-virtual-tree/utils.js +28 -28
  240. package/es/tntd-virtual-tree-select/index.js +10 -10
  241. package/es/tntd-virtual-tree-select/utils.js +9 -9
  242. package/es/tooltip/tooltip.js +19 -5
  243. package/es/tooltip/tooltip.js.map +1 -1
  244. package/es/upload/index.js +6 -6
  245. package/es/upload/svg/UploadSVG.js +1 -1
  246. package/es/utils/checkAuth.js +4 -4
  247. package/es/utils/index.js +9 -9
  248. package/es/utils/lang.js +1 -1
  249. package/es/water-mark/index.js +5 -5
  250. package/lib/_util/context.js +3 -3
  251. package/lib/_util/defaultRenderEmpty.js +3 -3
  252. package/lib/_util/hooks/useFlexGapSupport.js +14 -15
  253. package/lib/_util/hooks/useForceUpdate.js +14 -15
  254. package/lib/_util/hooks/useScrollLock.d.ts +9 -0
  255. package/lib/_util/hooks/useScrollLock.d.ts.map +1 -0
  256. package/lib/_util/hooks/useScrollLock.js +106 -0
  257. package/lib/_util/hooks/useScrollLock.js.map +1 -0
  258. package/lib/_util/responsiveObserve.js +7 -13
  259. package/lib/_util/styleChecker.js +3 -3
  260. package/lib/actions/index.js +3 -3
  261. package/lib/alert/alert.d.ts +12 -0
  262. package/lib/alert/alert.d.ts.map +1 -0
  263. package/lib/alert/alert.js +147 -0
  264. package/lib/alert/alert.js.map +1 -0
  265. package/lib/anchor/anchor.d.ts +15 -0
  266. package/lib/anchor/anchor.d.ts.map +1 -0
  267. package/lib/anchor/anchor.js +131 -0
  268. package/lib/anchor/anchor.js.map +1 -0
  269. package/lib/array-input/icon.d.ts +4 -0
  270. package/lib/array-input/icon.d.ts.map +1 -0
  271. package/lib/array-input/icon.js +36 -0
  272. package/lib/array-input/icon.js.map +1 -0
  273. package/lib/array-input/index.js +30 -37
  274. package/lib/cascader/cascader.d.ts +10 -0
  275. package/lib/cascader/cascader.d.ts.map +1 -0
  276. package/lib/cascader/cascader.js +84 -0
  277. package/lib/cascader/cascader.js.map +1 -0
  278. package/lib/check-card/group.js +23 -24
  279. package/lib/check-card/index.js +24 -31
  280. package/lib/checkbox/checkbox-group.js +3 -3
  281. package/lib/checkbox/checkbox.d.ts +16 -0
  282. package/lib/checkbox/checkbox.d.ts.map +1 -0
  283. package/lib/checkbox/checkbox.js +100 -0
  284. package/lib/checkbox/checkbox.js.map +1 -0
  285. package/lib/color-picker/ColorPicker.js +24 -31
  286. package/lib/color-picker/index.js +3 -3
  287. package/lib/columns/index.js +3 -3
  288. package/lib/config-provider/config-provider.js +3 -3
  289. package/lib/date-picker/DatePicker.d.ts +21 -0
  290. package/lib/date-picker/DatePicker.d.ts.map +1 -0
  291. package/lib/date-picker/DatePicker.js +163 -0
  292. package/lib/date-picker/DatePicker.js.map +1 -0
  293. package/lib/descriptions/descriptions.js +13 -19
  294. package/lib/development-login/LoginModal.js +24 -31
  295. package/lib/development-login/index.js +14 -15
  296. package/lib/drawer/drawer.js +10 -16
  297. package/lib/ellipsis/Svg/CopySVG.js +3 -3
  298. package/lib/ellipsis/Svg/TickSVG.js +3 -3
  299. package/lib/ellipsis/index.d.ts.map +1 -1
  300. package/lib/ellipsis/index.js +28 -19
  301. package/lib/ellipsis/index.js.map +1 -1
  302. package/lib/empty/empty.js +10 -16
  303. package/lib/empty/empty.stories.js +6 -9
  304. package/lib/exception/exception.js +3 -3
  305. package/lib/form/form.js +10 -16
  306. package/lib/grid-v4/col.js +10 -16
  307. package/lib/grid-v4/hooks/useBreakpoint.js +3 -3
  308. package/lib/grid-v4/index.js +3 -3
  309. package/lib/grid-v4/row.js +24 -31
  310. package/lib/handle/index.js +3 -3
  311. package/lib/handle-icon/index.js +13 -13
  312. package/lib/icon/IconFont.js +3 -3
  313. package/lib/icon/components/Icon.js +44 -70
  314. package/lib/icon/components/index.js +3 -3
  315. package/lib/icon/components/utils.js +10 -18
  316. package/lib/icon/index.js +26 -33
  317. package/lib/icon/twoTonePrimaryColor.js +3 -3
  318. package/lib/icon/utils.js +3 -3
  319. package/lib/img/Contain.js +3 -3
  320. package/lib/img/Cover.js +17 -18
  321. package/lib/img/index.js +17 -18
  322. package/lib/index.js +3 -3
  323. package/lib/input/input.js +10 -16
  324. package/lib/input-number/index.js +3 -3
  325. package/lib/input-number/inputNumber.d.ts +10 -0
  326. package/lib/input-number/inputNumber.d.ts.map +1 -0
  327. package/lib/input-number/inputNumber.js +89 -0
  328. package/lib/input-number/inputNumber.js.map +1 -0
  329. package/lib/label/index.js +10 -16
  330. package/lib/loading-button/index.js +17 -18
  331. package/lib/locale/default.js +3 -3
  332. package/lib/locale/en_US.js +3 -3
  333. package/lib/locale/zh_CN.js +3 -3
  334. package/lib/modal/modal.js +3 -3
  335. package/lib/notification/assets/index.js +3 -3
  336. package/lib/notification/index.js +3 -3
  337. package/lib/notification/notification.js +3 -3
  338. package/lib/page/Box.js +3 -3
  339. package/lib/page/index.js +26 -33
  340. package/lib/page-container/index.js +3 -3
  341. package/lib/page-loading/index.js +3 -3
  342. package/lib/page-loading/index.less +4 -4
  343. package/lib/page-loading/loading.gif +0 -0
  344. package/lib/page-loading/loading1.gif +0 -0
  345. package/lib/popconfirm/popconfirm.d.ts +8 -0
  346. package/lib/popconfirm/popconfirm.d.ts.map +1 -0
  347. package/lib/popconfirm/popconfirm.js +96 -0
  348. package/lib/popconfirm/popconfirm.js.map +1 -0
  349. package/lib/popover/popover.d.ts +14 -0
  350. package/lib/popover/popover.d.ts.map +1 -0
  351. package/lib/popover/popover.js +90 -0
  352. package/lib/popover/popover.js.map +1 -0
  353. package/lib/preview-text/index.js +9 -9
  354. package/lib/progress/progress.d.ts +12 -0
  355. package/lib/progress/progress.d.ts.map +1 -0
  356. package/lib/progress/progress.js +179 -0
  357. package/lib/progress/progress.js.map +1 -0
  358. package/lib/query-form/Field/Checkbox.js +3 -3
  359. package/lib/query-form/Field/Composition/FieldPopover.d.ts +19 -0
  360. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +1 -0
  361. package/lib/query-form/Field/Composition/FieldPopover.js +464 -0
  362. package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -0
  363. package/lib/query-form/Field/Composition/FieldPopover.less +35 -0
  364. package/lib/query-form/Field/Composition/Select.d.ts +4 -0
  365. package/lib/query-form/Field/Composition/Select.d.ts.map +1 -0
  366. package/lib/query-form/Field/Composition/Select.js +260 -0
  367. package/lib/query-form/Field/Composition/Select.js.map +1 -0
  368. package/lib/query-form/Field/Composition/SelectInput.d.ts +3 -0
  369. package/lib/query-form/Field/Composition/SelectInput.d.ts.map +1 -0
  370. package/lib/query-form/Field/Composition/SelectInput.js +112 -0
  371. package/lib/query-form/Field/Composition/SelectInput.js.map +1 -0
  372. package/lib/query-form/Field/Composition/ValueTag.d.ts +13 -0
  373. package/lib/query-form/Field/Composition/ValueTag.d.ts.map +1 -0
  374. package/lib/query-form/Field/Composition/ValueTag.js +240 -0
  375. package/lib/query-form/Field/Composition/ValueTag.js.map +1 -0
  376. package/lib/query-form/Field/Composition/index.d.ts +15 -0
  377. package/lib/query-form/Field/Composition/index.d.ts.map +1 -0
  378. package/lib/query-form/Field/Composition/index.js +448 -0
  379. package/lib/query-form/Field/Composition/index.js.map +1 -0
  380. package/lib/query-form/Field/Composition/index.less +145 -0
  381. package/lib/query-form/Field/Composition/utils.d.ts +21 -0
  382. package/lib/query-form/Field/Composition/utils.d.ts.map +1 -0
  383. package/lib/query-form/Field/Composition/utils.js +173 -0
  384. package/lib/query-form/Field/Composition/utils.js.map +1 -0
  385. package/lib/query-form/Field/Select.js +24 -31
  386. package/lib/query-form/Field/SelectInput.js +24 -31
  387. package/lib/query-form/Field/fieldsMap.js +3 -3
  388. package/lib/query-form/Field/index.js +47 -73
  389. package/lib/query-form/createActions.js +3 -3
  390. package/lib/query-form/index.js +44 -70
  391. package/lib/query-form/useForm.js +3 -3
  392. package/lib/query-form-v2/index.less +133 -0
  393. package/lib/query-list-scene/List.js +41 -61
  394. package/lib/query-list-scene/QueryForm.js +44 -70
  395. package/lib/query-list-scene/QueryListScene.js +44 -70
  396. package/lib/query-list-scene/Title.js +3 -3
  397. package/lib/query-list-scene/Toolbar.js +10 -16
  398. package/lib/query-list-scene/createActions.js +3 -3
  399. package/lib/query-list-scene/index.js +3 -3
  400. package/lib/query-list-scene/useActions.js +3 -3
  401. package/lib/radio/index.js +3 -3
  402. package/lib/radio/radio-group.js +3 -3
  403. package/lib/radio/radio.d.ts +17 -0
  404. package/lib/radio/radio.d.ts.map +1 -0
  405. package/lib/radio/radio.js +110 -0
  406. package/lib/radio/radio.js.map +1 -0
  407. package/lib/render-empty/render-empty.js +3 -3
  408. package/lib/scroll-bar/Bar.d.ts +4 -0
  409. package/lib/scroll-bar/Bar.d.ts.map +1 -0
  410. package/lib/scroll-bar/Bar.js +169 -0
  411. package/lib/scroll-bar/Bar.js.map +1 -0
  412. package/lib/scroll-bar/Context.d.ts +7 -0
  413. package/lib/scroll-bar/Context.d.ts.map +1 -0
  414. package/lib/scroll-bar/Context.js +17 -0
  415. package/lib/scroll-bar/Context.js.map +1 -0
  416. package/lib/scroll-bar/ScrollBar.d.ts +4 -0
  417. package/lib/scroll-bar/ScrollBar.d.ts.map +1 -0
  418. package/lib/scroll-bar/ScrollBar.js +132 -0
  419. package/lib/scroll-bar/ScrollBar.js.map +1 -0
  420. package/lib/scroll-bar/Thumb.d.ts +3 -0
  421. package/lib/scroll-bar/Thumb.d.ts.map +1 -0
  422. package/lib/scroll-bar/Thumb.js +203 -0
  423. package/lib/scroll-bar/Thumb.js.map +1 -0
  424. package/lib/scroll-bar/index.d.ts +3 -0
  425. package/lib/scroll-bar/index.d.ts.map +1 -0
  426. package/lib/scroll-bar/index.js +14 -0
  427. package/lib/scroll-bar/index.js.map +1 -0
  428. package/lib/scroll-bar/scrollBar.less +59 -0
  429. package/lib/scroll-bar/util.d.ts +40 -0
  430. package/lib/scroll-bar/util.d.ts.map +1 -0
  431. package/lib/scroll-bar/util.js +72 -0
  432. package/lib/scroll-bar/util.js.map +1 -0
  433. package/lib/segmented/index.js +10 -16
  434. package/lib/select/select.js +10 -16
  435. package/lib/spin/spin.d.ts +9 -0
  436. package/lib/spin/spin.d.ts.map +1 -0
  437. package/lib/spin/spin.js +79 -0
  438. package/lib/spin/spin.js.map +1 -0
  439. package/lib/steps/steps.js +10 -16
  440. package/lib/svg-components/index.js +3 -3
  441. package/lib/switch/switch.js +3 -3
  442. package/lib/table/hooks/use-column-setting.js +14 -15
  443. package/lib/table/hooks/use-expand-fixed.js +30 -36
  444. package/lib/table/resizableTable/index.js +24 -31
  445. package/lib/table/table-hoc.js +3 -3
  446. package/lib/table/table.js +27 -34
  447. package/lib/table/table.stories.js +10 -16
  448. package/lib/table/total-shower.js +3 -3
  449. package/lib/table/utils.js +3 -3
  450. package/lib/table-container/index.js +3 -3
  451. package/lib/tabs-container/index.js +3 -3
  452. package/lib/tag/tag.js +10 -16
  453. package/lib/time-picker/TimePicker.d.ts +9 -0
  454. package/lib/time-picker/TimePicker.d.ts.map +1 -0
  455. package/lib/time-picker/TimePicker.js +90 -0
  456. package/lib/time-picker/TimePicker.js.map +1 -0
  457. package/lib/title/index.js +3 -3
  458. package/lib/tntd-action/Action.d.ts +6 -0
  459. package/lib/tntd-action/Action.d.ts.map +1 -0
  460. package/lib/tntd-action/Action.js +218 -0
  461. package/lib/tntd-action/Action.js.map +1 -0
  462. package/lib/tntd-cascader/AntdCascader/component/context.js +3 -3
  463. package/lib/tntd-cascader/AntdCascader/component/defaultRenderEmpty.js +3 -3
  464. package/lib/tntd-cascader/AntdCascader/component/getIcons.js +3 -3
  465. package/lib/tntd-cascader/AntdCascader/component/useCompactItemContext.js +10 -16
  466. package/lib/tntd-cascader/AntdCascader/config/utils.js +10 -16
  467. package/lib/tntd-cascader/AntdCascader/index.js +26 -33
  468. package/lib/tntd-cascader/index.js +3 -3
  469. package/lib/tntd-cascader/rc-cascader/Cascader.js +23 -24
  470. package/lib/tntd-cascader/rc-cascader/OptionList/Checkbox.js +10 -16
  471. package/lib/tntd-cascader/rc-cascader/OptionList/Column.js +26 -33
  472. package/lib/tntd-cascader/rc-cascader/OptionList/index.js +30 -37
  473. package/lib/tntd-cascader/rc-cascader/OptionList/useActive.js +17 -18
  474. package/lib/tntd-cascader/rc-cascader/OptionList/useKeyboard.js +23 -24
  475. package/lib/tntd-cascader/rc-cascader/hooks/useDisplayValues.js +16 -17
  476. package/lib/tntd-cascader/rc-cascader/hooks/useSearchConfig.js +3 -3
  477. package/lib/tntd-cascader/rc-cascader/hooks/useSearchOptions.js +23 -30
  478. package/lib/tntd-cascader/rc-cascader/index.js +3 -3
  479. package/lib/tntd-cascader/rc-cascader/utils/warningPropsUtil.js +6 -6
  480. package/lib/tntd-form/ErrorList.js +26 -33
  481. package/lib/tntd-form/Form.js +24 -31
  482. package/lib/tntd-form/FormItem/ItemHolder.js +24 -31
  483. package/lib/tntd-form/FormItem/index.js +23 -24
  484. package/lib/tntd-form/FormItemInput.js +3 -3
  485. package/lib/tntd-form/FormItemLabel.js +10 -16
  486. package/lib/tntd-form/FormList.js +3 -3
  487. package/lib/tntd-form/context.js +3 -3
  488. package/lib/tntd-form/hooks/useDebounce.js +14 -15
  489. package/lib/tntd-form/hooks/useForm.js +17 -18
  490. package/lib/tntd-form/hooks/useFormItemStatus.js +3 -3
  491. package/lib/tntd-form/hooks/useFrameState.js +17 -18
  492. package/lib/tntd-form/index.js +3 -3
  493. package/lib/tntd-icon/index.js +3 -3
  494. package/lib/tntd-layout/AppList.js +20 -24
  495. package/lib/tntd-layout/Application.js +20 -24
  496. package/lib/tntd-layout/Avatar.js +6 -9
  497. package/lib/tntd-layout/CompatibleLanguage.js +20 -24
  498. package/lib/tntd-layout/EnterpriseLayout/Avatar.js +6 -9
  499. package/lib/tntd-layout/EnterpriseLayout/Language.js +20 -24
  500. package/lib/tntd-layout/EnterpriseLayout/Theme.js +20 -24
  501. package/lib/tntd-layout/EnterpriseLayout/index.js +3 -3
  502. package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +20 -24
  503. package/lib/tntd-layout/GlobalNavigation/index.js +26 -30
  504. package/lib/tntd-layout/Header.js +6 -9
  505. package/lib/tntd-layout/HeaderActions.js +6 -9
  506. package/lib/tntd-layout/HeaderNavs.js +20 -24
  507. package/lib/tntd-layout/HeaderTabs.js +27 -37
  508. package/lib/tntd-layout/Iconfont.js +3 -3
  509. package/lib/tntd-layout/Language.js +20 -24
  510. package/lib/tntd-layout/Layout.js +20 -24
  511. package/lib/tntd-layout/Logo.js +6 -9
  512. package/lib/tntd-layout/OrgAppList.js +20 -24
  513. package/lib/tntd-layout/SideMenu.js +20 -24
  514. package/lib/tntd-layout/Theme.js +20 -24
  515. package/lib/tntd-layout/createActions.js +3 -3
  516. package/lib/tntd-layout/images/index.js +3 -3
  517. package/lib/tntd-layout/index.js +3 -3
  518. package/lib/tntd-layout/paaslayout/CompactSideMenu.js +20 -24
  519. package/lib/tntd-layout/paaslayout/Header.js +6 -9
  520. package/lib/tntd-layout/paaslayout/Logo.js +6 -9
  521. package/lib/tntd-layout/paaslayout/SideMenu.js +20 -24
  522. package/lib/tntd-layout/paaslayout/index.js +20 -24
  523. package/lib/tntd-layout/storage.js +3 -3
  524. package/lib/tntd-modal/index.js +24 -31
  525. package/lib/tntd-rc-select/_util/PurePanel.js +17 -18
  526. package/lib/tntd-rc-select/_util/context.js +3 -3
  527. package/lib/tntd-rc-select/_util/defaultRenderEmpty.js +3 -3
  528. package/lib/tntd-rc-select/_util/getIcons.js +3 -3
  529. package/lib/tntd-rc-select/_util/useCompactItemContext.js +10 -16
  530. package/lib/tntd-rc-select/index.js +10 -16
  531. package/lib/tntd-rc-select/style/index.less +20 -2
  532. package/lib/tntd-reference/AHref/index.js +3 -3
  533. package/lib/tntd-reference/ReferenceBatchCheck/index.js +3 -3
  534. package/lib/tntd-reference/ReferenceBatchDrawer/index.js +17 -18
  535. package/lib/tntd-reference/ReferenceCheck/index.js +3 -3
  536. package/lib/tntd-reference/ReferenceDrawer/index.js +17 -18
  537. package/lib/tntd-reference/ReferenceInfo/index.js +3 -3
  538. package/lib/tntd-reference/index.js +3 -3
  539. package/lib/tntd-second-page/index.js +3 -3
  540. package/lib/tntd-select/DropDownWrap.js +34 -54
  541. package/lib/tntd-select/index.js +40 -57
  542. package/lib/tntd-virtual-tree/index.js +23 -24
  543. package/lib/tntd-virtual-tree/utils.js +62 -66
  544. package/lib/tntd-virtual-tree-select/index.js +22 -23
  545. package/lib/tntd-virtual-tree-select/utils.js +20 -21
  546. package/lib/tooltip/tooltip.d.ts +1 -0
  547. package/lib/tooltip/tooltip.d.ts.map +1 -1
  548. package/lib/tooltip/tooltip.js +23 -9
  549. package/lib/tooltip/tooltip.js.map +1 -1
  550. package/lib/upload/index.js +41 -45
  551. package/lib/upload/svg/UploadSVG.js +3 -3
  552. package/lib/utils/checkAuth.js +6 -6
  553. package/lib/utils/index.js +20 -21
  554. package/lib/utils/lang.js +3 -3
  555. package/lib/water-mark/index.js +17 -18
  556. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Context.js","sourceRoot":"","sources":["../../src/scroll-bar/Context.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AAEzB,MAAM,OAAO,GAAG,eAAK,CAAC,aAAa,CAAC;IAClC,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;CAClB,CAAC,CAAA;AAEF,kBAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\n\nconst Context = React.createContext({\n scrollbarElement: null,\n wrapElement: null,\n})\n\nexport default Context\n"]}
@@ -0,0 +1,4 @@
1
+ declare var _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
2
+ export default _default;
3
+ import React from "react";
4
+ //# sourceMappingURL=ScrollBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollBar.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/ScrollBar.js"],"names":[],"mappings":""}
@@ -0,0 +1,132 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) {
4
+ "@babel/helpers - typeof";
5
+
6
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
+ return typeof o;
8
+ } : function (o) {
9
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
+ }, _typeof(o);
11
+ }
12
+ Object.defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ exports["default"] = void 0;
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+ var _react = _interopRequireWildcard(require("react"));
18
+ var _Bar = _interopRequireDefault(require("./Bar"));
19
+ var _Context = _interopRequireDefault(require("./Context"));
20
+ function _getRequireWildcardCache(e) {
21
+ if ("function" != typeof WeakMap) return null;
22
+ var r = new WeakMap(),
23
+ t = new WeakMap();
24
+ return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
25
+ return e ? t : r;
26
+ })(e);
27
+ }
28
+ function _interopRequireWildcard(e, r) {
29
+ if (!r && e && e.__esModule) return e;
30
+ if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
31
+ "default": e
32
+ };
33
+ var t = _getRequireWildcardCache(r);
34
+ if (t && t.has(e)) return t.get(e);
35
+ var n = {
36
+ __proto__: null
37
+ },
38
+ a = Object.defineProperty && Object.getOwnPropertyDescriptor;
39
+ for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
40
+ var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
41
+ i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
42
+ }
43
+ return n["default"] = e, t && t.set(e, n), n;
44
+ }
45
+ function _interopRequireDefault(obj) {
46
+ return obj && obj.__esModule ? obj : {
47
+ "default": obj
48
+ };
49
+ }
50
+ var __rest = void 0 && (void 0).__rest || function (s, e) {
51
+ var t = {};
52
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
53
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
54
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
55
+ }
56
+ return t;
57
+ };
58
+ var _default = exports["default"] = (0, _react.forwardRef)(function (_a, ref) {
59
+ var children = _a.children,
60
+ _a$minSize = _a.minSize,
61
+ minSize = _a$minSize === void 0 ? 20 : _a$minSize,
62
+ props = __rest(_a, ["children", "minSize"]);
63
+ var scrollbarElement = (0, _react.useRef)();
64
+ var wrapElement = (0, _react.useRef)();
65
+ wrapElement = ref || wrapElement;
66
+ var resizeRef = (0, _react.useRef)();
67
+ var barRef = (0, _react.useRef)();
68
+ (0, _react.useEffect)(function () {
69
+ var wrapDom = wrapElement.current;
70
+ var resizeDom = resizeRef.current;
71
+ // 监听容器尺寸变化,因为尺寸可以设置类似height:100vh之类样式,高度并不是固定的
72
+ var observerCallback = function observerCallback() {
73
+ return requestAnimationFrame(function () {
74
+ var _a;
75
+ update();
76
+ (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
77
+ });
78
+ };
79
+ var observer = new ResizeObserver(observerCallback);
80
+ observer.observe(wrapDom);
81
+ observer.observe(resizeDom);
82
+ return function () {
83
+ observer.unobserve(wrapDom);
84
+ observer.unobserve(resizeDom);
85
+ };
86
+ }, []);
87
+ (0, _react.useEffect)(function () {
88
+ var _a;
89
+ if (!props["native"]) {
90
+ update();
91
+ (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
92
+ }
93
+ }, [props["native"]]);
94
+ function update() {
95
+ var _a;
96
+ (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.update();
97
+ }
98
+ function handleScroll(e) {
99
+ var _a, _b;
100
+ (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
101
+ (_b = props.onScroll) === null || _b === void 0 ? void 0 : _b.call(props, e);
102
+ }
103
+ var wrapStyle = {
104
+ height: props.height,
105
+ maxHeight: props.maxHeight
106
+ };
107
+ var wrapClassName = (0, _classnames["default"])('tntd-scroll-bar-wrap', {
108
+ 'tntd-scroll-bar-wrap-hidden-default': !props["native"]
109
+ });
110
+ return _react["default"].createElement(_Context["default"].Provider, {
111
+ value: {
112
+ scrollbarElement: scrollbarElement,
113
+ wrapElement: wrapElement
114
+ }
115
+ }, _react["default"].createElement("div", {
116
+ style: props.style,
117
+ className: (0, _classnames["default"])('tntd-scroll-bar', props.className),
118
+ ref: scrollbarElement
119
+ }, _react["default"].createElement("div", {
120
+ style: wrapStyle,
121
+ className: wrapClassName,
122
+ ref: wrapElement,
123
+ onScroll: handleScroll
124
+ }, _react["default"].createElement("div", {
125
+ className: "tntd-scroll-bar-view",
126
+ ref: resizeRef
127
+ }, children)), !props["native"] && _react["default"].createElement(_Bar["default"], {
128
+ ref: barRef,
129
+ always: props.always,
130
+ minSize: minSize
131
+ })));
132
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollBar.js","sourceRoot":"","sources":["../../src/scroll-bar/ScrollBar.js"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'classnames'\nimport React, { forwardRef, useEffect, useRef } from 'react'\nimport Bar from './Bar'\nimport Context from './Context'\n\nexport default forwardRef(({ children, minSize = 20, ...props }, ref) => {\n const scrollbarElement = useRef()\n let wrapElement = useRef()\n wrapElement = ref || wrapElement\n const resizeRef = useRef()\n const barRef = useRef()\n\n useEffect(() => {\n const wrapDom = wrapElement.current\n const resizeDom = resizeRef.current\n // 监听容器尺寸变化,因为尺寸可以设置类似height:100vh之类样式,高度并不是固定的\n const observerCallback = () =>\n requestAnimationFrame(() => {\n update()\n barRef.current?.handleScroll()\n })\n const observer = new ResizeObserver(observerCallback)\n observer.observe(wrapDom)\n observer.observe(resizeDom)\n return () => {\n observer.unobserve(wrapDom)\n observer.unobserve(resizeDom)\n }\n }, [])\n useEffect(() => {\n if (!props.native) {\n update()\n barRef.current?.handleScroll()\n }\n }, [props.native])\n\n function update() {\n barRef.current?.update()\n }\n\n function handleScroll(e) {\n barRef.current?.handleScroll()\n props.onScroll?.(e)\n }\n\n const wrapStyle = { height: props.height, maxHeight: props.maxHeight }\n const wrapClassName = clsx('tntd-scroll-bar-wrap', {\n 'tntd-scroll-bar-wrap-hidden-default': !props.native,\n })\n\n return (\n <Context.Provider value={{ scrollbarElement, wrapElement }}>\n <div\n style={props.style}\n className={clsx('tntd-scroll-bar', props.className)}\n ref={scrollbarElement}\n >\n <div style={wrapStyle} className={wrapClassName} ref={wrapElement} onScroll={handleScroll}>\n <div className=\"tntd-scroll-bar-view\" ref={resizeRef}>\n {children}\n </div>\n </div>\n {!props.native && <Bar ref={barRef} always={props.always} minSize={minSize} />}\n </div>\n </Context.Provider>\n )\n})\n"]}
@@ -0,0 +1,3 @@
1
+ export default function Thumb(props: any): React.JSX.Element;
2
+ import React from "react";
3
+ //# sourceMappingURL=Thumb.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/Thumb.js"],"names":[],"mappings":"AAKA,6DA6HC"}
@@ -0,0 +1,203 @@
1
+ "use strict";
2
+
3
+ function _typeof(o) {
4
+ "@babel/helpers - typeof";
5
+
6
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
7
+ return typeof o;
8
+ } : function (o) {
9
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
10
+ }, _typeof(o);
11
+ }
12
+ Object.defineProperty(exports, "__esModule", {
13
+ value: true
14
+ });
15
+ exports["default"] = Thumb;
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+ var _react = _interopRequireWildcard(require("react"));
18
+ var _Context = _interopRequireDefault(require("./Context"));
19
+ var _util = require("./util");
20
+ function _getRequireWildcardCache(e) {
21
+ if ("function" != typeof WeakMap) return null;
22
+ var r = new WeakMap(),
23
+ t = new WeakMap();
24
+ return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
25
+ return e ? t : r;
26
+ })(e);
27
+ }
28
+ function _interopRequireWildcard(e, r) {
29
+ if (!r && e && e.__esModule) return e;
30
+ if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
31
+ "default": e
32
+ };
33
+ var t = _getRequireWildcardCache(r);
34
+ if (t && t.has(e)) return t.get(e);
35
+ var n = {
36
+ __proto__: null
37
+ },
38
+ a = Object.defineProperty && Object.getOwnPropertyDescriptor;
39
+ for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
40
+ var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
41
+ i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
42
+ }
43
+ return n["default"] = e, t && t.set(e, n), n;
44
+ }
45
+ function _interopRequireDefault(obj) {
46
+ return obj && obj.__esModule ? obj : {
47
+ "default": obj
48
+ };
49
+ }
50
+ function _slicedToArray(arr, i) {
51
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
52
+ }
53
+ function _nonIterableRest() {
54
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
55
+ }
56
+ function _unsupportedIterableToArray(o, minLen) {
57
+ if (!o) return;
58
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
59
+ var n = Object.prototype.toString.call(o).slice(8, -1);
60
+ if (n === "Object" && o.constructor) n = o.constructor.name;
61
+ if (n === "Map" || n === "Set") return Array.from(o);
62
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
63
+ }
64
+ function _arrayLikeToArray(arr, len) {
65
+ if (len == null || len > arr.length) len = arr.length;
66
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
67
+ return arr2;
68
+ }
69
+ function _iterableToArrayLimit(r, l) {
70
+ var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
71
+ if (null != t) {
72
+ var e,
73
+ n,
74
+ i,
75
+ u,
76
+ a = [],
77
+ f = !0,
78
+ o = !1;
79
+ try {
80
+ if (i = (t = t.call(r)).next, 0 === l) {
81
+ if (Object(t) !== t) return;
82
+ f = !1;
83
+ } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
84
+ } catch (r) {
85
+ o = !0, n = r;
86
+ } finally {
87
+ try {
88
+ if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
89
+ } finally {
90
+ if (o) throw n;
91
+ }
92
+ }
93
+ return a;
94
+ }
95
+ }
96
+ function _arrayWithHoles(arr) {
97
+ if (Array.isArray(arr)) return arr;
98
+ }
99
+ function Thumb(props) {
100
+ var _useContext = (0, _react.useContext)(_Context["default"]),
101
+ scrollbarElement = _useContext.scrollbarElement,
102
+ wrapElement = _useContext.wrapElement;
103
+ var instance = (0, _react.useRef)();
104
+ var thumb = (0, _react.useRef)();
105
+ var _useState = (0, _react.useState)(false),
106
+ _useState2 = _slicedToArray(_useState, 2),
107
+ visible = _useState2[0],
108
+ setVisible = _useState2[1];
109
+ // 当作非响应式变量使用
110
+ var thumbState = (0, _react.useRef)({});
111
+ var cursorDown = (0, _react.useRef)(false);
112
+ var cursorLeave = (0, _react.useRef)(false);
113
+ var originalOnSelectStart = (0, _react.useRef)(document.onselectstart);
114
+ var bar = _util.BAR_MAP[props.vertical ? 'vertical' : 'horizontal'];
115
+ (0, _react.useEffect)(function () {
116
+ var element = scrollbarElement.current;
117
+ element.addEventListener('mousemove', mouseMoveScrollbarHandler);
118
+ element.addEventListener('mouseleave', mouseLeaveScrollbarHandler);
119
+ return function () {
120
+ restoreOnselectstart();
121
+ document.removeEventListener('mouseup', mouseUpDocumentHandler);
122
+ element.removeEventListener('mousemove', mouseMoveScrollbarHandler);
123
+ element.removeEventListener('mouseleave', mouseLeaveScrollbarHandler);
124
+ };
125
+ }, []);
126
+ function mouseMoveScrollbarHandler() {
127
+ cursorLeave.current = false;
128
+ setVisible(true);
129
+ }
130
+ function mouseLeaveScrollbarHandler() {
131
+ cursorLeave.current = true;
132
+ setVisible(cursorDown.current);
133
+ }
134
+ function getOffsetRatio() {
135
+ return Math.pow(instance.current[bar.offset], 2) / wrapElement.current[bar.scrollSize] / props.ratio / thumb.current[bar.offset];
136
+ }
137
+ function clickTrackHandler(e) {
138
+ if (!thumb.current || !instance.current || !wrapElement.current) return;
139
+ // 鼠标点击的坐标距离顶端的距离
140
+ var offset = Math.abs(e.target.getBoundingClientRect()[bar.direction] - e[bar.client]);
141
+ var thumbHalf = thumb.current[bar.offset] / 2;
142
+ var thumbPositionPercentage = (offset - thumbHalf) * 100 * getOffsetRatio() / instance.current[bar.offset];
143
+ // 直接给scrollTop赋值,就会调用bar组件的handleScroll函数
144
+ wrapElement.current[bar.scroll] = thumbPositionPercentage * wrapElement.current[bar.scrollSize] / 100;
145
+ }
146
+ function clickThumbHandler(e) {
147
+ var _a;
148
+ e.stopPropagation();
149
+ if (e.ctrlKey || [1, 2].includes(e.button)) return;
150
+ (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
151
+ startDrag(e);
152
+ var el = e.currentTarget;
153
+ if (!el) return;
154
+ thumbState.current[bar.axis] = el[bar.offset] - (e[bar.client] - el.getBoundingClientRect()[bar.direction]);
155
+ }
156
+ function startDrag(e) {
157
+ e.persist();
158
+ cursorDown.current = true;
159
+ document.addEventListener('mousemove', mouseMoveDocumentHandler);
160
+ document.addEventListener('mouseup', mouseUpDocumentHandler);
161
+ originalOnSelectStart.current = document.onselectstart;
162
+ document.onselectstart = function () {
163
+ return false;
164
+ };
165
+ }
166
+ function mouseMoveDocumentHandler(e) {
167
+ if (!instance.current || !thumb.current) return;
168
+ if (cursorDown.current === false) return;
169
+ var prevPage = thumbState.current[bar.axis];
170
+ if (!prevPage) return;
171
+ var offset = (instance.current.getBoundingClientRect()[bar.direction] - e[bar.client]) * -1;
172
+ var thumbClickPosition = thumb.current[bar.offset] - prevPage;
173
+ var thumbPositionPercentage = (offset - thumbClickPosition) * 100 * getOffsetRatio() / instance.current[bar.offset];
174
+ wrapElement.current[bar.scroll] = thumbPositionPercentage * wrapElement.current[bar.scrollSize] / 100;
175
+ }
176
+ function mouseUpDocumentHandler() {
177
+ cursorDown.current = false;
178
+ thumbState.current[bar.axis] = 0;
179
+ document.removeEventListener('mousemove', mouseMoveDocumentHandler);
180
+ document.removeEventListener('mouseup', mouseUpDocumentHandler);
181
+ restoreOnselectstart();
182
+ if (cursorLeave.current) setVisible(false);
183
+ }
184
+ function restoreOnselectstart() {
185
+ if (document.onselectstart !== originalOnSelectStart.current) document.onselectstart = originalOnSelectStart.current;
186
+ }
187
+ var thumbStyle = (0, _util.renderThumbStyle)({
188
+ size: props.size,
189
+ move: props.move,
190
+ bar: bar
191
+ });
192
+ return _react["default"].createElement("div", {
193
+ hidden: !(props.always || visible),
194
+ className: (0, _classnames["default"])('tntd-scroll-bar-bar', bar.key),
195
+ ref: instance,
196
+ onMouseDown: clickTrackHandler
197
+ }, _react["default"].createElement("div", {
198
+ className: "tntd-scroll-bar-thumb",
199
+ style: thumbStyle,
200
+ ref: thumb,
201
+ onMouseDown: clickThumbHandler
202
+ }));
203
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../src/scroll-bar/Thumb.js"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'classnames'\nimport React, { useContext, useEffect, useRef, useState } from 'react'\nimport Context from './Context'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nexport default function Thumb(props) {\n const { scrollbarElement, wrapElement } = useContext(Context)\n const instance = useRef()\n const thumb = useRef()\n const [visible, setVisible] = useState(false)\n // 当作非响应式变量使用\n const thumbState = useRef({})\n const cursorDown = useRef(false)\n const cursorLeave = useRef(false)\n const originalOnSelectStart = useRef(document.onselectstart)\n const bar = BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n\n useEffect(() => {\n const element = scrollbarElement.current\n element.addEventListener('mousemove', mouseMoveScrollbarHandler)\n element.addEventListener('mouseleave', mouseLeaveScrollbarHandler)\n return () => {\n restoreOnselectstart()\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n element.removeEventListener('mousemove', mouseMoveScrollbarHandler)\n element.removeEventListener('mouseleave', mouseLeaveScrollbarHandler)\n }\n }, [])\n\n function mouseMoveScrollbarHandler() {\n cursorLeave.current = false\n setVisible(true)\n }\n\n function mouseLeaveScrollbarHandler() {\n cursorLeave.current = true\n setVisible(cursorDown.current)\n }\n\n function getOffsetRatio() {\n return (\n instance.current[bar.offset] ** 2 /\n wrapElement.current[bar.scrollSize] /\n props.ratio /\n thumb.current[bar.offset]\n )\n }\n\n function clickTrackHandler(e) {\n if (!thumb.current || !instance.current || !wrapElement.current) return\n // 鼠标点击的坐标距离顶端的距离\n const offset = Math.abs(e.target.getBoundingClientRect()[bar.direction] - e[bar.client])\n const thumbHalf = thumb.current[bar.offset] / 2\n const thumbPositionPercentage =\n ((offset - thumbHalf) * 100 * getOffsetRatio()) / instance.current[bar.offset]\n // 直接给scrollTop赋值,就会调用bar组件的handleScroll函数\n wrapElement.current[bar.scroll] =\n (thumbPositionPercentage * wrapElement.current[bar.scrollSize]) / 100\n }\n\n function clickThumbHandler(e) {\n e.stopPropagation()\n if (e.ctrlKey || [1, 2].includes(e.button)) return\n window.getSelection()?.removeAllRanges()\n startDrag(e)\n\n const el = e.currentTarget\n if (!el) return\n thumbState.current[bar.axis] =\n el[bar.offset] - (e[bar.client] - el.getBoundingClientRect()[bar.direction])\n }\n\n function startDrag(e) {\n e.persist()\n cursorDown.current = true\n document.addEventListener('mousemove', mouseMoveDocumentHandler)\n document.addEventListener('mouseup', mouseUpDocumentHandler)\n originalOnSelectStart.current = document.onselectstart\n document.onselectstart = () => false\n }\n\n function mouseMoveDocumentHandler(e) {\n if (!instance.current || !thumb.current) return\n if (cursorDown.current === false) return\n const prevPage = thumbState.current[bar.axis]\n if (!prevPage) return\n\n const offset = (instance.current.getBoundingClientRect()[bar.direction] - e[bar.client]) * -1\n const thumbClickPosition = thumb.current[bar.offset] - prevPage\n const thumbPositionPercentage =\n ((offset - thumbClickPosition) * 100 * getOffsetRatio()) / instance.current[bar.offset]\n wrapElement.current[bar.scroll] =\n (thumbPositionPercentage * wrapElement.current[bar.scrollSize]) / 100\n }\n\n function mouseUpDocumentHandler() {\n cursorDown.current = false\n thumbState.current[bar.axis] = 0\n document.removeEventListener('mousemove', mouseMoveDocumentHandler)\n document.removeEventListener('mouseup', mouseUpDocumentHandler)\n restoreOnselectstart()\n if (cursorLeave.current) setVisible(false)\n }\n\n function restoreOnselectstart() {\n if (document.onselectstart !== originalOnSelectStart.current)\n document.onselectstart = originalOnSelectStart.current\n }\n\n const thumbStyle = renderThumbStyle({\n size: props.size,\n move: props.move,\n bar: bar,\n })\n\n return (\n <div\n hidden={!(props.always || visible)}\n className={clsx('tntd-scroll-bar-bar', bar.key)}\n ref={instance}\n onMouseDown={clickTrackHandler}\n >\n <div\n className=\"tntd-scroll-bar-thumb\"\n style={thumbStyle}\n ref={thumb}\n onMouseDown={clickThumbHandler}\n />\n </div>\n )\n}\n"]}
@@ -0,0 +1,3 @@
1
+ export default ScrollBar;
2
+ import ScrollBar from "./ScrollBar";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/index.js"],"names":[],"mappings":""}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports["default"] = void 0;
7
+ var _ScrollBar = _interopRequireDefault(require("./ScrollBar"));
8
+ require("./scrollBar.less");
9
+ function _interopRequireDefault(obj) {
10
+ return obj && obj.__esModule ? obj : {
11
+ "default": obj
12
+ };
13
+ }
14
+ var _default = exports["default"] = _ScrollBar["default"];
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/scroll-bar/index.js"],"names":[],"mappings":";;;;;AAAA,4DAAmC;AACnC,4BAAyB;AAEzB,kBAAe,mBAAS,CAAA","sourcesContent":["import ScrollBar from './ScrollBar'\nimport './scrollBar.less'\n\nexport default ScrollBar\n"]}
@@ -0,0 +1,59 @@
1
+ .tntd-scroll-bar {
2
+ position: relative;
3
+ height: 100%;
4
+ overflow: hidden;
5
+ }
6
+ .tntd-scroll-bar-wrap {
7
+ height: 100%;
8
+ overflow: auto;
9
+ }
10
+ .tntd-scroll-bar-wrap-hidden-default {
11
+ scrollbar-width: none;
12
+ &::-webkit-scrollbar {
13
+ display: none;
14
+ }
15
+ }
16
+ .tntd-scroll-bar-view {
17
+ width: fit-content;
18
+ min-width: 100%;
19
+ }
20
+ .tntd-scroll-bar-bar {
21
+ position: absolute;
22
+ right: 2px;
23
+ bottom: 2px;
24
+ z-index: 1;
25
+ border-radius: 4px;
26
+
27
+ &.vertical {
28
+ top: 2px;
29
+ width: 6px;
30
+
31
+ > div {
32
+ width: 100%;
33
+ }
34
+ }
35
+
36
+ &.horizontal {
37
+ left: 2px;
38
+ height: 6px;
39
+
40
+ > div {
41
+ height: 100%;
42
+ }
43
+ }
44
+ }
45
+ .tntd-scroll-bar-thumb {
46
+ position: relative;
47
+ display: block;
48
+ width: 0;
49
+ height: 0;
50
+ cursor: pointer;
51
+ background-color: #909399;
52
+ border-radius: inherit;
53
+ opacity: 0.3;
54
+ transition: 0.3s background-color;
55
+
56
+ &:hover {
57
+ opacity: 0.5;
58
+ }
59
+ }
@@ -0,0 +1,40 @@
1
+ export const GAP: 4;
2
+ export namespace BAR_MAP {
3
+ namespace vertical {
4
+ const offset: string;
5
+ const scroll: string;
6
+ const scrollSize: string;
7
+ const size: string;
8
+ const key: string;
9
+ const axis: string;
10
+ const client: string;
11
+ const direction: string;
12
+ }
13
+ namespace horizontal {
14
+ const offset_1: string;
15
+ export { offset_1 as offset };
16
+ const scroll_1: string;
17
+ export { scroll_1 as scroll };
18
+ const scrollSize_1: string;
19
+ export { scrollSize_1 as scrollSize };
20
+ const size_1: string;
21
+ export { size_1 as size };
22
+ const key_1: string;
23
+ export { key_1 as key };
24
+ const axis_1: string;
25
+ export { axis_1 as axis };
26
+ const client_1: string;
27
+ export { client_1 as client };
28
+ const direction_1: string;
29
+ export { direction_1 as direction };
30
+ }
31
+ }
32
+ export function renderThumbStyle({ move, size, bar }: {
33
+ move: any;
34
+ size: any;
35
+ bar: any;
36
+ }): {
37
+ [x: number]: any;
38
+ transform: string;
39
+ };
40
+ //# sourceMappingURL=util.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/util.js"],"names":[],"mappings":"AAAA,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBb;;;;;;;EAGL"}
@@ -0,0 +1,72 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.renderThumbStyle = exports.GAP = exports.BAR_MAP = void 0;
7
+ function _typeof(o) {
8
+ "@babel/helpers - typeof";
9
+
10
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
11
+ return typeof o;
12
+ } : function (o) {
13
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
14
+ }, _typeof(o);
15
+ }
16
+ function _defineProperty(obj, key, value) {
17
+ key = _toPropertyKey(key);
18
+ if (key in obj) {
19
+ Object.defineProperty(obj, key, {
20
+ value: value,
21
+ enumerable: true,
22
+ configurable: true,
23
+ writable: true
24
+ });
25
+ } else {
26
+ obj[key] = value;
27
+ }
28
+ return obj;
29
+ }
30
+ function _toPropertyKey(t) {
31
+ var i = _toPrimitive(t, "string");
32
+ return "symbol" == _typeof(i) ? i : i + "";
33
+ }
34
+ function _toPrimitive(t, r) {
35
+ if ("object" != _typeof(t) || !t) return t;
36
+ var e = t[Symbol.toPrimitive];
37
+ if (void 0 !== e) {
38
+ var i = e.call(t, r || "default");
39
+ if ("object" != _typeof(i)) return i;
40
+ throw new TypeError("@@toPrimitive must return a primitive value.");
41
+ }
42
+ return ("string" === r ? String : Number)(t);
43
+ }
44
+ var GAP = exports.GAP = 4; // top 2 + bottom 2 of bar instance
45
+ var BAR_MAP = exports.BAR_MAP = {
46
+ vertical: {
47
+ offset: 'offsetHeight',
48
+ scroll: 'scrollTop',
49
+ scrollSize: 'scrollHeight',
50
+ size: 'height',
51
+ key: 'vertical',
52
+ axis: 'Y',
53
+ client: 'clientY',
54
+ direction: 'top'
55
+ },
56
+ horizontal: {
57
+ offset: 'offsetWidth',
58
+ scroll: 'scrollLeft',
59
+ scrollSize: 'scrollWidth',
60
+ size: 'width',
61
+ key: 'horizontal',
62
+ axis: 'X',
63
+ client: 'clientX',
64
+ direction: 'left'
65
+ }
66
+ };
67
+ var renderThumbStyle = exports.renderThumbStyle = function renderThumbStyle(_ref) {
68
+ var move = _ref.move,
69
+ size = _ref.size,
70
+ bar = _ref.bar;
71
+ return _defineProperty(_defineProperty({}, bar.size, size), "transform", "translate".concat(bar.axis, "(").concat(move, "%)"));
72
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/scroll-bar/util.js"],"names":[],"mappings":";;;AAAa,QAAA,GAAG,GAAG,CAAC,CAAA,CAAC,mCAAmC;AAE3C,QAAA,OAAO,GAAG;IACrB,QAAQ,EAAE;QACR,MAAM,EAAE,cAAc;QACtB,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,cAAc;QAC1B,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,UAAU;QACf,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,KAAK;KACjB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,aAAa;QACrB,MAAM,EAAE,YAAY;QACpB,UAAU,EAAE,aAAa;QACzB,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,YAAY;QACjB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,MAAM;KAClB;CACF,CAAA;AAEM,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI;IAChB,SAAS,EAAE,YAAY,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI;CAC5C,CAAC,CAAA;AAHW,QAAA,gBAAgB,oBAG3B","sourcesContent":["export const GAP = 4 // top 2 + bottom 2 of bar instance\n\nexport const BAR_MAP = {\n vertical: {\n offset: 'offsetHeight',\n scroll: 'scrollTop',\n scrollSize: 'scrollHeight',\n size: 'height',\n key: 'vertical',\n axis: 'Y',\n client: 'clientY',\n direction: 'top',\n },\n horizontal: {\n offset: 'offsetWidth',\n scroll: 'scrollLeft',\n scrollSize: 'scrollWidth',\n size: 'width',\n key: 'horizontal',\n axis: 'X',\n client: 'clientX',\n direction: 'left',\n },\n}\n\nexport const renderThumbStyle = ({ move, size, bar }) => ({\n [bar.size]: size,\n transform: `translate${bar.axis}(${move}%)`,\n})\n"]}
@@ -33,24 +33,18 @@ function _interopRequireWildcard(e, r) {
33
33
  }
34
34
  return n["default"] = e, t && t.set(e, n), n;
35
35
  }
36
- function _interopRequireDefault(obj) {
37
- return obj && obj.__esModule ? obj : {
38
- "default": obj
36
+ function _interopRequireDefault(e) {
37
+ return e && e.__esModule ? e : {
38
+ "default": e
39
39
  };
40
40
  }
41
- function _defineProperty(obj, key, value) {
42
- key = _toPropertyKey(key);
43
- if (key in obj) {
44
- Object.defineProperty(obj, key, {
45
- value: value,
46
- enumerable: true,
47
- configurable: true,
48
- writable: true
49
- });
50
- } else {
51
- obj[key] = value;
52
- }
53
- return obj;
41
+ function _defineProperty(e, r, t) {
42
+ return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
43
+ value: t,
44
+ enumerable: !0,
45
+ configurable: !0,
46
+ writable: !0
47
+ }) : e[r] = t, e;
54
48
  }
55
49
  function _toPropertyKey(t) {
56
50
  var i = _toPrimitive(t, "string");