tntd 3.0.26-beta.1 → 3.0.27

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 (250) hide show
  1. package/CHANGELOG.json +1034 -0
  2. package/CHANGELOG.md +605 -0
  3. package/es/checkbox/checkbox-group.js +5 -0
  4. package/es/checkbox/checkbox-group.js.map +1 -0
  5. package/es/index.js +0 -1
  6. package/es/index.js.map +1 -1
  7. package/es/query-form/Field/Checkbox.js +1 -1
  8. package/es/query-form/Field/Checkbox.js.map +1 -1
  9. package/es/query-form/Field/SelectInput.js +4 -22
  10. package/es/query-form/Field/SelectInput.js.map +1 -1
  11. package/es/query-form/Field/fieldsMap.js +2 -2
  12. package/es/query-form/Field/fieldsMap.js.map +1 -1
  13. package/es/query-form/Field/index.js +0 -1
  14. package/es/query-form/Field/index.js.map +1 -1
  15. package/es/query-form/index.js +335 -163
  16. package/es/query-form/index.js.map +1 -1
  17. package/es/query-form/index.less +60 -29
  18. package/es/query-list-scene/List.js +1 -14
  19. package/es/query-list-scene/List.js.map +1 -1
  20. package/es/query-list-scene/QueryForm.js +9 -22
  21. package/es/query-list-scene/QueryForm.js.map +1 -1
  22. package/es/query-list-scene/index.js +1 -2
  23. package/es/query-list-scene/index.js.map +1 -1
  24. package/es/radio/radio-group.js +5 -0
  25. package/es/radio/radio-group.js.map +1 -0
  26. package/es/steps/stepStyle/small.less +5 -0
  27. package/es/tntd-select/index.js.map +1 -1
  28. package/es/tntd-virtual-tree/index.js +3 -2
  29. package/es/tntd-virtual-tree/index.js.map +1 -1
  30. package/es/tntd-virtual-tree-select/index.js +4 -2
  31. package/es/tntd-virtual-tree-select/index.js.map +1 -1
  32. package/es/upload/svg/UploadSVG.js +37 -0
  33. package/es/upload/svg/UploadSVG.js.map +1 -0
  34. package/es/upload/upload.less +108 -0
  35. package/es/utils/index.js +1 -0
  36. package/es/utils/index.js.map +1 -1
  37. package/lib/checkbox/checkbox-group.d.ts +8 -0
  38. package/lib/checkbox/checkbox-group.d.ts.map +1 -0
  39. package/lib/checkbox/checkbox-group.js +12 -0
  40. package/lib/checkbox/checkbox-group.js.map +1 -0
  41. package/lib/index.d.ts +0 -1
  42. package/lib/index.d.ts.map +1 -1
  43. package/lib/index.js +0 -7
  44. package/lib/index.js.map +1 -1
  45. package/lib/query-form/Field/Checkbox.js +1 -1
  46. package/lib/query-form/Field/Checkbox.js.map +1 -1
  47. package/lib/query-form/Field/SelectInput.d.ts.map +1 -1
  48. package/lib/query-form/Field/SelectInput.js +3 -15
  49. package/lib/query-form/Field/SelectInput.js.map +1 -1
  50. package/lib/query-form/Field/fieldsMap.d.ts +3 -6
  51. package/lib/query-form/Field/fieldsMap.js +2 -2
  52. package/lib/query-form/Field/fieldsMap.js.map +1 -1
  53. package/lib/query-form/Field/index.d.ts.map +1 -1
  54. package/lib/query-form/Field/index.js +0 -1
  55. package/lib/query-form/Field/index.js.map +1 -1
  56. package/lib/query-form/index.d.ts +27 -18
  57. package/lib/query-form/index.d.ts.map +1 -1
  58. package/lib/query-form/index.js +360 -183
  59. package/lib/query-form/index.js.map +1 -1
  60. package/lib/query-form/index.less +60 -29
  61. package/lib/query-list-scene/List.d.ts.map +1 -1
  62. package/lib/query-list-scene/List.js +1 -15
  63. package/lib/query-list-scene/List.js.map +1 -1
  64. package/lib/query-list-scene/QueryForm.d.ts +3 -4
  65. package/lib/query-list-scene/QueryForm.d.ts.map +1 -1
  66. package/lib/query-list-scene/QueryForm.js +10 -23
  67. package/lib/query-list-scene/QueryForm.js.map +1 -1
  68. package/lib/query-list-scene/index.d.ts.map +1 -1
  69. package/lib/query-list-scene/index.js +1 -2
  70. package/lib/query-list-scene/index.js.map +1 -1
  71. package/lib/radio/radio-group.d.ts +8 -0
  72. package/lib/radio/radio-group.d.ts.map +1 -0
  73. package/lib/radio/radio-group.js +12 -0
  74. package/lib/radio/radio-group.js.map +1 -0
  75. package/lib/steps/stepStyle/small.less +5 -0
  76. package/lib/tntd-select/index.d.ts.map +1 -1
  77. package/lib/tntd-select/index.js.map +1 -1
  78. package/lib/tntd-virtual-tree/index.d.ts +2 -1
  79. package/lib/tntd-virtual-tree/index.d.ts.map +1 -1
  80. package/lib/tntd-virtual-tree/index.js +5 -3
  81. package/lib/tntd-virtual-tree/index.js.map +1 -1
  82. package/lib/tntd-virtual-tree-select/index.d.ts +2 -1
  83. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
  84. package/lib/tntd-virtual-tree-select/index.js +6 -3
  85. package/lib/tntd-virtual-tree-select/index.js.map +1 -1
  86. package/lib/{query-form-v3/Field/Composition/Select.d.ts → upload/svg/UploadSVG.d.ts} +1 -1
  87. package/lib/upload/svg/UploadSVG.d.ts.map +1 -0
  88. package/lib/upload/svg/UploadSVG.js +44 -0
  89. package/lib/upload/svg/UploadSVG.js.map +1 -0
  90. package/lib/upload/upload.less +108 -0
  91. package/lib/utils/index.d.ts.map +1 -1
  92. package/lib/utils/index.js +12 -0
  93. package/lib/utils/index.js.map +1 -1
  94. package/package.json +2 -3
  95. package/es/query-form/Field/Composition/FieldPopover.js +0 -304
  96. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  97. package/es/query-form/Field/Composition/FieldPopover.less +0 -35
  98. package/es/query-form/Field/Composition/Select.js +0 -122
  99. package/es/query-form/Field/Composition/Select.js.map +0 -1
  100. package/es/query-form/Field/Composition/ValueTag.js +0 -121
  101. package/es/query-form/Field/Composition/ValueTag.js.map +0 -1
  102. package/es/query-form/Field/Composition/index.js +0 -233
  103. package/es/query-form/Field/Composition/index.js.map +0 -1
  104. package/es/query-form/Field/Composition/index.less +0 -118
  105. package/es/query-form/Field/Composition/utils.js +0 -154
  106. package/es/query-form/Field/Composition/utils.js.map +0 -1
  107. package/es/query-form-v2/index.less +0 -133
  108. package/es/scroll-bar/Bar.js +0 -56
  109. package/es/scroll-bar/Bar.js.map +0 -1
  110. package/es/scroll-bar/Context.js +0 -6
  111. package/es/scroll-bar/Context.js.map +0 -1
  112. package/es/scroll-bar/ScrollBar.js +0 -86
  113. package/es/scroll-bar/ScrollBar.js.map +0 -1
  114. package/es/scroll-bar/Thumb.js +0 -105
  115. package/es/scroll-bar/Thumb.js.map +0 -1
  116. package/es/scroll-bar/index.js +0 -3
  117. package/es/scroll-bar/index.js.map +0 -1
  118. package/es/scroll-bar/scrollBar.less +0 -59
  119. package/es/scroll-bar/util.js +0 -31
  120. package/es/scroll-bar/util.js.map +0 -1
  121. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
  122. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  123. package/lib/query-form/Field/Composition/FieldPopover.js +0 -338
  124. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  125. package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
  126. package/lib/query-form/Field/Composition/Select.d.ts +0 -4
  127. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  128. package/lib/query-form/Field/Composition/Select.js +0 -146
  129. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  130. package/lib/query-form/Field/Composition/ValueTag.d.ts +0 -12
  131. package/lib/query-form/Field/Composition/ValueTag.d.ts.map +0 -1
  132. package/lib/query-form/Field/Composition/ValueTag.js +0 -150
  133. package/lib/query-form/Field/Composition/ValueTag.js.map +0 -1
  134. package/lib/query-form/Field/Composition/index.d.ts +0 -12
  135. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  136. package/lib/query-form/Field/Composition/index.js +0 -277
  137. package/lib/query-form/Field/Composition/index.js.map +0 -1
  138. package/lib/query-form/Field/Composition/index.less +0 -118
  139. package/lib/query-form/Field/Composition/utils.d.ts +0 -22
  140. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  141. package/lib/query-form/Field/Composition/utils.js +0 -168
  142. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  143. package/lib/query-form-v2/Field/Checkbox.d.ts +0 -8
  144. package/lib/query-form-v2/Field/Checkbox.d.ts.map +0 -1
  145. package/lib/query-form-v2/Field/Checkbox.js +0 -28
  146. package/lib/query-form-v2/Field/Checkbox.js.map +0 -1
  147. package/lib/query-form-v2/Field/Select.d.ts +0 -4
  148. package/lib/query-form-v2/Field/Select.d.ts.map +0 -1
  149. package/lib/query-form-v2/Field/Select.js +0 -80
  150. package/lib/query-form-v2/Field/Select.js.map +0 -1
  151. package/lib/query-form-v2/Field/SelectInput.d.ts +0 -4
  152. package/lib/query-form-v2/Field/SelectInput.d.ts.map +0 -1
  153. package/lib/query-form-v2/Field/SelectInput.js +0 -88
  154. package/lib/query-form-v2/Field/SelectInput.js.map +0 -1
  155. package/lib/query-form-v2/Field/fieldsMap.d.ts +0 -24
  156. package/lib/query-form-v2/Field/fieldsMap.d.ts.map +0 -1
  157. package/lib/query-form-v2/Field/fieldsMap.js +0 -35
  158. package/lib/query-form-v2/Field/fieldsMap.js.map +0 -1
  159. package/lib/query-form-v2/Field/index.d.ts +0 -14
  160. package/lib/query-form-v2/Field/index.d.ts.map +0 -1
  161. package/lib/query-form-v2/Field/index.js +0 -146
  162. package/lib/query-form-v2/Field/index.js.map +0 -1
  163. package/lib/query-form-v2/createActions.d.ts +0 -14
  164. package/lib/query-form-v2/createActions.d.ts.map +0 -1
  165. package/lib/query-form-v2/createActions.js +0 -54
  166. package/lib/query-form-v2/createActions.js.map +0 -1
  167. package/lib/query-form-v2/index.d.ts +0 -39
  168. package/lib/query-form-v2/index.d.ts.map +0 -1
  169. package/lib/query-form-v2/index.js +0 -391
  170. package/lib/query-form-v2/index.js.map +0 -1
  171. package/lib/query-form-v2/index.less +0 -133
  172. package/lib/query-form-v2/useForm.d.ts +0 -13
  173. package/lib/query-form-v2/useForm.d.ts.map +0 -1
  174. package/lib/query-form-v2/useForm.js +0 -13
  175. package/lib/query-form-v2/useForm.js.map +0 -1
  176. package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
  177. package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
  178. package/lib/query-form-v3/Field/Checkbox.js +0 -28
  179. package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
  180. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
  181. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
  182. package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -381
  183. package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
  184. package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
  185. package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
  186. package/lib/query-form-v3/Field/Composition/Select.js +0 -131
  187. package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
  188. package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
  189. package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
  190. package/lib/query-form-v3/Field/Composition/index.js +0 -255
  191. package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
  192. package/lib/query-form-v3/Field/Composition/index.less +0 -118
  193. package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
  194. package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
  195. package/lib/query-form-v3/Field/Composition/utils.js +0 -147
  196. package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
  197. package/lib/query-form-v3/Field/Select.d.ts +0 -4
  198. package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
  199. package/lib/query-form-v3/Field/Select.js +0 -80
  200. package/lib/query-form-v3/Field/Select.js.map +0 -1
  201. package/lib/query-form-v3/Field/SelectInput.d.ts +0 -4
  202. package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
  203. package/lib/query-form-v3/Field/SelectInput.js +0 -100
  204. package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
  205. package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
  206. package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
  207. package/lib/query-form-v3/Field/fieldsMap.js +0 -35
  208. package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
  209. package/lib/query-form-v3/Field/index.d.ts +0 -14
  210. package/lib/query-form-v3/Field/index.d.ts.map +0 -1
  211. package/lib/query-form-v3/Field/index.js +0 -147
  212. package/lib/query-form-v3/Field/index.js.map +0 -1
  213. package/lib/query-form-v3/createActions.d.ts +0 -14
  214. package/lib/query-form-v3/createActions.d.ts.map +0 -1
  215. package/lib/query-form-v3/createActions.js +0 -54
  216. package/lib/query-form-v3/createActions.js.map +0 -1
  217. package/lib/query-form-v3/index.d.ts +0 -27
  218. package/lib/query-form-v3/index.d.ts.map +0 -1
  219. package/lib/query-form-v3/index.js +0 -206
  220. package/lib/query-form-v3/index.js.map +0 -1
  221. package/lib/query-form-v3/index.less +0 -91
  222. package/lib/query-form-v3/useForm.d.ts +0 -13
  223. package/lib/query-form-v3/useForm.d.ts.map +0 -1
  224. package/lib/query-form-v3/useForm.js +0 -13
  225. package/lib/query-form-v3/useForm.js.map +0 -1
  226. package/lib/scroll-bar/Bar.d.ts +0 -4
  227. package/lib/scroll-bar/Bar.d.ts.map +0 -1
  228. package/lib/scroll-bar/Bar.js +0 -91
  229. package/lib/scroll-bar/Bar.js.map +0 -1
  230. package/lib/scroll-bar/Context.d.ts +0 -7
  231. package/lib/scroll-bar/Context.d.ts.map +0 -1
  232. package/lib/scroll-bar/Context.js +0 -13
  233. package/lib/scroll-bar/Context.js.map +0 -1
  234. package/lib/scroll-bar/ScrollBar.d.ts +0 -4
  235. package/lib/scroll-bar/ScrollBar.d.ts.map +0 -1
  236. package/lib/scroll-bar/ScrollBar.js +0 -97
  237. package/lib/scroll-bar/ScrollBar.js.map +0 -1
  238. package/lib/scroll-bar/Thumb.d.ts +0 -3
  239. package/lib/scroll-bar/Thumb.d.ts.map +0 -1
  240. package/lib/scroll-bar/Thumb.js +0 -125
  241. package/lib/scroll-bar/Thumb.js.map +0 -1
  242. package/lib/scroll-bar/index.d.ts +0 -3
  243. package/lib/scroll-bar/index.d.ts.map +0 -1
  244. package/lib/scroll-bar/index.js +0 -10
  245. package/lib/scroll-bar/index.js.map +0 -1
  246. package/lib/scroll-bar/scrollBar.less +0 -59
  247. package/lib/scroll-bar/util.d.ts +0 -40
  248. package/lib/scroll-bar/util.d.ts.map +0 -1
  249. package/lib/scroll-bar/util.js +0 -39
  250. package/lib/scroll-bar/util.js.map +0 -1
@@ -1,125 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = Thumb;
8
- var _classnames = _interopRequireDefault(require("classnames"));
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _Context = _interopRequireDefault(require("./Context"));
11
- var _util = require("./util");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
15
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
16
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
18
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
19
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
20
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
21
- function Thumb(props) {
22
- var _useContext = (0, _react.useContext)(_Context["default"]),
23
- scrollbarElement = _useContext.scrollbarElement,
24
- wrapElement = _useContext.wrapElement;
25
- var instance = (0, _react.useRef)();
26
- var thumb = (0, _react.useRef)();
27
- var _useState = (0, _react.useState)(false),
28
- _useState2 = _slicedToArray(_useState, 2),
29
- visible = _useState2[0],
30
- setVisible = _useState2[1];
31
- // 当作非响应式变量使用
32
- var thumbState = (0, _react.useRef)({});
33
- var cursorDown = (0, _react.useRef)(false);
34
- var cursorLeave = (0, _react.useRef)(false);
35
- var originalOnSelectStart = (0, _react.useRef)(document.onselectstart);
36
- var bar = _util.BAR_MAP[props.vertical ? 'vertical' : 'horizontal'];
37
- (0, _react.useEffect)(function () {
38
- var element = scrollbarElement.current;
39
- element.addEventListener('mousemove', mouseMoveScrollbarHandler);
40
- element.addEventListener('mouseleave', mouseLeaveScrollbarHandler);
41
- return function () {
42
- restoreOnselectstart();
43
- document.removeEventListener('mouseup', mouseUpDocumentHandler);
44
- element.removeEventListener('mousemove', mouseMoveScrollbarHandler);
45
- element.removeEventListener('mouseleave', mouseLeaveScrollbarHandler);
46
- };
47
- }, []);
48
- function mouseMoveScrollbarHandler() {
49
- cursorLeave.current = false;
50
- setVisible(true);
51
- }
52
- function mouseLeaveScrollbarHandler() {
53
- cursorLeave.current = true;
54
- setVisible(cursorDown.current);
55
- }
56
- function getOffsetRatio() {
57
- return Math.pow(instance.current[bar.offset], 2) / wrapElement.current[bar.scrollSize] / props.ratio / thumb.current[bar.offset];
58
- }
59
- function clickTrackHandler(e) {
60
- if (!thumb.current || !instance.current || !wrapElement.current) return;
61
- // 鼠标点击的坐标距离顶端的距离
62
- var offset = Math.abs(e.target.getBoundingClientRect()[bar.direction] - e[bar.client]);
63
- var thumbHalf = thumb.current[bar.offset] / 2;
64
- var thumbPositionPercentage = (offset - thumbHalf) * 100 * getOffsetRatio() / instance.current[bar.offset];
65
- // 直接给scrollTop赋值,就会调用bar组件的handleScroll函数
66
- wrapElement.current[bar.scroll] = thumbPositionPercentage * wrapElement.current[bar.scrollSize] / 100;
67
- }
68
- function clickThumbHandler(e) {
69
- var _a;
70
- e.stopPropagation();
71
- if (e.ctrlKey || [1, 2].includes(e.button)) return;
72
- (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
73
- startDrag(e);
74
- var el = e.currentTarget;
75
- if (!el) return;
76
- thumbState.current[bar.axis] = el[bar.offset] - (e[bar.client] - el.getBoundingClientRect()[bar.direction]);
77
- }
78
- function startDrag(e) {
79
- e.persist();
80
- cursorDown.current = true;
81
- document.addEventListener('mousemove', mouseMoveDocumentHandler);
82
- document.addEventListener('mouseup', mouseUpDocumentHandler);
83
- originalOnSelectStart.current = document.onselectstart;
84
- document.onselectstart = function () {
85
- return false;
86
- };
87
- }
88
- function mouseMoveDocumentHandler(e) {
89
- if (!instance.current || !thumb.current) return;
90
- if (cursorDown.current === false) return;
91
- var prevPage = thumbState.current[bar.axis];
92
- if (!prevPage) return;
93
- var offset = (instance.current.getBoundingClientRect()[bar.direction] - e[bar.client]) * -1;
94
- var thumbClickPosition = thumb.current[bar.offset] - prevPage;
95
- var thumbPositionPercentage = (offset - thumbClickPosition) * 100 * getOffsetRatio() / instance.current[bar.offset];
96
- wrapElement.current[bar.scroll] = thumbPositionPercentage * wrapElement.current[bar.scrollSize] / 100;
97
- }
98
- function mouseUpDocumentHandler() {
99
- cursorDown.current = false;
100
- thumbState.current[bar.axis] = 0;
101
- document.removeEventListener('mousemove', mouseMoveDocumentHandler);
102
- document.removeEventListener('mouseup', mouseUpDocumentHandler);
103
- restoreOnselectstart();
104
- if (cursorLeave.current) setVisible(false);
105
- }
106
- function restoreOnselectstart() {
107
- if (document.onselectstart !== originalOnSelectStart.current) document.onselectstart = originalOnSelectStart.current;
108
- }
109
- var thumbStyle = (0, _util.renderThumbStyle)({
110
- size: props.size,
111
- move: props.move,
112
- bar: bar
113
- });
114
- return _react["default"].createElement("div", {
115
- hidden: !(props.always || visible),
116
- className: (0, _classnames["default"])('tntd-scroll-bar-bar', bar.key),
117
- ref: instance,
118
- onMouseDown: clickTrackHandler
119
- }, _react["default"].createElement("div", {
120
- className: "tntd-scroll-bar-thumb",
121
- style: thumbStyle,
122
- ref: thumb,
123
- onMouseDown: clickThumbHandler
124
- }));
125
- }
@@ -1 +0,0 @@
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"]}
@@ -1,3 +0,0 @@
1
- export default ScrollBar;
2
- import ScrollBar from "./ScrollBar";
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/index.js"],"names":[],"mappings":""}
@@ -1,10 +0,0 @@
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(e) { return e && e.__esModule ? e : { "default": e }; }
10
- var _default = exports["default"] = _ScrollBar["default"];
@@ -1 +0,0 @@
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"]}
@@ -1,59 +0,0 @@
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
- }
@@ -1,40 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/util.js"],"names":[],"mappings":"AAAA,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBb;;;;;;;EAGL"}
@@ -1,39 +0,0 @@
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) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
8
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
9
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
10
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
11
- var GAP = exports.GAP = 4; // top 2 + bottom 2 of bar instance
12
- var BAR_MAP = exports.BAR_MAP = {
13
- vertical: {
14
- offset: 'offsetHeight',
15
- scroll: 'scrollTop',
16
- scrollSize: 'scrollHeight',
17
- size: 'height',
18
- key: 'vertical',
19
- axis: 'Y',
20
- client: 'clientY',
21
- direction: 'top'
22
- },
23
- horizontal: {
24
- offset: 'offsetWidth',
25
- scroll: 'scrollLeft',
26
- scrollSize: 'scrollWidth',
27
- size: 'width',
28
- key: 'horizontal',
29
- axis: 'X',
30
- client: 'clientX',
31
- direction: 'left'
32
- }
33
- };
34
- var renderThumbStyle = exports.renderThumbStyle = function renderThumbStyle(_ref) {
35
- var move = _ref.move,
36
- size = _ref.size,
37
- bar = _ref.bar;
38
- return _defineProperty(_defineProperty({}, bar.size, size), "transform", "translate".concat(bar.axis, "(").concat(move, "%)"));
39
- };
@@ -1 +0,0 @@
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"]}