tntd 3.0.25 → 3.0.26

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 (191) 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/radio/radio-group.js +5 -0
  6. package/es/radio/radio-group.js.map +1 -0
  7. package/es/steps/stepStyle/small.less +5 -0
  8. package/es/table/table.js +11 -7
  9. package/es/table/table.js.map +1 -1
  10. package/es/tntd-virtual-tree/index.less +2 -2
  11. package/es/tntd-virtual-tree-select/index.js +4 -2
  12. package/es/tntd-virtual-tree-select/index.js.map +1 -1
  13. package/es/upload/svg/UploadSVG.js +37 -0
  14. package/es/upload/svg/UploadSVG.js.map +1 -0
  15. package/es/upload/upload.less +108 -0
  16. package/lib/checkbox/checkbox-group.d.ts +8 -0
  17. package/lib/checkbox/checkbox-group.d.ts.map +1 -0
  18. package/lib/checkbox/checkbox-group.js +12 -0
  19. package/lib/checkbox/checkbox-group.js.map +1 -0
  20. package/lib/radio/radio-group.d.ts +8 -0
  21. package/lib/radio/radio-group.d.ts.map +1 -0
  22. package/lib/radio/radio-group.js +12 -0
  23. package/lib/radio/radio-group.js.map +1 -0
  24. package/lib/steps/stepStyle/small.less +5 -0
  25. package/lib/table/table.d.ts +1 -1
  26. package/lib/table/table.d.ts.map +1 -1
  27. package/lib/table/table.js +14 -7
  28. package/lib/table/table.js.map +1 -1
  29. package/lib/tntd-virtual-tree/index.less +2 -2
  30. package/lib/tntd-virtual-tree-select/index.d.ts +2 -1
  31. package/lib/tntd-virtual-tree-select/index.d.ts.map +1 -1
  32. package/lib/tntd-virtual-tree-select/index.js +6 -3
  33. package/lib/tntd-virtual-tree-select/index.js.map +1 -1
  34. package/lib/{query-form-v3/Field/Composition/Select.d.ts → upload/svg/UploadSVG.d.ts} +1 -1
  35. package/lib/upload/svg/UploadSVG.d.ts.map +1 -0
  36. package/lib/upload/svg/UploadSVG.js +44 -0
  37. package/lib/upload/svg/UploadSVG.js.map +1 -0
  38. package/lib/upload/upload.less +108 -0
  39. package/lib/utils/index.d.ts +1 -0
  40. package/lib/utils/index.d.ts.map +1 -1
  41. package/package.json +2 -2
  42. package/es/query-form/Field/Composition/FieldPopover.js +0 -310
  43. package/es/query-form/Field/Composition/FieldPopover.js.map +0 -1
  44. package/es/query-form/Field/Composition/FieldPopover.less +0 -35
  45. package/es/query-form/Field/Composition/Select.js +0 -122
  46. package/es/query-form/Field/Composition/Select.js.map +0 -1
  47. package/es/query-form/Field/Composition/index.js +0 -248
  48. package/es/query-form/Field/Composition/index.js.map +0 -1
  49. package/es/query-form/Field/Composition/index.less +0 -118
  50. package/es/query-form/Field/Composition/utils.js +0 -153
  51. package/es/query-form/Field/Composition/utils.js.map +0 -1
  52. package/es/query-form-v2/index.less +0 -133
  53. package/es/scroll-bar/Bar.js +0 -56
  54. package/es/scroll-bar/Bar.js.map +0 -1
  55. package/es/scroll-bar/Context.js +0 -6
  56. package/es/scroll-bar/Context.js.map +0 -1
  57. package/es/scroll-bar/ScrollBar.js +0 -86
  58. package/es/scroll-bar/ScrollBar.js.map +0 -1
  59. package/es/scroll-bar/Thumb.js +0 -105
  60. package/es/scroll-bar/Thumb.js.map +0 -1
  61. package/es/scroll-bar/index.js +0 -3
  62. package/es/scroll-bar/index.js.map +0 -1
  63. package/es/scroll-bar/scrollBar.less +0 -59
  64. package/es/scroll-bar/util.js +0 -31
  65. package/es/scroll-bar/util.js.map +0 -1
  66. package/lib/query-form/Field/Composition/FieldPopover.d.ts +0 -19
  67. package/lib/query-form/Field/Composition/FieldPopover.d.ts.map +0 -1
  68. package/lib/query-form/Field/Composition/FieldPopover.js +0 -345
  69. package/lib/query-form/Field/Composition/FieldPopover.js.map +0 -1
  70. package/lib/query-form/Field/Composition/FieldPopover.less +0 -35
  71. package/lib/query-form/Field/Composition/Select.d.ts +0 -4
  72. package/lib/query-form/Field/Composition/Select.d.ts.map +0 -1
  73. package/lib/query-form/Field/Composition/Select.js +0 -146
  74. package/lib/query-form/Field/Composition/Select.js.map +0 -1
  75. package/lib/query-form/Field/Composition/index.d.ts +0 -12
  76. package/lib/query-form/Field/Composition/index.d.ts.map +0 -1
  77. package/lib/query-form/Field/Composition/index.js +0 -294
  78. package/lib/query-form/Field/Composition/index.js.map +0 -1
  79. package/lib/query-form/Field/Composition/index.less +0 -118
  80. package/lib/query-form/Field/Composition/utils.d.ts +0 -21
  81. package/lib/query-form/Field/Composition/utils.d.ts.map +0 -1
  82. package/lib/query-form/Field/Composition/utils.js +0 -164
  83. package/lib/query-form/Field/Composition/utils.js.map +0 -1
  84. package/lib/query-form-v2/Field/Checkbox.d.ts +0 -8
  85. package/lib/query-form-v2/Field/Checkbox.d.ts.map +0 -1
  86. package/lib/query-form-v2/Field/Checkbox.js +0 -28
  87. package/lib/query-form-v2/Field/Checkbox.js.map +0 -1
  88. package/lib/query-form-v2/Field/Select.d.ts +0 -4
  89. package/lib/query-form-v2/Field/Select.d.ts.map +0 -1
  90. package/lib/query-form-v2/Field/Select.js +0 -80
  91. package/lib/query-form-v2/Field/Select.js.map +0 -1
  92. package/lib/query-form-v2/Field/SelectInput.d.ts +0 -4
  93. package/lib/query-form-v2/Field/SelectInput.d.ts.map +0 -1
  94. package/lib/query-form-v2/Field/SelectInput.js +0 -88
  95. package/lib/query-form-v2/Field/SelectInput.js.map +0 -1
  96. package/lib/query-form-v2/Field/fieldsMap.d.ts +0 -24
  97. package/lib/query-form-v2/Field/fieldsMap.d.ts.map +0 -1
  98. package/lib/query-form-v2/Field/fieldsMap.js +0 -35
  99. package/lib/query-form-v2/Field/fieldsMap.js.map +0 -1
  100. package/lib/query-form-v2/Field/index.d.ts +0 -14
  101. package/lib/query-form-v2/Field/index.d.ts.map +0 -1
  102. package/lib/query-form-v2/Field/index.js +0 -146
  103. package/lib/query-form-v2/Field/index.js.map +0 -1
  104. package/lib/query-form-v2/createActions.d.ts +0 -14
  105. package/lib/query-form-v2/createActions.d.ts.map +0 -1
  106. package/lib/query-form-v2/createActions.js +0 -54
  107. package/lib/query-form-v2/createActions.js.map +0 -1
  108. package/lib/query-form-v2/index.d.ts +0 -39
  109. package/lib/query-form-v2/index.d.ts.map +0 -1
  110. package/lib/query-form-v2/index.js +0 -391
  111. package/lib/query-form-v2/index.js.map +0 -1
  112. package/lib/query-form-v2/index.less +0 -133
  113. package/lib/query-form-v2/useForm.d.ts +0 -13
  114. package/lib/query-form-v2/useForm.d.ts.map +0 -1
  115. package/lib/query-form-v2/useForm.js +0 -13
  116. package/lib/query-form-v2/useForm.js.map +0 -1
  117. package/lib/query-form-v3/Field/Checkbox.d.ts +0 -8
  118. package/lib/query-form-v3/Field/Checkbox.d.ts.map +0 -1
  119. package/lib/query-form-v3/Field/Checkbox.js +0 -28
  120. package/lib/query-form-v3/Field/Checkbox.js.map +0 -1
  121. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts +0 -19
  122. package/lib/query-form-v3/Field/Composition/FieldPopover.d.ts.map +0 -1
  123. package/lib/query-form-v3/Field/Composition/FieldPopover.js +0 -381
  124. package/lib/query-form-v3/Field/Composition/FieldPopover.js.map +0 -1
  125. package/lib/query-form-v3/Field/Composition/FieldPopover.less +0 -35
  126. package/lib/query-form-v3/Field/Composition/Select.d.ts.map +0 -1
  127. package/lib/query-form-v3/Field/Composition/Select.js +0 -131
  128. package/lib/query-form-v3/Field/Composition/Select.js.map +0 -1
  129. package/lib/query-form-v3/Field/Composition/index.d.ts +0 -10
  130. package/lib/query-form-v3/Field/Composition/index.d.ts.map +0 -1
  131. package/lib/query-form-v3/Field/Composition/index.js +0 -255
  132. package/lib/query-form-v3/Field/Composition/index.js.map +0 -1
  133. package/lib/query-form-v3/Field/Composition/index.less +0 -118
  134. package/lib/query-form-v3/Field/Composition/utils.d.ts +0 -22
  135. package/lib/query-form-v3/Field/Composition/utils.d.ts.map +0 -1
  136. package/lib/query-form-v3/Field/Composition/utils.js +0 -147
  137. package/lib/query-form-v3/Field/Composition/utils.js.map +0 -1
  138. package/lib/query-form-v3/Field/Select.d.ts +0 -4
  139. package/lib/query-form-v3/Field/Select.d.ts.map +0 -1
  140. package/lib/query-form-v3/Field/Select.js +0 -80
  141. package/lib/query-form-v3/Field/Select.js.map +0 -1
  142. package/lib/query-form-v3/Field/SelectInput.d.ts +0 -4
  143. package/lib/query-form-v3/Field/SelectInput.d.ts.map +0 -1
  144. package/lib/query-form-v3/Field/SelectInput.js +0 -100
  145. package/lib/query-form-v3/Field/SelectInput.js.map +0 -1
  146. package/lib/query-form-v3/Field/fieldsMap.d.ts +0 -27
  147. package/lib/query-form-v3/Field/fieldsMap.d.ts.map +0 -1
  148. package/lib/query-form-v3/Field/fieldsMap.js +0 -35
  149. package/lib/query-form-v3/Field/fieldsMap.js.map +0 -1
  150. package/lib/query-form-v3/Field/index.d.ts +0 -14
  151. package/lib/query-form-v3/Field/index.d.ts.map +0 -1
  152. package/lib/query-form-v3/Field/index.js +0 -147
  153. package/lib/query-form-v3/Field/index.js.map +0 -1
  154. package/lib/query-form-v3/createActions.d.ts +0 -14
  155. package/lib/query-form-v3/createActions.d.ts.map +0 -1
  156. package/lib/query-form-v3/createActions.js +0 -54
  157. package/lib/query-form-v3/createActions.js.map +0 -1
  158. package/lib/query-form-v3/index.d.ts +0 -27
  159. package/lib/query-form-v3/index.d.ts.map +0 -1
  160. package/lib/query-form-v3/index.js +0 -206
  161. package/lib/query-form-v3/index.js.map +0 -1
  162. package/lib/query-form-v3/index.less +0 -91
  163. package/lib/query-form-v3/useForm.d.ts +0 -13
  164. package/lib/query-form-v3/useForm.d.ts.map +0 -1
  165. package/lib/query-form-v3/useForm.js +0 -13
  166. package/lib/query-form-v3/useForm.js.map +0 -1
  167. package/lib/scroll-bar/Bar.d.ts +0 -4
  168. package/lib/scroll-bar/Bar.d.ts.map +0 -1
  169. package/lib/scroll-bar/Bar.js +0 -91
  170. package/lib/scroll-bar/Bar.js.map +0 -1
  171. package/lib/scroll-bar/Context.d.ts +0 -7
  172. package/lib/scroll-bar/Context.d.ts.map +0 -1
  173. package/lib/scroll-bar/Context.js +0 -13
  174. package/lib/scroll-bar/Context.js.map +0 -1
  175. package/lib/scroll-bar/ScrollBar.d.ts +0 -4
  176. package/lib/scroll-bar/ScrollBar.d.ts.map +0 -1
  177. package/lib/scroll-bar/ScrollBar.js +0 -97
  178. package/lib/scroll-bar/ScrollBar.js.map +0 -1
  179. package/lib/scroll-bar/Thumb.d.ts +0 -3
  180. package/lib/scroll-bar/Thumb.d.ts.map +0 -1
  181. package/lib/scroll-bar/Thumb.js +0 -125
  182. package/lib/scroll-bar/Thumb.js.map +0 -1
  183. package/lib/scroll-bar/index.d.ts +0 -3
  184. package/lib/scroll-bar/index.d.ts.map +0 -1
  185. package/lib/scroll-bar/index.js +0 -10
  186. package/lib/scroll-bar/index.js.map +0 -1
  187. package/lib/scroll-bar/scrollBar.less +0 -59
  188. package/lib/scroll-bar/util.d.ts +0 -40
  189. package/lib/scroll-bar/util.d.ts.map +0 -1
  190. package/lib/scroll-bar/util.js +0 -39
  191. package/lib/scroll-bar/util.js.map +0 -1
@@ -1,206 +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"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _createActions = _interopRequireDefault(require("./createActions"));
11
- var _Field = _interopRequireDefault(require("./Field"));
12
- var _Composition = _interopRequireDefault(require("./Field/Composition"));
13
- var _useForm = _interopRequireDefault(require("./useForm"));
14
- var _button = _interopRequireDefault(require("../button"));
15
- var _form = _interopRequireDefault(require("../form"));
16
- var _prevLocale = require("../prev-locale");
17
- require("./index.less");
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
19
- 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); }
20
- 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; }
21
- 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; }
22
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
23
- 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); }
24
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
25
- 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."); }
26
- 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; } }
27
- 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; }
28
- 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; } }
29
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
30
- var clsPrefix = 'tnt-queryform';
31
- function QueryForm(_ref) {
32
- var form = _ref.form,
33
- _ref$className = _ref.className,
34
- className = _ref$className === void 0 ? '' : _ref$className,
35
- _initialValues = _ref.initialValues,
36
- language = _ref.language,
37
- onSearch = _ref.onSearch,
38
- onReset = _ref.onReset,
39
- onChange = _ref.onChange,
40
- renderActions = _ref.renderActions,
41
- extraActions = _ref.extraActions,
42
- children = _ref.children,
43
- _ref$showSearch = _ref.showSearch,
44
- showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
45
- _ref$showReset = _ref.showReset,
46
- showReset = _ref$showReset === void 0 ? false : _ref$showReset,
47
- _ref$showFieldCount = _ref.showFieldCount,
48
- showFieldCount = _ref$showFieldCount === void 0 ? 3 : _ref$showFieldCount,
49
- _ref$minGroupCount = _ref.minGroupCount,
50
- minGroupCount = _ref$minGroupCount === void 0 ? 3 : _ref$minGroupCount;
51
- var _useState = (0, _react.useState)(_initialValues || {}),
52
- _useState2 = _slicedToArray(_useState, 2),
53
- initialValues = _useState2[0],
54
- setInitialValues = _useState2[1];
55
- var formRef = (0, _react.useRef)(form || (0, _createActions["default"])());
56
- (0, _react.useEffect)(function () {
57
- var _search = function _search() {
58
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
59
- onSearch(Object.assign(Object.assign({}, formRef.current.getValues()), params));
60
- };
61
- formRef.current.setData('initialValues', initialValues);
62
- formRef.current.setData('values', initialValues);
63
- formRef.current.on('search', _search);
64
- return function () {
65
- formRef.current.off('search', _search);
66
- };
67
- }, []);
68
- var _getText = function _getText(key) {
69
- return (0, _prevLocale.getText)(key, language || (0, _prevLocale.getLanguage)());
70
- };
71
- var _onSearch = function _onSearch() {
72
- onSearch === null || onSearch === void 0 ? void 0 : onSearch(formRef.current.getValues());
73
- };
74
- var _onReset = function _onReset() {
75
- formRef.current.setValues(Object.assign({}, initialValues));
76
- onReset === null || onReset === void 0 ? void 0 : onReset(initialValues);
77
- setInitialValues(Object.assign({}, initialValues));
78
- };
79
- var _onFieldChange = function _onFieldChange(name, value) {
80
- var values = formRef.current.getValues();
81
- var newValues = Object.assign(Object.assign({}, values), _defineProperty({}, name, value));
82
- var changedInfo = {
83
- name: name,
84
- value: value,
85
- preValue: values === null || values === void 0 ? void 0 : values[name]
86
- };
87
- formRef.current.setData('values', newValues);
88
- for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
89
- rest[_key - 2] = arguments[_key];
90
- }
91
- onChange && onChange.apply(void 0, [newValues, changedInfo].concat(rest));
92
- };
93
- var _onCompositionFieldChange = function _onCompositionFieldChange(value, deleteKeys, needSearch) {
94
- var _a;
95
- var values = formRef.current.getValues();
96
- var newValues = Object.assign(Object.assign({}, values), value);
97
- if (deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.length) {
98
- deleteKeys === null || deleteKeys === void 0 ? void 0 : deleteKeys.forEach(function (key) {
99
- if (values === null || values === void 0 ? void 0 : values[key]) {
100
- delete newValues[key];
101
- }
102
- });
103
- }
104
- formRef.current.setData('values', newValues);
105
- if (onChange) {
106
- (_a = Object.keys(values)) === null || _a === void 0 ? void 0 : _a.forEach(function (key) {
107
- if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {
108
- var changedInfo = {
109
- name: key,
110
- value: value[key],
111
- preValue: values === null || values === void 0 ? void 0 : values[key]
112
- };
113
- onChange(newValues, changedInfo);
114
- }
115
- });
116
- if (needSearch) {
117
- formRef.current.emit('search', newValues);
118
- }
119
- }
120
- };
121
- var _useMemo = (0, _react.useMemo)(function () {
122
- var _a;
123
- var groupFields = [];
124
- var outFields = [];
125
- var otherFields = [];
126
- var rightChildren = [];
127
- var compositionInitValues = {};
128
- _react["default"].Children.map(children, function (child) {
129
- var _a, _b;
130
- if (child) {
131
- if (((_a = child.props) === null || _a === void 0 ? void 0 : _a.align) === 'right') {
132
- rightChildren.push(child);
133
- return;
134
- } else if (((_b = child.props) === null || _b === void 0 ? void 0 : _b.isGroup) === false) {
135
- outFields.push(child);
136
- } else {
137
- groupFields.push(child);
138
- }
139
- otherFields.push(child);
140
- }
141
- });
142
- if (groupFields.length <= minGroupCount) {
143
- groupFields = [];
144
- outFields = otherFields;
145
- } else {
146
- // 初始值
147
- for (var i = 0; i < groupFields.length; i++) {
148
- var name = (_a = groupFields[i].props) === null || _a === void 0 ? void 0 : _a.name;
149
- if (initialValues[name] !== undefined) {
150
- compositionInitValues[name] = initialValues[name];
151
- }
152
- }
153
- }
154
- return [groupFields, outFields, rightChildren, compositionInitValues];
155
- }, [children, minGroupCount, initialValues]),
156
- _useMemo2 = _slicedToArray(_useMemo, 4),
157
- groupFields = _useMemo2[0],
158
- outFields = _useMemo2[1],
159
- rightChildren = _useMemo2[2],
160
- compositionInitValues = _useMemo2[3];
161
- var isGroupMode = groupFields.length > 0;
162
- var hasOutField = outFields.length > 0;
163
- var showExtra = rightChildren.length > 0 || extraActions;
164
- return _react["default"].createElement("div", {
165
- className: (0, _classnames["default"])(clsPrefix, _defineProperty({}, className, className))
166
- }, _react["default"].createElement(_form["default"], {
167
- layout: "inline"
168
- }, _react["default"].createElement("div", {
169
- className: "".concat(clsPrefix, "-top")
170
- }, _react["default"].createElement("div", {
171
- className: "".concat(clsPrefix, "-top-body")
172
- }, hasOutField ? outFields.map(function (child, i) {
173
- var _a;
174
- return _react["default"].cloneElement(child, {
175
- form: formRef.current,
176
- initialValue: initialValues === null || initialValues === void 0 ? void 0 : initialValues[(_a = child.props) === null || _a === void 0 ? void 0 : _a.name],
177
- onChange: _onFieldChange,
178
- key: i
179
- });
180
- }) : isGroupMode ? _react["default"].createElement(_Composition["default"], {
181
- clsPrefix: clsPrefix,
182
- fieldItems: groupFields,
183
- initialValues: compositionInitValues,
184
- onChange: _onCompositionFieldChange,
185
- form: formRef.current
186
- }) : null, renderActions ? renderActions() : _react["default"].createElement(_react["default"].Fragment, null, showSearch && _react["default"].createElement(_button["default"], {
187
- type: "primary",
188
- onClick: _onSearch
189
- }, _getText('search')), showReset && _react["default"].createElement(_button["default"], {
190
- onClick: _onReset
191
- }, _getText('reset')))), showExtra && _react["default"].createElement("div", {
192
- className: "".concat(clsPrefix, "-extra")
193
- }, rightChildren, extraActions)), isGroupMode && hasOutField && _react["default"].createElement("div", {
194
- className: "".concat(clsPrefix, "-bottom")
195
- }, _react["default"].createElement(_Composition["default"], {
196
- clsPrefix: clsPrefix,
197
- fieldItems: groupFields,
198
- initialValues: compositionInitValues,
199
- onChange: _onCompositionFieldChange,
200
- form: formRef.current
201
- }))));
202
- }
203
- QueryForm.Field = _Field["default"];
204
- QueryForm.useForm = _useForm["default"];
205
- QueryForm.createForm = _createActions["default"];
206
- var _default = exports["default"] = QueryForm;
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/query-form-v3/index.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useRef, useEffect, useState } from 'react'\nimport cn from 'classnames'\nimport createActions from './createActions'\nimport Field from './Field'\nimport Composition from './Field/Composition'\nimport useForm from './useForm'\nimport Button from '../button'\nimport Form from '../form'\nimport { getLanguage, getText } from '../prev-locale'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-queryform'\n\nfunction QueryForm({\n form,\n className = '',\n initialValues: _initialValues,\n language,\n onSearch,\n onReset,\n onChange,\n renderActions,\n extraActions,\n children,\n showSearch = false,\n showReset = false,\n showFieldCount = 3,\n minGroupCount = 3, // 最小聚合个数\n}) {\n const [initialValues, setInitialValues] = useState(_initialValues || {})\n const formRef = useRef(form || createActions())\n\n useEffect(() => {\n const _search = (params = {}) => {\n onSearch({\n ...formRef.current.getValues(),\n ...params,\n })\n }\n formRef.current.setData('initialValues', initialValues)\n formRef.current.setData('values', initialValues)\n formRef.current.on('search', _search)\n return () => {\n formRef.current.off('search', _search)\n }\n }, [])\n\n const _getText = (key) => {\n return getText(key, language || getLanguage())\n }\n const _onSearch = () => {\n onSearch?.(formRef.current.getValues())\n }\n\n const _onReset = () => {\n formRef.current.setValues({ ...initialValues })\n onReset?.(initialValues)\n setInitialValues({ ...initialValues })\n }\n\n const _onFieldChange = (name, value, ...rest) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n [name]: value,\n }\n const changedInfo = { name, value, preValue: values?.[name] }\n formRef.current.setData('values', newValues)\n onChange && onChange(newValues, changedInfo, ...rest)\n }\n\n const _onCompositionFieldChange = (value, deleteKeys, needSearch) => {\n const values = formRef.current.getValues()\n const newValues = {\n ...values,\n ...value,\n }\n if (deleteKeys?.length) {\n deleteKeys?.forEach((key) => {\n if (values?.[key]) {\n delete newValues[key]\n }\n })\n }\n formRef.current.setData('values', newValues)\n if (onChange) {\n Object.keys(values)?.forEach((key) => {\n if (JSON.stringify(value[key]) !== JSON.stringify(values[key] || '')) {\n const changedInfo = { name: key, value: value[key], preValue: values?.[key] }\n onChange(newValues, changedInfo)\n }\n })\n if(needSearch) {\n formRef.current.emit('search', newValues)\n }\n }\n }\n\n const [groupFields, outFields, rightChildren, compositionInitValues] = useMemo(() => {\n let groupFields = []\n let outFields = []\n let otherFields = []\n const rightChildren = []\n const compositionInitValues = {}\n React.Children.map(children, (child) => {\n if (child) {\n if (child.props?.align === 'right') {\n rightChildren.push(child)\n return\n } else if (child.props?.isGroup === false) {\n outFields.push(child)\n } else {\n groupFields.push(child)\n }\n otherFields.push(child)\n }\n })\n if (groupFields.length <= minGroupCount) {\n groupFields = []\n outFields = otherFields\n } else {\n // 初始值\n for (let i = 0; i < groupFields.length; i++) {\n const name = groupFields[i].props?.name\n if (initialValues[name] !== undefined) {\n compositionInitValues[name] = initialValues[name]\n }\n }\n }\n return [groupFields, outFields, rightChildren, compositionInitValues]\n }, [children, minGroupCount, initialValues])\n\n const isGroupMode = groupFields.length > 0\n const hasOutField = outFields.length > 0\n const showExtra = rightChildren.length > 0 || extraActions\n\n return (\n <div className={cn(clsPrefix, { [className]: className })}>\n <Form layout=\"inline\">\n <div className={`${clsPrefix}-top`}>\n <div className={`${clsPrefix}-top-body`}>\n {hasOutField ? (\n outFields.map((child, i) =>\n React.cloneElement(child, {\n form: formRef.current,\n initialValue: initialValues?.[child.props?.name],\n onChange: _onFieldChange,\n key: i,\n })\n )\n ) : isGroupMode ? (\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n ) : null}\n\n {renderActions ? (\n renderActions()\n ) : (\n <>\n {showSearch && (\n <Button type=\"primary\" onClick={_onSearch}>\n {_getText('search')}\n </Button>\n )}\n {showReset && <Button onClick={_onReset}>{_getText('reset')}</Button>}\n </>\n )}\n </div>\n {showExtra && (\n <div className={`${clsPrefix}-extra`}>\n {rightChildren}\n {extraActions}\n </div>\n )}\n </div>\n {isGroupMode && hasOutField && (\n <div className={`${clsPrefix}-bottom`}>\n <Composition\n clsPrefix={clsPrefix}\n fieldItems={groupFields}\n initialValues={compositionInitValues}\n onChange={_onCompositionFieldChange}\n form={formRef.current}\n />\n </div>\n )}\n </Form>\n </div>\n )\n}\n\nQueryForm.Field = Field\nQueryForm.useForm = useForm\nQueryForm.createForm = createActions\n\nexport default QueryForm\n"]}
@@ -1,91 +0,0 @@
1
- .tnt-queryform {
2
- &-top {
3
- display: flex;
4
- flex: 1;
5
- &-body {
6
- flex: 1;
7
- .ant-btn {
8
- margin-right: 10px;
9
- }
10
- }
11
- }
12
-
13
- &-extra {
14
- & > * {
15
- margin-left: 10px;
16
- }
17
- }
18
-
19
- .ant-form {
20
- // margin-bottom: @margin-sm;
21
- &.ant-form-inline {
22
- flex-wrap: unset;
23
- position: relative;
24
- }
25
-
26
- &.ant-form-inline .ant-form-item {
27
- margin-right: 10px;
28
- margin-bottom: @margin-sm;
29
- display: inline-block;
30
- }
31
-
32
- .ant-form-item-control {
33
- // min-width: 160px;
34
- line-height: unset;
35
- .ant-calendar-picker-input {
36
- padding: 0 @padding-sm;
37
- }
38
- .ant-form-item-children {
39
- & > .ant-input,
40
- & > .ant-input-affix-wrapper {
41
- width: 160px;
42
- // width: 200px;
43
- }
44
- }
45
- }
46
- }
47
-
48
- &-drawer {
49
- margin-top: @margin-xxl;
50
- &.large-size {
51
- margin-top: 60px;
52
- }
53
-
54
- &.ant-drawer.ant-drawer-open {
55
- .ant-drawer-mask {
56
- opacity: 0;
57
- background: unset;
58
- }
59
- }
60
- .ant-drawer-body {
61
- .ant-form-item {
62
- display: block;
63
- margin-right: 0;
64
- margin-bottom: @margin-md;
65
- width: 100%;
66
- }
67
- .ant-form-item-label {
68
- display: block;
69
- text-align: left;
70
- line-height: 22px;
71
- margin-bottom: 10px;
72
- }
73
- .ant-form-item-control-wrapper,
74
- .ant-form-item-control,
75
- .ant-calendar-picker,
76
- .ant-input {
77
- min-width: 100%;
78
- width: 100%;
79
- }
80
-
81
- & > .ant-btn {
82
- display: block;
83
- width: 100%;
84
- margin-bottom: 10px;
85
- &.ant-btn-primary {
86
- margin-top: @margin-md;
87
- }
88
- }
89
- }
90
- }
91
- }
@@ -1,13 +0,0 @@
1
- export default function useForm(): {
2
- setData(key: any, value: any): void;
3
- getData(key: any): void;
4
- setValues(values: any): void;
5
- getValues(): {};
6
- resetValues(): void;
7
- setValue(name: any, value: any): void;
8
- getValue(name: any): any;
9
- on: (eventName: any, callback: any) => void;
10
- emit: (...args: any[]) => void;
11
- off: (...args: any[]) => void;
12
- }[];
13
- //# sourceMappingURL=useForm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":"AAGA;;;;;;;;;;;IAIC"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = useForm;
7
- var _react = require("react");
8
- var _createActions = _interopRequireDefault(require("./createActions"));
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
- function useForm() {
11
- var form = (0, _react.useRef)((0, _createActions["default"])());
12
- return [form.current];
13
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/query-form-v3/useForm.js"],"names":[],"mappings":";;;;;AAAA,iCAA8B;AAC9B,oEAA2C;AAE3C,SAAwB,OAAO;IAC7B,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC,IAAA,uBAAa,GAAE,CAAC,CAAA;IAEpC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC;AAJD,0BAIC","sourcesContent":["import { useRef } from 'react'\nimport createActions from './createActions'\n\nexport default function useForm() {\n const form = useRef(createActions())\n\n return [form.current]\n}\n"]}
@@ -1,4 +0,0 @@
1
- declare var _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
2
- export default _default;
3
- import React from "react";
4
- //# sourceMappingURL=Bar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/Bar.js"],"names":[],"mappings":""}
@@ -1,91 +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"] = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _Context = _interopRequireDefault(require("./Context"));
10
- var _Thumb = _interopRequireDefault(require("./Thumb"));
11
- var _util = require("./util");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
- 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); }
14
- 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; }
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
- var _default = exports["default"] = (0, _react.forwardRef)(function (props, ref) {
22
- var _useContext = (0, _react.useContext)(_Context["default"]),
23
- wrapElement = _useContext.wrapElement;
24
- var _useState = (0, _react.useState)(0),
25
- _useState2 = _slicedToArray(_useState, 2),
26
- moveX = _useState2[0],
27
- setMoveX = _useState2[1];
28
- var _useState3 = (0, _react.useState)(0),
29
- _useState4 = _slicedToArray(_useState3, 2),
30
- moveY = _useState4[0],
31
- setMoveY = _useState4[1];
32
- var _useState5 = (0, _react.useState)(0),
33
- _useState6 = _slicedToArray(_useState5, 2),
34
- sizeWidth = _useState6[0],
35
- setSizeWidth = _useState6[1];
36
- var _useState7 = (0, _react.useState)(0),
37
- _useState8 = _slicedToArray(_useState7, 2),
38
- sizeHeight = _useState8[0],
39
- setSizeHeight = _useState8[1];
40
- var _useState9 = (0, _react.useState)(1),
41
- _useState10 = _slicedToArray(_useState9, 2),
42
- ratioX = _useState10[0],
43
- setRatioX = _useState10[1];
44
- var _useState11 = (0, _react.useState)(1),
45
- _useState12 = _slicedToArray(_useState11, 2),
46
- ratioY = _useState12[0],
47
- setRatioY = _useState12[1];
48
- (0, _react.useImperativeHandle)(ref, function () {
49
- return {
50
- update: update,
51
- handleScroll: handleScroll
52
- };
53
- });
54
- function handleScroll() {
55
- var wrap = wrapElement.current;
56
- if (!wrap) return;
57
- var offsetHeight = wrap.offsetHeight - _util.GAP;
58
- var offsetWidth = wrap.offsetWidth - _util.GAP;
59
- setMoveY(wrap.scrollTop * 100 / offsetHeight * ratioY);
60
- setMoveX(wrap.scrollLeft * 100 / offsetWidth * ratioX);
61
- }
62
- function update() {
63
- var wrap = wrapElement.current;
64
- if (!wrap) return;
65
- // 滚动窗口的高度
66
- var offsetHeight = wrap.offsetHeight - _util.GAP;
67
- var offsetWidth = wrap.offsetWidth - _util.GAP;
68
- // 滚动条的逻辑高度
69
- var originalHeight = Math.pow(offsetHeight, 2) / wrap.scrollHeight;
70
- var originalWidth = Math.pow(offsetWidth, 2) / wrap.scrollWidth;
71
- // 滚动条的实际高度,因为如果内容太长会导致滚动条非常短,可能难以点击拖拽,所以设置了最小高度
72
- var height = Math.max(originalHeight, props.minSize);
73
- var width = Math.max(originalWidth, props.minSize);
74
- setRatioY(originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height)));
75
- setRatioX(originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width)));
76
- setSizeHeight(height + _util.GAP < offsetHeight ? height : 0);
77
- setSizeWidth(width + _util.GAP < offsetWidth ? width : 0);
78
- }
79
- return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_Thumb["default"], {
80
- always: props.always,
81
- move: moveX,
82
- size: sizeWidth,
83
- ratio: ratioX
84
- }), _react["default"].createElement(_Thumb["default"], {
85
- always: props.always,
86
- move: moveY,
87
- size: sizeHeight,
88
- ratio: ratioY,
89
- vertical: true
90
- }));
91
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bar.js","sourceRoot":"","sources":["../../src/scroll-bar/Bar.js"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useContext, useImperativeHandle, useState } from 'react'\nimport Context from './Context'\nimport Thumb from './Thumb'\nimport { GAP } from './util'\n\nexport default forwardRef((props, ref) => {\n const { wrapElement } = useContext(Context)\n\n const [moveX, setMoveX] = useState(0)\n const [moveY, setMoveY] = useState(0)\n const [sizeWidth, setSizeWidth] = useState(0)\n const [sizeHeight, setSizeHeight] = useState(0)\n const [ratioX, setRatioX] = useState(1)\n const [ratioY, setRatioY] = useState(1)\n\n useImperativeHandle(ref, () => ({\n update,\n handleScroll,\n }))\n\n function handleScroll() {\n const wrap = wrapElement.current\n if (!wrap) return\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n setMoveY(((wrap.scrollTop * 100) / offsetHeight) * ratioY)\n setMoveX(((wrap.scrollLeft * 100) / offsetWidth) * ratioX)\n }\n\n function update() {\n const wrap = wrapElement.current\n if (!wrap) return\n // 滚动窗口的高度\n const offsetHeight = wrap.offsetHeight - GAP\n const offsetWidth = wrap.offsetWidth - GAP\n // 滚动条的逻辑高度\n const originalHeight = offsetHeight ** 2 / wrap.scrollHeight\n const originalWidth = offsetWidth ** 2 / wrap.scrollWidth\n // 滚动条的实际高度,因为如果内容太长会导致滚动条非常短,可能难以点击拖拽,所以设置了最小高度\n const height = Math.max(originalHeight, props.minSize)\n const width = Math.max(originalWidth, props.minSize)\n\n setRatioY(originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height)))\n setRatioX(originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width)))\n setSizeHeight(height + GAP < offsetHeight ? height : 0)\n setSizeWidth(width + GAP < offsetWidth ? width : 0)\n }\n\n return (\n <>\n <Thumb always={props.always} move={moveX} size={sizeWidth} ratio={ratioX} />\n <Thumb always={props.always} move={moveY} size={sizeHeight} ratio={ratioY} vertical />\n </>\n )\n})\n"]}
@@ -1,7 +0,0 @@
1
- export default Context;
2
- declare const Context: React.Context<{
3
- scrollbarElement: null;
4
- wrapElement: null;
5
- }>;
6
- import React from "react";
7
- //# sourceMappingURL=Context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/Context.js"],"names":[],"mappings":";AAEA;;;GAGE"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- var Context = _react["default"].createContext({
10
- scrollbarElement: null,
11
- wrapElement: null
12
- });
13
- var _default = exports["default"] = Context;
@@ -1 +0,0 @@
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"]}
@@ -1,4 +0,0 @@
1
- declare var _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
2
- export default _default;
3
- import React from "react";
4
- //# sourceMappingURL=ScrollBar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScrollBar.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/ScrollBar.js"],"names":[],"mappings":""}
@@ -1,97 +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"] = void 0;
8
- var _classnames = _interopRequireDefault(require("classnames"));
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _Bar = _interopRequireDefault(require("./Bar"));
11
- var _Context = _interopRequireDefault(require("./Context"));
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
- var __rest = void 0 && (void 0).__rest || function (s, e) {
16
- var t = {};
17
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
18
- if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- var _default = exports["default"] = (0, _react.forwardRef)(function (_a, ref) {
24
- var children = _a.children,
25
- _a$minSize = _a.minSize,
26
- minSize = _a$minSize === void 0 ? 20 : _a$minSize,
27
- props = __rest(_a, ["children", "minSize"]);
28
- var scrollbarElement = (0, _react.useRef)();
29
- var wrapElement = (0, _react.useRef)();
30
- wrapElement = ref || wrapElement;
31
- var resizeRef = (0, _react.useRef)();
32
- var barRef = (0, _react.useRef)();
33
- (0, _react.useEffect)(function () {
34
- var wrapDom = wrapElement.current;
35
- var resizeDom = resizeRef.current;
36
- // 监听容器尺寸变化,因为尺寸可以设置类似height:100vh之类样式,高度并不是固定的
37
- var observerCallback = function observerCallback() {
38
- return requestAnimationFrame(function () {
39
- var _a;
40
- update();
41
- (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
42
- });
43
- };
44
- var observer = new ResizeObserver(observerCallback);
45
- observer.observe(wrapDom);
46
- observer.observe(resizeDom);
47
- return function () {
48
- observer.unobserve(wrapDom);
49
- observer.unobserve(resizeDom);
50
- };
51
- }, []);
52
- (0, _react.useEffect)(function () {
53
- var _a;
54
- if (!props["native"]) {
55
- update();
56
- (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
57
- }
58
- }, [props["native"]]);
59
- function update() {
60
- var _a;
61
- (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.update();
62
- }
63
- function handleScroll(e) {
64
- var _a, _b;
65
- (_a = barRef.current) === null || _a === void 0 ? void 0 : _a.handleScroll();
66
- (_b = props.onScroll) === null || _b === void 0 ? void 0 : _b.call(props, e);
67
- }
68
- var wrapStyle = {
69
- height: props.height,
70
- maxHeight: props.maxHeight
71
- };
72
- var wrapClassName = (0, _classnames["default"])('tntd-scroll-bar-wrap', {
73
- 'tntd-scroll-bar-wrap-hidden-default': !props["native"]
74
- });
75
- return _react["default"].createElement(_Context["default"].Provider, {
76
- value: {
77
- scrollbarElement: scrollbarElement,
78
- wrapElement: wrapElement
79
- }
80
- }, _react["default"].createElement("div", {
81
- style: props.style,
82
- className: (0, _classnames["default"])('tntd-scroll-bar', props.className),
83
- ref: scrollbarElement
84
- }, _react["default"].createElement("div", {
85
- style: wrapStyle,
86
- className: wrapClassName,
87
- ref: wrapElement,
88
- onScroll: handleScroll
89
- }, _react["default"].createElement("div", {
90
- className: "tntd-scroll-bar-view",
91
- ref: resizeRef
92
- }, children)), !props["native"] && _react["default"].createElement(_Bar["default"], {
93
- ref: barRef,
94
- always: props.always,
95
- minSize: minSize
96
- })));
97
- });
@@ -1 +0,0 @@
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"]}
@@ -1,3 +0,0 @@
1
- export default function Thumb(props: any): React.JSX.Element;
2
- import React from "react";
3
- //# sourceMappingURL=Thumb.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../src/scroll-bar/Thumb.js"],"names":[],"mappings":"AAKA,6DA6HC"}