@vtx/components 2.5.13 → 2.5.15
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.
- package/CHANGELOG.md +842 -0
- package/lib/_util/filterSpecialCharacters.js +43 -54
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +3 -0
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +6 -0
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +1 -0
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +1 -0
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +32 -14
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +22 -0
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +21 -5
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +2 -0
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +2 -0
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +73 -33
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +45 -20
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +7 -0
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +7 -0
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-combogrid/style/index.less +29 -29
- package/lib/vtx-datagrid/Alert.js +11 -3
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +44 -19
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +13 -2
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +137 -77
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +35 -5
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +10 -0
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +10 -0
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/style/index.less +131 -131
- package/lib/vtx-date-picker/QdatePicker.js +46 -16
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +30 -7
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +46 -5
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +8 -2
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +1 -0
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +1 -0
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +38 -38
- package/lib/vtx-editor/index.js +23 -5
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +2 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +2 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +6 -6
- package/lib/vtx-export/index.js +55 -23
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +6 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +6 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +26 -5
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +5 -0
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +34 -9
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +7 -2
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +6 -0
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +2 -0
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +41 -41
- package/lib/vtx-form-layout/index.js +22 -8
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +8 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +8 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +148 -148
- package/lib/vtx-image/Image.js +92 -56
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +51 -20
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +40 -11
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +6 -0
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +1 -0
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +1 -0
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-image/style/index.less +46 -46
- package/lib/vtx-import/index.js +72 -37
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +24 -7
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +2 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +2 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +22 -6
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +37 -11
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +1 -0
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +1 -0
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +20 -20
- package/lib/vtx-input/useLength.js +16 -4
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +6 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +70 -32
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +2 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +2 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-modal/style/index.less +83 -83
- package/lib/vtx-page-layout/Basic.js +6 -2
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +19 -7
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +10 -2
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +52 -22
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +15 -3
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +34 -4
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +8 -0
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +139 -139
- package/lib/vtx-rps-frame/index.js +44 -21
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +55 -19
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js +1 -0
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js +1 -0
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +111 -111
- package/lib/vtx-search/VtxCol.js +21 -0
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +12 -6
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +87 -36
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +5 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +5 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search/style/index.less +81 -81
- package/lib/vtx-search-map-input/index.js +68 -39
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +64 -20
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +8 -0
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +8 -0
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +66 -66
- package/lib/vtx-signature/index.js +28 -14
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +2 -0
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +2 -0
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +32 -32
- package/lib/vtx-split-pane/Pane.js +14 -2
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +30 -10
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +104 -52
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +4 -0
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +3 -0
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +3 -0
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +59 -59
- package/lib/vtx-statistics-column/Back.js +7 -1
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +22 -5
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +22 -5
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +2 -0
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +16 -0
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +61 -61
- package/lib/vtx-time-picker/index.js +16 -3
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +28 -9
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +136 -67
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +6 -0
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +6 -0
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +59 -59
- package/lib/vtx-ztree/index.js +103 -51
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +1 -0
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +1 -0
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +30 -30
- package/lib/vtx-ztree-select/index.js +97 -38
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +4 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +4 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +76 -76
- package/package.json +1 -1
|
@@ -1,81 +1,107 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
17
|
+
|
|
12
18
|
var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
|
|
19
|
+
|
|
13
20
|
var _Pane = _interopRequireDefault(require("./Pane"));
|
|
21
|
+
|
|
14
22
|
var _Resizer = _interopRequireDefault(require("./Resizer"));
|
|
23
|
+
|
|
15
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
16
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
17
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
|
|
18
30
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
+
|
|
19
32
|
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."); }
|
|
33
|
+
|
|
20
34
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
+
|
|
21
36
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
+
|
|
22
38
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
+
|
|
23
40
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
+
|
|
24
42
|
function unFocus(document, window) {
|
|
25
43
|
if (document.selection) {
|
|
26
44
|
document.selection.empty();
|
|
27
45
|
} else {
|
|
28
46
|
try {
|
|
29
|
-
window.getSelection().removeAllRanges();
|
|
30
|
-
// eslint-disable-next-line no-empty
|
|
47
|
+
window.getSelection().removeAllRanges(); // eslint-disable-next-line no-empty
|
|
31
48
|
} catch (e) {}
|
|
32
49
|
}
|
|
33
50
|
}
|
|
51
|
+
|
|
34
52
|
function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
|
|
35
53
|
if (typeof draggedSize === 'number') {
|
|
36
54
|
var min = typeof minSize === 'number' ? minSize : 0;
|
|
37
55
|
var max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;
|
|
38
56
|
return Math.max(min, Math.min(max, draggedSize));
|
|
39
57
|
}
|
|
58
|
+
|
|
40
59
|
if (defaultSize !== undefined) {
|
|
41
60
|
return defaultSize;
|
|
42
61
|
}
|
|
62
|
+
|
|
43
63
|
return minSize;
|
|
44
64
|
}
|
|
65
|
+
|
|
45
66
|
function removeNullChildren(children) {
|
|
46
67
|
return _react["default"].Children.toArray(children).filter(function (c) {
|
|
47
68
|
return c;
|
|
48
69
|
});
|
|
49
70
|
}
|
|
71
|
+
|
|
50
72
|
function VtxSplitPane(props) {
|
|
51
73
|
var size = props.size,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
74
|
+
initPrimary = props.primary,
|
|
75
|
+
defaultSize = props.defaultSize,
|
|
76
|
+
minSize = props.minSize,
|
|
77
|
+
maxSize = props.maxSize;
|
|
56
78
|
var active = (0, _react.useRef)(false),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
79
|
+
position = (0, _react.useRef)(),
|
|
80
|
+
draggedSize = (0, _react.useRef)(),
|
|
81
|
+
resized = (0, _react.useRef)(false);
|
|
60
82
|
var splitPane = (0, _react.useRef)(),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
83
|
+
pane1 = (0, _react.useRef)(),
|
|
84
|
+
pane2 = (0, _react.useRef)(),
|
|
85
|
+
resizerRef = (0, _react.useRef)();
|
|
86
|
+
|
|
64
87
|
var _useState = (0, _react.useState)({
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
88
|
+
pane1: 0,
|
|
89
|
+
pane2: 0
|
|
90
|
+
}),
|
|
91
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
92
|
+
paneSize = _useState2[0],
|
|
93
|
+
setPaneSize = _useState2[1];
|
|
94
|
+
|
|
71
95
|
var _useState3 = (0, _react.useState)(true),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
96
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
97
|
+
primaryShow = _useState4[0],
|
|
98
|
+
setPrimaryShow = _useState4[1];
|
|
99
|
+
|
|
75
100
|
var _useState5 = (0, _react.useState)(initPrimary),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
101
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
102
|
+
primary = _useState6[0],
|
|
103
|
+
setPrimary = _useState6[1];
|
|
104
|
+
|
|
79
105
|
(0, _react.useEffect)(function () {
|
|
80
106
|
document.addEventListener('mouseup', onMouseUp);
|
|
81
107
|
document.addEventListener('mousemove', onMouseMove);
|
|
@@ -90,24 +116,26 @@ function VtxSplitPane(props) {
|
|
|
90
116
|
(0, _react.useLayoutEffect)(function () {
|
|
91
117
|
var initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);
|
|
92
118
|
var splitPaneWidth = splitPane.current.clientWidth,
|
|
93
|
-
|
|
119
|
+
resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
|
|
120
|
+
|
|
94
121
|
setPaneSize({
|
|
95
122
|
pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,
|
|
96
123
|
pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth
|
|
97
124
|
});
|
|
98
125
|
}, [primary]);
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
* 监听窗口变化,自适应大小
|
|
126
|
+
/**
|
|
127
|
+
* 监听窗口变化,自适应大小
|
|
102
128
|
*/
|
|
129
|
+
|
|
103
130
|
window.onresize = function () {
|
|
104
131
|
var splitPaneWidth = splitPane.current.clientWidth,
|
|
105
|
-
|
|
132
|
+
resizerWidth = resizerRef.current.offsetWidth + 1;
|
|
106
133
|
setPaneSize({
|
|
107
134
|
pane1: primary === 'first' ? paneSize.pane1 : splitPaneWidth - resizerWidth - paneSize.pane2,
|
|
108
135
|
pane2: primary === 'first' ? splitPaneWidth - resizerWidth - paneSize.pane1 : paneSize.pane2
|
|
109
136
|
});
|
|
110
137
|
};
|
|
138
|
+
|
|
111
139
|
function onMouseDown(event) {
|
|
112
140
|
var eventWithTouches = Object.assign({}, event, {
|
|
113
141
|
touches: [{
|
|
@@ -117,19 +145,24 @@ function VtxSplitPane(props) {
|
|
|
117
145
|
});
|
|
118
146
|
onTouchStart(eventWithTouches);
|
|
119
147
|
}
|
|
148
|
+
|
|
120
149
|
function onTouchStart(event) {
|
|
121
150
|
var allowResize = props.allowResize,
|
|
122
|
-
|
|
151
|
+
onDragStarted = props.onDragStarted;
|
|
152
|
+
|
|
123
153
|
if (allowResize) {
|
|
124
154
|
unFocus(document, window);
|
|
125
155
|
var initPosition = event.touches[0].clientX;
|
|
156
|
+
|
|
126
157
|
if (typeof onDragStarted === 'function') {
|
|
127
158
|
onDragStarted();
|
|
128
159
|
}
|
|
160
|
+
|
|
129
161
|
active.current = true;
|
|
130
162
|
position.current = initPosition;
|
|
131
163
|
}
|
|
132
164
|
}
|
|
165
|
+
|
|
133
166
|
function onMouseMove(event) {
|
|
134
167
|
var eventWithTouches = Object.assign({}, event, {
|
|
135
168
|
touches: [{
|
|
@@ -139,45 +172,57 @@ function VtxSplitPane(props) {
|
|
|
139
172
|
});
|
|
140
173
|
onTouchMove(eventWithTouches);
|
|
141
174
|
}
|
|
175
|
+
|
|
142
176
|
function onTouchMove(event) {
|
|
143
177
|
var allowResize = props.allowResize,
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
178
|
+
maxSize = props.maxSize,
|
|
179
|
+
minSize = props.minSize,
|
|
180
|
+
onChange = props.onChange,
|
|
181
|
+
step = props.step;
|
|
182
|
+
|
|
148
183
|
if (allowResize && active.current) {
|
|
149
184
|
unFocus(document, window);
|
|
150
185
|
var isPrimaryFirst = primary === 'first';
|
|
151
186
|
var ref = isPrimaryFirst ? pane1.current : pane2.current;
|
|
152
187
|
var ref2 = isPrimaryFirst ? pane2.current : pane1.current;
|
|
188
|
+
|
|
153
189
|
if (ref) {
|
|
154
190
|
var node = ref;
|
|
155
191
|
var node2 = ref2;
|
|
192
|
+
|
|
156
193
|
if (node.getBoundingClientRect) {
|
|
157
194
|
var width = node.getBoundingClientRect().width;
|
|
158
195
|
var current = event.touches[0].clientX;
|
|
159
196
|
var _size = width;
|
|
160
197
|
var positionDelta = position.current - current;
|
|
198
|
+
|
|
161
199
|
if (step) {
|
|
162
200
|
if (Math.abs(positionDelta) < step) {
|
|
163
201
|
return;
|
|
164
|
-
}
|
|
165
|
-
// Integer division
|
|
202
|
+
} // Integer division
|
|
166
203
|
// eslint-disable-next-line no-bitwise
|
|
204
|
+
|
|
205
|
+
|
|
167
206
|
positionDelta = ~~(positionDelta / step) * step;
|
|
168
207
|
}
|
|
208
|
+
|
|
169
209
|
var sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
|
|
170
210
|
var pane1Order = parseInt(window.getComputedStyle(node).order);
|
|
171
211
|
var pane2Order = parseInt(window.getComputedStyle(node2).order);
|
|
212
|
+
|
|
172
213
|
if (pane1Order > pane2Order) {
|
|
173
214
|
sizeDelta = -sizeDelta;
|
|
174
215
|
}
|
|
216
|
+
|
|
175
217
|
var newMaxSize = maxSize;
|
|
218
|
+
|
|
176
219
|
if (maxSize !== undefined && maxSize <= 0) {
|
|
177
220
|
newMaxSize = splitPane.getBoundingClientRect().width + maxSize;
|
|
178
221
|
}
|
|
222
|
+
|
|
179
223
|
var newSize = _size - sizeDelta;
|
|
180
224
|
var newPosition = position.current - positionDelta;
|
|
225
|
+
|
|
181
226
|
if (newSize < minSize) {
|
|
182
227
|
newSize = minSize;
|
|
183
228
|
} else if (maxSize !== undefined && newSize > newMaxSize) {
|
|
@@ -186,10 +231,11 @@ function VtxSplitPane(props) {
|
|
|
186
231
|
position.current = newPosition;
|
|
187
232
|
resized.current = true;
|
|
188
233
|
}
|
|
234
|
+
|
|
189
235
|
if (onChange) onChange(newSize);
|
|
190
236
|
draggedSize.current = newSize;
|
|
191
237
|
var splitPaneWidth = splitPane.current.clientWidth,
|
|
192
|
-
|
|
238
|
+
resizerWidth = resizerRef.current.offsetWidth + 1;
|
|
193
239
|
setPaneSize({
|
|
194
240
|
pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,
|
|
195
241
|
pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize
|
|
@@ -198,35 +244,38 @@ function VtxSplitPane(props) {
|
|
|
198
244
|
}
|
|
199
245
|
}
|
|
200
246
|
}
|
|
247
|
+
|
|
201
248
|
function onMouseUp() {
|
|
202
249
|
var allowResize = props.allowResize,
|
|
203
|
-
|
|
250
|
+
onDragFinished = props.onDragFinished;
|
|
251
|
+
|
|
204
252
|
if (allowResize && active.current) {
|
|
205
253
|
if (typeof onDragFinished === 'function') {
|
|
206
254
|
onDragFinished(draggedSize.current);
|
|
207
255
|
}
|
|
256
|
+
|
|
208
257
|
active.current = false;
|
|
209
258
|
}
|
|
210
259
|
}
|
|
260
|
+
|
|
211
261
|
var allowResize = props.allowResize,
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
262
|
+
children = props.children,
|
|
263
|
+
className = props.className,
|
|
264
|
+
onResizerClick = props.onResizerClick,
|
|
265
|
+
onResizerDoubleClick = props.onResizerDoubleClick,
|
|
266
|
+
resizerClassName = props.resizerClassName,
|
|
267
|
+
resizerStyle = props.resizerStyle,
|
|
268
|
+
style = props.style,
|
|
269
|
+
showSwitch = props.showSwitch,
|
|
270
|
+
showToggle = props.showToggle;
|
|
221
271
|
var notNullChildren = removeNullChildren(children);
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
* 收缩面板宽度变化,并能还原到原先的位置
|
|
272
|
+
/**
|
|
273
|
+
* 收缩面板宽度变化,并能还原到原先的位置
|
|
225
274
|
*/
|
|
275
|
+
|
|
226
276
|
var pane1Size = primary === 'first' ? primaryShow ? paneSize.pane1 : 0 : primaryShow ? paneSize.pane1 : paneSize.pane1 + paneSize.pane2;
|
|
227
|
-
var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0;
|
|
277
|
+
var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0; // 是否在拖动
|
|
228
278
|
|
|
229
|
-
// 是否在拖动
|
|
230
279
|
var dragging = active.current;
|
|
231
280
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
232
281
|
className: (0, _classnames["default"])('vtx-split-pane', className),
|
|
@@ -243,6 +292,7 @@ function VtxSplitPane(props) {
|
|
|
243
292
|
if (!primaryShow) {
|
|
244
293
|
setPrimaryShow(true);
|
|
245
294
|
}
|
|
295
|
+
|
|
246
296
|
onResizerClick && onResizerClick(e);
|
|
247
297
|
},
|
|
248
298
|
className: (0, _classnames["default"])({
|
|
@@ -287,6 +337,7 @@ function VtxSplitPane(props) {
|
|
|
287
337
|
if (prev === 'first') {
|
|
288
338
|
return 'second';
|
|
289
339
|
}
|
|
340
|
+
|
|
290
341
|
if (prev === 'second') {
|
|
291
342
|
return 'first';
|
|
292
343
|
}
|
|
@@ -299,6 +350,7 @@ function VtxSplitPane(props) {
|
|
|
299
350
|
dragging: dragging
|
|
300
351
|
}, primary === 'first' ? notNullChildren[1] : notNullChildren[0]));
|
|
301
352
|
}
|
|
353
|
+
|
|
302
354
|
VtxSplitPane.propTypes = {
|
|
303
355
|
allowResize: _propTypes["default"].bool,
|
|
304
356
|
children: _propTypes["default"].arrayOf(_propTypes["default"].node).isRequired,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPane.js","names":["unFocus","document","window","selection","empty","getSelection","removeAllRanges","e","getDefaultSize","defaultSize","minSize","maxSize","draggedSize","min","max","Infinity","Math","undefined","removeNullChildren","children","React","Children","toArray","filter","c","VtxSplitPane","props","size","initPrimary","primary","active","useRef","position","resized","splitPane","pane1","pane2","resizerRef","useState","paneSize","setPaneSize","primaryShow","setPrimaryShow","setPrimary","useEffect","addEventListener","onMouseUp","onMouseMove","onTouchMove","removeEventListener","onresize","useLayoutEffect","initialSize","splitPaneWidth","current","clientWidth","resizerWidth","offsetWidth","onMouseDown","event","eventWithTouches","Object","assign","touches","clientX","clientY","onTouchStart","allowResize","onDragStarted","initPosition","onChange","step","isPrimaryFirst","ref","ref2","node","node2","getBoundingClientRect","width","positionDelta","abs","sizeDelta","pane1Order","parseInt","getComputedStyle","order","pane2Order","newMaxSize","newSize","newPosition","onDragFinished","className","onResizerClick","onResizerDoubleClick","resizerClassName","resizerStyle","style","showSwitch","showToggle","notNullChildren","pane1Size","pane2Size","dragging","classnames","disabled","left","right","prev","propTypes","PropTypes","bool","arrayOf","isRequired","string","oneOf","oneOfType","number","func","object","defaultProps"],"sources":["vtx-split-pane/SplitPane.jsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/es/button';\nimport Tooltip from 'antd/es/tooltip';\nimport Pane from './Pane';\nimport Resizer from './Resizer';\n\nfunction unFocus(document, window) {\n if (document.selection) {\n document.selection.empty();\n } else {\n try {\n window.getSelection().removeAllRanges();\n // eslint-disable-next-line no-empty\n } catch (e) {}\n }\n}\n\nfunction getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {\n if (typeof draggedSize === 'number') {\n const min = typeof minSize === 'number' ? minSize : 0;\n const max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;\n return Math.max(min, Math.min(max, draggedSize));\n }\n if (defaultSize !== undefined) {\n return defaultSize;\n }\n return minSize;\n}\n\nfunction removeNullChildren(children) {\n return React.Children.toArray(children).filter(c => c);\n}\n\nfunction VtxSplitPane(props) {\n const { size, primary: initPrimary, defaultSize, minSize, maxSize } = props;\n\n const active = useRef(false),\n position = useRef(),\n draggedSize = useRef(),\n resized = useRef(false);\n\n const splitPane = useRef(),\n pane1 = useRef(),\n pane2 = useRef(),\n resizerRef = useRef();\n\n const [paneSize, setPaneSize] = useState({\n pane1: 0,\n pane2: 0,\n });\n\n const [primaryShow, setPrimaryShow] = useState(true);\n const [primary, setPrimary] = useState(initPrimary);\n\n useEffect(() => {\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('touchmove', onTouchMove);\n return () => {\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('touchmove', onTouchMove);\n window.onresize = '';\n };\n }, [primary]);\n\n useLayoutEffect(() => {\n const initialSize =\n size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);\n let splitPaneWidth = splitPane.current.clientWidth,\n resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题\n setPaneSize({\n pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\n pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\n });\n }, [primary]);\n\n /**\n * 监听窗口变化,自适应大小\n */\n window.onresize = () => {\n let splitPaneWidth = splitPane.current.clientWidth,\n resizerWidth = resizerRef.current.offsetWidth + 1;\n setPaneSize({\n pane1:\n primary === 'first'\n ? paneSize.pane1\n : splitPaneWidth - resizerWidth - paneSize.pane2,\n pane2:\n primary === 'first'\n ? splitPaneWidth - resizerWidth - paneSize.pane1\n : paneSize.pane2,\n });\n };\n\n function onMouseDown(event) {\n const eventWithTouches = Object.assign({}, event, {\n touches: [{ clientX: event.clientX, clientY: event.clientY }],\n });\n onTouchStart(eventWithTouches);\n }\n\n function onTouchStart(event) {\n const { allowResize, onDragStarted } = props;\n if (allowResize) {\n unFocus(document, window);\n const initPosition = event.touches[0].clientX;\n if (typeof onDragStarted === 'function') {\n onDragStarted();\n }\n active.current = true;\n position.current = initPosition;\n }\n }\n\n function onMouseMove(event) {\n const eventWithTouches = Object.assign({}, event, {\n touches: [{ clientX: event.clientX, clientY: event.clientY }],\n });\n onTouchMove(eventWithTouches);\n }\n function onTouchMove(event) {\n const { allowResize, maxSize, minSize, onChange, step } = props;\n if (allowResize && active.current) {\n unFocus(document, window);\n const isPrimaryFirst = primary === 'first';\n const ref = isPrimaryFirst ? pane1.current : pane2.current;\n const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\n if (ref) {\n const node = ref;\n const node2 = ref2;\n if (node.getBoundingClientRect) {\n const width = node.getBoundingClientRect().width;\n const current = event.touches[0].clientX;\n const size = width;\n let positionDelta = position.current - current;\n\n if (step) {\n if (Math.abs(positionDelta) < step) {\n return;\n }\n // Integer division\n // eslint-disable-next-line no-bitwise\n positionDelta = ~~(positionDelta / step) * step;\n }\n\n let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\n\n const pane1Order = parseInt(window.getComputedStyle(node).order);\n const pane2Order = parseInt(window.getComputedStyle(node2).order);\n if (pane1Order > pane2Order) {\n sizeDelta = -sizeDelta;\n }\n\n let newMaxSize = maxSize;\n if (maxSize !== undefined && maxSize <= 0) {\n newMaxSize = splitPane.getBoundingClientRect().width + maxSize;\n }\n\n let newSize = size - sizeDelta;\n const newPosition = position.current - positionDelta;\n\n if (newSize < minSize) {\n newSize = minSize;\n } else if (maxSize !== undefined && newSize > newMaxSize) {\n newSize = newMaxSize;\n } else {\n position.current = newPosition;\n resized.current = true;\n }\n\n if (onChange) onChange(newSize);\n\n draggedSize.current = newSize;\n\n let splitPaneWidth = splitPane.current.clientWidth,\n resizerWidth = resizerRef.current.offsetWidth + 1;\n\n setPaneSize({\n pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,\n pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize,\n });\n }\n }\n }\n }\n\n function onMouseUp() {\n const { allowResize, onDragFinished } = props;\n if (allowResize && active.current) {\n if (typeof onDragFinished === 'function') {\n onDragFinished(draggedSize.current);\n }\n active.current = false;\n }\n }\n\n const {\n allowResize,\n children,\n className,\n onResizerClick,\n onResizerDoubleClick,\n resizerClassName,\n resizerStyle,\n style,\n showSwitch,\n showToggle,\n } = props;\n\n const notNullChildren = removeNullChildren(children);\n\n /**\n * 收缩面板宽度变化,并能还原到原先的位置\n */\n const pane1Size =\n primary === 'first'\n ? primaryShow\n ? paneSize.pane1\n : 0\n : primaryShow\n ? paneSize.pane1\n : paneSize.pane1 + paneSize.pane2;\n const pane2Size =\n primary === 'first'\n ? primaryShow\n ? paneSize.pane2\n : paneSize.pane1 + paneSize.pane2\n : primaryShow\n ? paneSize.pane2\n : 0;\n\n // 是否在拖动\n const dragging = active.current;\n return (\n <div className={classnames('vtx-split-pane', className)} ref={splitPane} style={style}>\n <Pane ref={pane1} key=\"pane1\" size={pane1Size} dragging={dragging}>\n {primary === 'first' ? notNullChildren[0] : notNullChildren[1]}\n </Pane>\n <Resizer\n ref={resizerRef}\n onClick={e => {\n if (!primaryShow) {\n setPrimaryShow(true);\n }\n onResizerClick && onResizerClick(e);\n }}\n className={classnames({ disabled: !allowResize }, resizerClassName)}\n onDoubleClick={onResizerDoubleClick}\n onMouseDown={onMouseDown}\n onTouchStart={onTouchStart}\n onTouchEnd={onMouseUp}\n key=\"resizer\"\n primary={primary}\n primaryShow={primaryShow}\n style={resizerStyle || {}}\n >\n <Tooltip placement=\"right\" title={primaryShow ? '收起' : '展开'}>\n {showToggle && (\n <Button\n className=\"vtx-split-pane-resizer-toggle\"\n style={primary === 'first' ? { left: 0 } : { right: 0 }}\n shape=\"circle\"\n size=\"small\"\n icon={\n primary === 'first'\n ? primaryShow\n ? 'left'\n : 'right'\n : primaryShow\n ? 'right'\n : 'left'\n }\n onClick={() => {\n setPrimaryShow(!primaryShow);\n }}\n ></Button>\n )}\n </Tooltip>\n {showSwitch && (\n <Button\n className=\"vtx-split-pane-resizer-switch\"\n shape=\"circle\"\n icon=\"swap\"\n style={primary === 'first' ? { left: 0 } : { right: 0 }}\n size=\"small\"\n onClick={() => {\n setPrimary(prev => {\n if (prev === 'first') {\n return 'second';\n }\n if (prev === 'second') {\n return 'first';\n }\n });\n }}\n />\n )}\n </Resizer>\n <Pane ref={pane2} key=\"pane2\" size={pane2Size} dragging={dragging}>\n {primary === 'first' ? notNullChildren[1] : notNullChildren[0]}\n </Pane>\n </div>\n );\n}\n\nVtxSplitPane.propTypes = {\n allowResize: PropTypes.bool,\n children: PropTypes.arrayOf(PropTypes.node).isRequired,\n className: PropTypes.string,\n primary: PropTypes.oneOf(['first', 'second']),\n minSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n maxSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n // eslint-disable-next-line react/no-unused-prop-types\n defaultSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onDragStarted: PropTypes.func,\n onDragFinished: PropTypes.func,\n onChange: PropTypes.func,\n onResizerClick: PropTypes.func,\n onResizerDoubleClick: PropTypes.func,\n style: PropTypes.object,\n resizerStyle: PropTypes.object,\n resizerClassName: PropTypes.string,\n step: PropTypes.number,\n showToggle: PropTypes.bool,\n showSwitch: PropTypes.bool,\n};\nVtxSplitPane.defaultProps = {\n allowResize: true,\n minSize: 50,\n primary: 'first',\n showToggle: true,\n showSwitch: false,\n};\nexport default VtxSplitPane;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"SplitPane.js","names":["unFocus","document","window","selection","empty","getSelection","removeAllRanges","e","getDefaultSize","defaultSize","minSize","maxSize","draggedSize","min","max","Infinity","Math","undefined","removeNullChildren","children","React","Children","toArray","filter","c","VtxSplitPane","props","size","initPrimary","primary","active","useRef","position","resized","splitPane","pane1","pane2","resizerRef","useState","paneSize","setPaneSize","primaryShow","setPrimaryShow","setPrimary","useEffect","addEventListener","onMouseUp","onMouseMove","onTouchMove","removeEventListener","onresize","useLayoutEffect","initialSize","splitPaneWidth","current","clientWidth","resizerWidth","offsetWidth","onMouseDown","event","eventWithTouches","Object","assign","touches","clientX","clientY","onTouchStart","allowResize","onDragStarted","initPosition","onChange","step","isPrimaryFirst","ref","ref2","node","node2","getBoundingClientRect","width","positionDelta","abs","sizeDelta","pane1Order","parseInt","getComputedStyle","order","pane2Order","newMaxSize","newSize","newPosition","onDragFinished","className","onResizerClick","onResizerDoubleClick","resizerClassName","resizerStyle","style","showSwitch","showToggle","notNullChildren","pane1Size","pane2Size","dragging","classnames","disabled","left","right","prev","propTypes","PropTypes","bool","arrayOf","isRequired","string","oneOf","oneOfType","number","func","object","defaultProps"],"sources":["vtx-split-pane/SplitPane.jsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Button from 'antd/es/button';\r\nimport Tooltip from 'antd/es/tooltip';\r\nimport Pane from './Pane';\r\nimport Resizer from './Resizer';\r\n\r\nfunction unFocus(document, window) {\r\n if (document.selection) {\r\n document.selection.empty();\r\n } else {\r\n try {\r\n window.getSelection().removeAllRanges();\r\n // eslint-disable-next-line no-empty\r\n } catch (e) {}\r\n }\r\n}\r\n\r\nfunction getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {\r\n if (typeof draggedSize === 'number') {\r\n const min = typeof minSize === 'number' ? minSize : 0;\r\n const max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;\r\n return Math.max(min, Math.min(max, draggedSize));\r\n }\r\n if (defaultSize !== undefined) {\r\n return defaultSize;\r\n }\r\n return minSize;\r\n}\r\n\r\nfunction removeNullChildren(children) {\r\n return React.Children.toArray(children).filter(c => c);\r\n}\r\n\r\nfunction VtxSplitPane(props) {\r\n const { size, primary: initPrimary, defaultSize, minSize, maxSize } = props;\r\n\r\n const active = useRef(false),\r\n position = useRef(),\r\n draggedSize = useRef(),\r\n resized = useRef(false);\r\n\r\n const splitPane = useRef(),\r\n pane1 = useRef(),\r\n pane2 = useRef(),\r\n resizerRef = useRef();\r\n\r\n const [paneSize, setPaneSize] = useState({\r\n pane1: 0,\r\n pane2: 0,\r\n });\r\n\r\n const [primaryShow, setPrimaryShow] = useState(true);\r\n const [primary, setPrimary] = useState(initPrimary);\r\n\r\n useEffect(() => {\r\n document.addEventListener('mouseup', onMouseUp);\r\n document.addEventListener('mousemove', onMouseMove);\r\n document.addEventListener('touchmove', onTouchMove);\r\n return () => {\r\n document.removeEventListener('mouseup', onMouseUp);\r\n document.removeEventListener('mousemove', onMouseMove);\r\n document.removeEventListener('touchmove', onTouchMove);\r\n window.onresize = '';\r\n };\r\n }, [primary]);\r\n\r\n useLayoutEffect(() => {\r\n const initialSize =\r\n size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);\r\n let splitPaneWidth = splitPane.current.clientWidth,\r\n resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题\r\n setPaneSize({\r\n pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\r\n pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth,\r\n });\r\n }, [primary]);\r\n\r\n /**\r\n * 监听窗口变化,自适应大小\r\n */\r\n window.onresize = () => {\r\n let splitPaneWidth = splitPane.current.clientWidth,\r\n resizerWidth = resizerRef.current.offsetWidth + 1;\r\n setPaneSize({\r\n pane1:\r\n primary === 'first'\r\n ? paneSize.pane1\r\n : splitPaneWidth - resizerWidth - paneSize.pane2,\r\n pane2:\r\n primary === 'first'\r\n ? splitPaneWidth - resizerWidth - paneSize.pane1\r\n : paneSize.pane2,\r\n });\r\n };\r\n\r\n function onMouseDown(event) {\r\n const eventWithTouches = Object.assign({}, event, {\r\n touches: [{ clientX: event.clientX, clientY: event.clientY }],\r\n });\r\n onTouchStart(eventWithTouches);\r\n }\r\n\r\n function onTouchStart(event) {\r\n const { allowResize, onDragStarted } = props;\r\n if (allowResize) {\r\n unFocus(document, window);\r\n const initPosition = event.touches[0].clientX;\r\n if (typeof onDragStarted === 'function') {\r\n onDragStarted();\r\n }\r\n active.current = true;\r\n position.current = initPosition;\r\n }\r\n }\r\n\r\n function onMouseMove(event) {\r\n const eventWithTouches = Object.assign({}, event, {\r\n touches: [{ clientX: event.clientX, clientY: event.clientY }],\r\n });\r\n onTouchMove(eventWithTouches);\r\n }\r\n function onTouchMove(event) {\r\n const { allowResize, maxSize, minSize, onChange, step } = props;\r\n if (allowResize && active.current) {\r\n unFocus(document, window);\r\n const isPrimaryFirst = primary === 'first';\r\n const ref = isPrimaryFirst ? pane1.current : pane2.current;\r\n const ref2 = isPrimaryFirst ? pane2.current : pane1.current;\r\n if (ref) {\r\n const node = ref;\r\n const node2 = ref2;\r\n if (node.getBoundingClientRect) {\r\n const width = node.getBoundingClientRect().width;\r\n const current = event.touches[0].clientX;\r\n const size = width;\r\n let positionDelta = position.current - current;\r\n\r\n if (step) {\r\n if (Math.abs(positionDelta) < step) {\r\n return;\r\n }\r\n // Integer division\r\n // eslint-disable-next-line no-bitwise\r\n positionDelta = ~~(positionDelta / step) * step;\r\n }\r\n\r\n let sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;\r\n\r\n const pane1Order = parseInt(window.getComputedStyle(node).order);\r\n const pane2Order = parseInt(window.getComputedStyle(node2).order);\r\n if (pane1Order > pane2Order) {\r\n sizeDelta = -sizeDelta;\r\n }\r\n\r\n let newMaxSize = maxSize;\r\n if (maxSize !== undefined && maxSize <= 0) {\r\n newMaxSize = splitPane.getBoundingClientRect().width + maxSize;\r\n }\r\n\r\n let newSize = size - sizeDelta;\r\n const newPosition = position.current - positionDelta;\r\n\r\n if (newSize < minSize) {\r\n newSize = minSize;\r\n } else if (maxSize !== undefined && newSize > newMaxSize) {\r\n newSize = newMaxSize;\r\n } else {\r\n position.current = newPosition;\r\n resized.current = true;\r\n }\r\n\r\n if (onChange) onChange(newSize);\r\n\r\n draggedSize.current = newSize;\r\n\r\n let splitPaneWidth = splitPane.current.clientWidth,\r\n resizerWidth = resizerRef.current.offsetWidth + 1;\r\n\r\n setPaneSize({\r\n pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,\r\n pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n function onMouseUp() {\r\n const { allowResize, onDragFinished } = props;\r\n if (allowResize && active.current) {\r\n if (typeof onDragFinished === 'function') {\r\n onDragFinished(draggedSize.current);\r\n }\r\n active.current = false;\r\n }\r\n }\r\n\r\n const {\r\n allowResize,\r\n children,\r\n className,\r\n onResizerClick,\r\n onResizerDoubleClick,\r\n resizerClassName,\r\n resizerStyle,\r\n style,\r\n showSwitch,\r\n showToggle,\r\n } = props;\r\n\r\n const notNullChildren = removeNullChildren(children);\r\n\r\n /**\r\n * 收缩面板宽度变化,并能还原到原先的位置\r\n */\r\n const pane1Size =\r\n primary === 'first'\r\n ? primaryShow\r\n ? paneSize.pane1\r\n : 0\r\n : primaryShow\r\n ? paneSize.pane1\r\n : paneSize.pane1 + paneSize.pane2;\r\n const pane2Size =\r\n primary === 'first'\r\n ? primaryShow\r\n ? paneSize.pane2\r\n : paneSize.pane1 + paneSize.pane2\r\n : primaryShow\r\n ? paneSize.pane2\r\n : 0;\r\n\r\n // 是否在拖动\r\n const dragging = active.current;\r\n return (\r\n <div className={classnames('vtx-split-pane', className)} ref={splitPane} style={style}>\r\n <Pane ref={pane1} key=\"pane1\" size={pane1Size} dragging={dragging}>\r\n {primary === 'first' ? notNullChildren[0] : notNullChildren[1]}\r\n </Pane>\r\n <Resizer\r\n ref={resizerRef}\r\n onClick={e => {\r\n if (!primaryShow) {\r\n setPrimaryShow(true);\r\n }\r\n onResizerClick && onResizerClick(e);\r\n }}\r\n className={classnames({ disabled: !allowResize }, resizerClassName)}\r\n onDoubleClick={onResizerDoubleClick}\r\n onMouseDown={onMouseDown}\r\n onTouchStart={onTouchStart}\r\n onTouchEnd={onMouseUp}\r\n key=\"resizer\"\r\n primary={primary}\r\n primaryShow={primaryShow}\r\n style={resizerStyle || {}}\r\n >\r\n <Tooltip placement=\"right\" title={primaryShow ? '收起' : '展开'}>\r\n {showToggle && (\r\n <Button\r\n className=\"vtx-split-pane-resizer-toggle\"\r\n style={primary === 'first' ? { left: 0 } : { right: 0 }}\r\n shape=\"circle\"\r\n size=\"small\"\r\n icon={\r\n primary === 'first'\r\n ? primaryShow\r\n ? 'left'\r\n : 'right'\r\n : primaryShow\r\n ? 'right'\r\n : 'left'\r\n }\r\n onClick={() => {\r\n setPrimaryShow(!primaryShow);\r\n }}\r\n ></Button>\r\n )}\r\n </Tooltip>\r\n {showSwitch && (\r\n <Button\r\n className=\"vtx-split-pane-resizer-switch\"\r\n shape=\"circle\"\r\n icon=\"swap\"\r\n style={primary === 'first' ? { left: 0 } : { right: 0 }}\r\n size=\"small\"\r\n onClick={() => {\r\n setPrimary(prev => {\r\n if (prev === 'first') {\r\n return 'second';\r\n }\r\n if (prev === 'second') {\r\n return 'first';\r\n }\r\n });\r\n }}\r\n />\r\n )}\r\n </Resizer>\r\n <Pane ref={pane2} key=\"pane2\" size={pane2Size} dragging={dragging}>\r\n {primary === 'first' ? notNullChildren[1] : notNullChildren[0]}\r\n </Pane>\r\n </div>\r\n );\r\n}\r\n\r\nVtxSplitPane.propTypes = {\r\n allowResize: PropTypes.bool,\r\n children: PropTypes.arrayOf(PropTypes.node).isRequired,\r\n className: PropTypes.string,\r\n primary: PropTypes.oneOf(['first', 'second']),\r\n minSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n maxSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n // eslint-disable-next-line react/no-unused-prop-types\r\n defaultSize: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n onDragStarted: PropTypes.func,\r\n onDragFinished: PropTypes.func,\r\n onChange: PropTypes.func,\r\n onResizerClick: PropTypes.func,\r\n onResizerDoubleClick: PropTypes.func,\r\n style: PropTypes.object,\r\n resizerStyle: PropTypes.object,\r\n resizerClassName: PropTypes.string,\r\n step: PropTypes.number,\r\n showToggle: PropTypes.bool,\r\n showSwitch: PropTypes.bool,\r\n};\r\nVtxSplitPane.defaultProps = {\r\n allowResize: true,\r\n minSize: 50,\r\n primary: 'first',\r\n showToggle: true,\r\n showSwitch: false,\r\n};\r\nexport default VtxSplitPane;\r\n"],"mappings":"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"}
|
|
@@ -10,9 +10,13 @@ Object.defineProperty(exports, "Pane", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
exports["default"] = void 0;
|
|
13
|
+
|
|
13
14
|
var _SplitPane = _interopRequireDefault(require("./SplitPane"));
|
|
15
|
+
|
|
14
16
|
var _Pane = _interopRequireDefault(require("./Pane"));
|
|
17
|
+
|
|
15
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
16
20
|
var _default = _SplitPane["default"];
|
|
17
21
|
exports["default"] = _default;
|
|
18
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VtxSplitPane"],"sources":["vtx-split-pane/index.jsx"],"sourcesContent":["import VtxSplitPane from './SplitPane';\nimport Pane from './Pane';\n\nexport default VtxSplitPane;\nexport { Pane };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxSplitPane"],"sources":["vtx-split-pane/index.jsx"],"sourcesContent":["import VtxSplitPane from './SplitPane';\nimport Pane from './Pane';\n\nexport default VtxSplitPane;\nexport { Pane };\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;;;eAEeA,qB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-split-pane/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/tooltip/style/css';\nimport './index.less';\n"],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-split-pane/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\r\nimport 'antd/es/button/style/css';\r\nimport 'antd/es/tooltip/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-split-pane/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/tooltip/style/css';\nimport './index.less';\n"],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-split-pane/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\r\nimport 'antd/es/button/style/css';\r\nimport 'antd/es/tooltip/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}
|
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
@prefix-cls: vtx-split-pane;
|
|
2
|
-
|
|
3
|
-
.@{prefix-cls} {
|
|
4
|
-
height: 100%;
|
|
5
|
-
&-item {
|
|
6
|
-
position: relative;
|
|
7
|
-
display: inline-block;
|
|
8
|
-
height: 100%;
|
|
9
|
-
vertical-align: top;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&-resizer {
|
|
13
|
-
position: relative;
|
|
14
|
-
display: inline-block;
|
|
15
|
-
box-sizing: border-box;
|
|
16
|
-
width: 12px;
|
|
17
|
-
height: 100%;
|
|
18
|
-
vertical-align: top;
|
|
19
|
-
&-toggle {
|
|
20
|
-
position: absolute;
|
|
21
|
-
top: 32px;
|
|
22
|
-
z-index: 1001;
|
|
23
|
-
opacity: 0;
|
|
24
|
-
}
|
|
25
|
-
&-switch {
|
|
26
|
-
position: absolute;
|
|
27
|
-
top: 70px;
|
|
28
|
-
z-index: 1001;
|
|
29
|
-
opacity: 0;
|
|
30
|
-
}
|
|
31
|
-
&:hover &-toggle {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
}
|
|
34
|
-
&:hover &-switch {
|
|
35
|
-
opacity: 1;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
&-resizer-left {
|
|
40
|
-
border-right: 1px solid rgb(232, 232, 232);
|
|
41
|
-
&:hover {
|
|
42
|
-
border-right: 1px solid rgb(191, 191, 191);
|
|
43
|
-
transition: border-right 0.2s ease-in-out;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
&-resizer-right {
|
|
47
|
-
border-left: 1px solid rgb(232, 232, 232);
|
|
48
|
-
&:hover {
|
|
49
|
-
border-left: 1px solid rgb(191, 191, 191);
|
|
50
|
-
transition: border-right 0.2s ease-in-out;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
&-resizer.disabled {
|
|
54
|
-
cursor: not-allowed;
|
|
55
|
-
}
|
|
56
|
-
&-resizer.disabled:hover {
|
|
57
|
-
border-color: transparent;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
1
|
+
@prefix-cls: vtx-split-pane;
|
|
2
|
+
|
|
3
|
+
.@{prefix-cls} {
|
|
4
|
+
height: 100%;
|
|
5
|
+
&-item {
|
|
6
|
+
position: relative;
|
|
7
|
+
display: inline-block;
|
|
8
|
+
height: 100%;
|
|
9
|
+
vertical-align: top;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&-resizer {
|
|
13
|
+
position: relative;
|
|
14
|
+
display: inline-block;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
width: 12px;
|
|
17
|
+
height: 100%;
|
|
18
|
+
vertical-align: top;
|
|
19
|
+
&-toggle {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 32px;
|
|
22
|
+
z-index: 1001;
|
|
23
|
+
opacity: 0;
|
|
24
|
+
}
|
|
25
|
+
&-switch {
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 70px;
|
|
28
|
+
z-index: 1001;
|
|
29
|
+
opacity: 0;
|
|
30
|
+
}
|
|
31
|
+
&:hover &-toggle {
|
|
32
|
+
opacity: 1;
|
|
33
|
+
}
|
|
34
|
+
&:hover &-switch {
|
|
35
|
+
opacity: 1;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&-resizer-left {
|
|
40
|
+
border-right: 1px solid rgb(232, 232, 232);
|
|
41
|
+
&:hover {
|
|
42
|
+
border-right: 1px solid rgb(191, 191, 191);
|
|
43
|
+
transition: border-right 0.2s ease-in-out;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
&-resizer-right {
|
|
47
|
+
border-left: 1px solid rgb(232, 232, 232);
|
|
48
|
+
&:hover {
|
|
49
|
+
border-left: 1px solid rgb(191, 191, 191);
|
|
50
|
+
transition: border-right 0.2s ease-in-out;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
&-resizer.disabled {
|
|
54
|
+
cursor: not-allowed;
|
|
55
|
+
}
|
|
56
|
+
&-resizer.disabled:hover {
|
|
57
|
+
border-color: transparent;
|
|
58
|
+
}
|
|
59
|
+
}
|