@vtx/components 3.1.97 → 3.1.99
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/lib/_util/filterSpecialCharacters.js +44 -55
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +4 -1
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getToken.js +15 -7
- package/lib/_util/getToken.js.map +1 -1
- package/lib/_util/getUrlParam.js +8 -1
- 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/useColSize.js +12 -2
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +39 -23
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js +2 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +29 -0
- package/lib/index.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js +28 -11
- 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 +86 -46
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +58 -32
- 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-datagrid/Alert.js +14 -5
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +76 -37
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +15 -3
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +186 -115
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +38 -7
- 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-date-picker/QdatePicker.js +51 -21
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +65 -24
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +7 -1
- 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 +39 -39
- package/lib/vtx-editor/index.js +28 -9
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +1 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +1 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js +27 -14
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +1 -0
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +1 -0
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/index.js +69 -36
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +5 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +5 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-export-async/History.js +100 -59
- package/lib/vtx-export-async/History.js.map +1 -1
- package/lib/vtx-export-async/index.js +105 -64
- package/lib/vtx-export-async/index.js.map +1 -1
- package/lib/vtx-export-async/style/css.js.map +1 -1
- package/lib/vtx-export-async/style/index.js.map +1 -1
- package/lib/vtx-export-async/util.js +13 -2
- package/lib/vtx-export-async/util.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +33 -11
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +11 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +34 -12
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +9 -3
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +8 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +4 -1
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js +24 -9
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +7 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +7 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +216 -216
- package/lib/vtx-image/Image.js +113 -73
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +59 -30
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +47 -17
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +11 -4
- 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-import/index.js +78 -45
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +28 -10
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +3 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +3 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js +8 -1
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +33 -11
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +6 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +14 -7
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +6 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +107 -51
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +3 -0
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +3 -0
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js +27 -10
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +45 -20
- 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 +24 -24
- package/lib/vtx-input/useLength.js +20 -7
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +8 -2
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +82 -49
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +1 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +1 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +8 -3
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +26 -15
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +12 -3
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +60 -30
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +22 -11
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +51 -23
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +10 -1
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +138 -138
- package/lib/vtx-rps-frame/index.js +57 -37
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +64 -30
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js +26 -7
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +14 -7
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +106 -61
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +4 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +4 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +93 -58
- 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 +91 -39
- 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 +68 -68
- package/lib/vtx-signature/index.js +33 -18
- 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 +33 -33
- package/lib/vtx-split-pane/Pane.js +22 -11
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +39 -19
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +107 -51
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +6 -1
- 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 +76 -76
- package/lib/vtx-statistics-column/Back.js +9 -2
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +30 -14
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +30 -14
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +4 -1
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +18 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js +1 -0
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js +1 -0
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js +18 -4
- 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-tree/index.js +114 -49
- package/lib/vtx-tree/index.js.map +1 -1
- package/lib/vtx-tree/style/css.js +2 -0
- package/lib/vtx-tree/style/css.js.map +1 -1
- package/lib/vtx-tree/style/index.js +2 -0
- package/lib/vtx-tree/style/index.js.map +1 -1
- package/lib/vtx-tree/utils.js +27 -6
- package/lib/vtx-tree/utils.js.map +1 -1
- package/lib/vtx-tree-select/index.js +71 -27
- package/lib/vtx-tree-select/index.js.map +1 -1
- package/lib/vtx-tree-select/style/css.js +3 -0
- package/lib/vtx-tree-select/style/css.js.map +1 -1
- package/lib/vtx-tree-select/style/index.js +3 -0
- package/lib/vtx-tree-select/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +33 -15
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +156 -79
- 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 +61 -61
- package/lib/vtx-wang-editor/index.js +116 -74
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +1 -0
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +1 -0
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js +136 -75
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +119 -69
- 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 +45 -45
- package/lib/vtx-ztree-select/index.js +143 -74
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +3 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +3 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +109 -109
- package/package.json +121 -121
|
@@ -1,32 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
7
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
8
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
9
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
function
|
|
15
|
+
|
|
16
|
+
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); }
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
|
|
18
26
|
var Pane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
19
27
|
var children = props.children,
|
|
20
|
-
|
|
21
|
-
|
|
28
|
+
size = props.size,
|
|
29
|
+
dragging = props.dragging;
|
|
22
30
|
var style = {
|
|
23
31
|
width: size
|
|
24
32
|
};
|
|
33
|
+
|
|
25
34
|
if (!dragging) {
|
|
26
35
|
style = _objectSpread(_objectSpread({}, style), {}, {
|
|
27
36
|
transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s'
|
|
28
37
|
});
|
|
29
38
|
}
|
|
39
|
+
|
|
30
40
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
41
|
className: 'vtx-split-pane-item',
|
|
32
42
|
style: style,
|
|
@@ -39,5 +49,6 @@ Pane.propTypes = {
|
|
|
39
49
|
dragging: _propTypes["default"].bool
|
|
40
50
|
};
|
|
41
51
|
Pane.defaultProps = {};
|
|
42
|
-
var _default =
|
|
52
|
+
var _default = Pane;
|
|
53
|
+
exports["default"] = _default;
|
|
43
54
|
//# sourceMappingURL=Pane.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pane.js","names":["
|
|
1
|
+
{"version":3,"file":"Pane.js","names":["Pane","forwardRef","props","ref","children","size","dragging","style","width","transition","propTypes","PropTypes","node","isRequired","oneOfType","string","number","bool","defaultProps"],"sources":["vtx-split-pane/Pane.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Pane = forwardRef((props, ref) => {\n const { children, size, dragging } = props;\n let style = { width: size };\n if (!dragging) {\n style = {\n ...style,\n transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s',\n };\n }\n return (\n <div className={'vtx-split-pane-item'} style={style} ref={ref}>\n {children}\n </div>\n );\n});\n\nPane.propTypes = {\n children: PropTypes.node.isRequired,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n dragging: PropTypes.bool,\n};\n\nPane.defaultProps = {};\n\nexport default Pane;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EACpC,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,IAAlB,GAAqCH,KAArC,CAAkBG,IAAlB;EAAA,IAAwBC,QAAxB,GAAqCJ,KAArC,CAAwBI,QAAxB;EACA,IAAIC,KAAK,GAAG;IAAEC,KAAK,EAAEH;EAAT,CAAZ;;EACA,IAAI,CAACC,QAAL,EAAe;IACXC,KAAK,mCACEA,KADF;MAEDE,UAAU,EAAE;IAFX,EAAL;EAIH;;EACD,oBACI;IAAK,SAAS,EAAE,qBAAhB;IAAuC,KAAK,EAAEF,KAA9C;IAAqD,GAAG,EAAEJ;EAA1D,GACKC,QADL,CADJ;AAKH,CAdY,CAAb;AAgBAJ,IAAI,CAACU,SAAL,GAAiB;EACbN,QAAQ,EAAEO,qBAAA,CAAUC,IAAV,CAAeC,UADZ;EAEbR,IAAI,EAAEM,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,MAAX,EAAmBJ,qBAAA,CAAUK,MAA7B,CAApB,CAFO;EAGbV,QAAQ,EAAEK,qBAAA,CAAUM;AAHP,CAAjB;AAMAjB,IAAI,CAACkB,YAAL,GAAoB,EAApB;eAEelB,I"}
|
|
@@ -1,35 +1,49 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
7
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
8
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
9
14
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
10
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
17
|
+
|
|
18
|
+
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); }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
14
22
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
23
|
+
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
|
|
28
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
+
|
|
20
30
|
var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
31
|
+
var _classnames;
|
|
32
|
+
|
|
21
33
|
var className = props.className,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
34
|
+
_onClick = props.onClick,
|
|
35
|
+
_onDoubleClick = props.onDoubleClick,
|
|
36
|
+
_onMouseDown = props.onMouseDown,
|
|
37
|
+
_onTouchEnd = props.onTouchEnd,
|
|
38
|
+
_onTouchStart = props.onTouchStart,
|
|
39
|
+
style = props.style,
|
|
40
|
+
children = props.children,
|
|
41
|
+
primary = props.primary,
|
|
42
|
+
primaryShow = props.primaryShow;
|
|
31
43
|
var events = {};
|
|
44
|
+
|
|
32
45
|
var newStyle = _objectSpread({}, style);
|
|
46
|
+
|
|
33
47
|
if (primaryShow) {
|
|
34
48
|
newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
|
|
35
49
|
cursor: 'col-resize'
|
|
@@ -40,10 +54,12 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
40
54
|
},
|
|
41
55
|
onTouchStart: function onTouchStart(event) {
|
|
42
56
|
event.preventDefault();
|
|
57
|
+
|
|
43
58
|
_onTouchStart(event);
|
|
44
59
|
},
|
|
45
60
|
onTouchEnd: function onTouchEnd(event) {
|
|
46
61
|
event.preventDefault();
|
|
62
|
+
|
|
47
63
|
_onTouchEnd(event);
|
|
48
64
|
}
|
|
49
65
|
};
|
|
@@ -52,20 +68,23 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
52
68
|
cursor: 'pointer'
|
|
53
69
|
});
|
|
54
70
|
}
|
|
71
|
+
|
|
55
72
|
return /*#__PURE__*/_react["default"].createElement("span", _extends({
|
|
56
73
|
ref: ref,
|
|
57
74
|
role: "presentation",
|
|
58
|
-
className: (0, _classnames2["default"])('vtx-split-pane-resizer',
|
|
75
|
+
className: (0, _classnames2["default"])('vtx-split-pane-resizer', (_classnames = {}, _defineProperty(_classnames, 'vtx-split-pane-resizer-left', primary === 'first'), _defineProperty(_classnames, 'vtx-split-pane-resizer-right', primary === 'second'), _classnames), className),
|
|
59
76
|
style: newStyle,
|
|
60
77
|
onClick: function onClick(event) {
|
|
61
78
|
if (_onClick) {
|
|
62
79
|
event.preventDefault();
|
|
80
|
+
|
|
63
81
|
_onClick(event);
|
|
64
82
|
}
|
|
65
83
|
},
|
|
66
84
|
onDoubleClick: function onDoubleClick(event) {
|
|
67
85
|
if (_onDoubleClick) {
|
|
68
86
|
event.preventDefault();
|
|
87
|
+
|
|
69
88
|
_onDoubleClick(event);
|
|
70
89
|
}
|
|
71
90
|
}
|
|
@@ -84,5 +103,6 @@ Resizer.propTypes = {
|
|
|
84
103
|
primaryShow: _propTypes["default"].bool
|
|
85
104
|
};
|
|
86
105
|
Resizer.defaultProps = {};
|
|
87
|
-
var _default =
|
|
106
|
+
var _default = Resizer;
|
|
107
|
+
exports["default"] = _default;
|
|
88
108
|
//# sourceMappingURL=Resizer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizer.js","names":["
|
|
1
|
+
{"version":3,"file":"Resizer.js","names":["Resizer","forwardRef","props","ref","className","onClick","onDoubleClick","onMouseDown","onTouchEnd","onTouchStart","style","children","primary","primaryShow","events","newStyle","cursor","event","preventDefault","classnames","propTypes","PropTypes","string","isRequired","func","object","node","bool","defaultProps"],"sources":["vtx-split-pane/Resizer.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Resizer = forwardRef((props, ref) => {\n const {\n className,\n onClick,\n onDoubleClick,\n onMouseDown,\n onTouchEnd,\n onTouchStart,\n style,\n children,\n primary,\n primaryShow,\n } = props;\n\n let events = {};\n let newStyle = { ...style };\n if (primaryShow) {\n newStyle = { ...newStyle, cursor: 'col-resize' };\n events = {\n onMouseDown: event => onMouseDown(event),\n onTouchStart: event => {\n event.preventDefault();\n onTouchStart(event);\n },\n onTouchEnd: event => {\n event.preventDefault();\n onTouchEnd(event);\n },\n };\n } else {\n newStyle = { ...newStyle, cursor: 'pointer' };\n }\n\n return (\n <span\n ref={ref}\n role=\"presentation\"\n className={classnames(\n 'vtx-split-pane-resizer',\n {\n ['vtx-split-pane-resizer-left']: primary === 'first',\n ['vtx-split-pane-resizer-right']: primary === 'second',\n },\n className,\n )}\n style={newStyle}\n onClick={event => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n }}\n onDoubleClick={event => {\n if (onDoubleClick) {\n event.preventDefault();\n onDoubleClick(event);\n }\n }}\n {...events}\n >\n {children}\n </span>\n );\n});\n\nResizer.propTypes = {\n className: PropTypes.string.isRequired,\n onClick: PropTypes.func,\n onDoubleClick: PropTypes.func,\n onMouseDown: PropTypes.func.isRequired,\n onTouchStart: PropTypes.func.isRequired,\n onTouchEnd: PropTypes.func.isRequired,\n style: PropTypes.object,\n children: PropTypes.node,\n primary: PropTypes.string,\n primaryShow: PropTypes.bool,\n};\n\nResizer.defaultProps = {};\n\nexport default Resizer;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,OAAO,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAAA;;EACvC,IACIC,SADJ,GAWIF,KAXJ,CACIE,SADJ;EAAA,IAEIC,QAFJ,GAWIH,KAXJ,CAEIG,OAFJ;EAAA,IAGIC,cAHJ,GAWIJ,KAXJ,CAGII,aAHJ;EAAA,IAIIC,YAJJ,GAWIL,KAXJ,CAIIK,WAJJ;EAAA,IAKIC,WALJ,GAWIN,KAXJ,CAKIM,UALJ;EAAA,IAMIC,aANJ,GAWIP,KAXJ,CAMIO,YANJ;EAAA,IAOIC,KAPJ,GAWIR,KAXJ,CAOIQ,KAPJ;EAAA,IAQIC,QARJ,GAWIT,KAXJ,CAQIS,QARJ;EAAA,IASIC,OATJ,GAWIV,KAXJ,CASIU,OATJ;EAAA,IAUIC,WAVJ,GAWIX,KAXJ,CAUIW,WAVJ;EAaA,IAAIC,MAAM,GAAG,EAAb;;EACA,IAAIC,QAAQ,qBAAQL,KAAR,CAAZ;;EACA,IAAIG,WAAJ,EAAiB;IACbE,QAAQ,mCAAQA,QAAR;MAAkBC,MAAM,EAAE;IAA1B,EAAR;IACAF,MAAM,GAAG;MACLP,WAAW,EAAE,qBAAAU,KAAK;QAAA,OAAIV,YAAW,CAACU,KAAD,CAAf;MAAA,CADb;MAELR,YAAY,EAAE,sBAAAQ,KAAK,EAAI;QACnBA,KAAK,CAACC,cAAN;;QACAT,aAAY,CAACQ,KAAD,CAAZ;MACH,CALI;MAMLT,UAAU,EAAE,oBAAAS,KAAK,EAAI;QACjBA,KAAK,CAACC,cAAN;;QACAV,WAAU,CAACS,KAAD,CAAV;MACH;IATI,CAAT;EAWH,CAbD,MAaO;IACHF,QAAQ,mCAAQA,QAAR;MAAkBC,MAAM,EAAE;IAA1B,EAAR;EACH;;EAED,oBACI;IACI,GAAG,EAAEb,GADT;IAEI,IAAI,EAAC,cAFT;IAGI,SAAS,EAAE,IAAAgB,uBAAA,EACP,wBADO,kDAGF,6BAHE,EAG8BP,OAAO,KAAK,OAH1C,gCAIF,8BAJE,EAI+BA,OAAO,KAAK,QAJ3C,iBAMPR,SANO,CAHf;IAWI,KAAK,EAAEW,QAXX;IAYI,OAAO,EAAE,iBAAAE,KAAK,EAAI;MACd,IAAIZ,QAAJ,EAAa;QACTY,KAAK,CAACC,cAAN;;QACAb,QAAO,CAACY,KAAD,CAAP;MACH;IACJ,CAjBL;IAkBI,aAAa,EAAE,uBAAAA,KAAK,EAAI;MACpB,IAAIX,cAAJ,EAAmB;QACfW,KAAK,CAACC,cAAN;;QACAZ,cAAa,CAACW,KAAD,CAAb;MACH;IACJ;EAvBL,GAwBQH,MAxBR,GA0BKH,QA1BL,CADJ;AA8BH,CA/De,CAAhB;AAiEAX,OAAO,CAACoB,SAAR,GAAoB;EAChBhB,SAAS,EAAEiB,qBAAA,CAAUC,MAAV,CAAiBC,UADZ;EAEhBlB,OAAO,EAAEgB,qBAAA,CAAUG,IAFH;EAGhBlB,aAAa,EAAEe,qBAAA,CAAUG,IAHT;EAIhBjB,WAAW,EAAEc,qBAAA,CAAUG,IAAV,CAAeD,UAJZ;EAKhBd,YAAY,EAAEY,qBAAA,CAAUG,IAAV,CAAeD,UALb;EAMhBf,UAAU,EAAEa,qBAAA,CAAUG,IAAV,CAAeD,UANX;EAOhBb,KAAK,EAAEW,qBAAA,CAAUI,MAPD;EAQhBd,QAAQ,EAAEU,qBAAA,CAAUK,IARJ;EAShBd,OAAO,EAAES,qBAAA,CAAUC,MATH;EAUhBT,WAAW,EAAEQ,qBAAA,CAAUM;AAVP,CAApB;AAaA3B,OAAO,CAAC4B,YAAR,GAAuB,EAAvB;eAEe5B,O"}
|
|
@@ -1,63 +1,88 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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/lib/button"));
|
|
17
|
+
|
|
12
18
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
19
|
+
|
|
13
20
|
var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
|
|
21
|
+
|
|
14
22
|
var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
|
|
23
|
+
|
|
15
24
|
var _SwapOutlined = _interopRequireDefault(require("@ant-design/icons/SwapOutlined"));
|
|
25
|
+
|
|
16
26
|
var _Pane = _interopRequireDefault(require("./Pane"));
|
|
27
|
+
|
|
17
28
|
var _Resizer = _interopRequireDefault(require("./Resizer"));
|
|
29
|
+
|
|
18
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
function
|
|
31
|
+
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
21
36
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
+
|
|
22
38
|
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."); }
|
|
39
|
+
|
|
23
40
|
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); }
|
|
24
|
-
|
|
25
|
-
function
|
|
41
|
+
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
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; }
|
|
45
|
+
|
|
26
46
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
+
|
|
27
48
|
function unFocus(document, window) {
|
|
28
49
|
if (document.selection) {
|
|
29
50
|
document.selection.empty();
|
|
30
51
|
} else {
|
|
31
52
|
try {
|
|
32
|
-
window.getSelection().removeAllRanges();
|
|
33
|
-
// eslint-disable-next-line no-empty
|
|
53
|
+
window.getSelection().removeAllRanges(); // eslint-disable-next-line no-empty
|
|
34
54
|
} catch (e) {}
|
|
35
55
|
}
|
|
36
56
|
}
|
|
57
|
+
|
|
37
58
|
function getDefaultSize(defaultSize, minSize, maxSize, draggedSize) {
|
|
38
59
|
if (typeof draggedSize === 'number') {
|
|
39
60
|
var min = typeof minSize === 'number' ? minSize : 0;
|
|
40
61
|
var max = typeof maxSize === 'number' && maxSize >= 0 ? maxSize : Infinity;
|
|
41
62
|
return Math.max(min, Math.min(max, draggedSize));
|
|
42
63
|
}
|
|
64
|
+
|
|
43
65
|
if (defaultSize !== undefined) {
|
|
44
66
|
return defaultSize;
|
|
45
67
|
}
|
|
68
|
+
|
|
46
69
|
return minSize;
|
|
47
70
|
}
|
|
71
|
+
|
|
48
72
|
function removeNullChildren(children) {
|
|
49
73
|
return _react["default"].Children.toArray(children).filter(function (c) {
|
|
50
74
|
return c;
|
|
51
75
|
});
|
|
52
76
|
}
|
|
77
|
+
|
|
53
78
|
function VtxSplitPane(props) {
|
|
54
79
|
var size = props.size,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
80
|
+
initPrimary = props.primary,
|
|
81
|
+
defaultSize = props.defaultSize,
|
|
82
|
+
minSize = props.minSize,
|
|
83
|
+
maxSize = props.maxSize,
|
|
84
|
+
_props$defaultExpand = props.defaultExpand,
|
|
85
|
+
defaultExpand = _props$defaultExpand === void 0 ? true : _props$defaultExpand;
|
|
61
86
|
var active = (0, _react.useRef)(false);
|
|
62
87
|
var position = (0, _react.useRef)();
|
|
63
88
|
var draggedSize = (0, _react.useRef)();
|
|
@@ -66,21 +91,25 @@ function VtxSplitPane(props) {
|
|
|
66
91
|
var pane1 = (0, _react.useRef)();
|
|
67
92
|
var pane2 = (0, _react.useRef)();
|
|
68
93
|
var resizerRef = (0, _react.useRef)();
|
|
94
|
+
|
|
69
95
|
var _useState = (0, _react.useState)({
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
96
|
+
pane1: 0,
|
|
97
|
+
pane2: 0
|
|
98
|
+
}),
|
|
99
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
100
|
+
paneSize = _useState2[0],
|
|
101
|
+
setPaneSize = _useState2[1];
|
|
102
|
+
|
|
76
103
|
var _useState3 = (0, _react.useState)(),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
104
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
105
|
+
primaryShow = _useState4[0],
|
|
106
|
+
setPrimaryShow = _useState4[1];
|
|
107
|
+
|
|
80
108
|
var _useState5 = (0, _react.useState)(initPrimary),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
109
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
110
|
+
primary = _useState6[0],
|
|
111
|
+
setPrimary = _useState6[1];
|
|
112
|
+
|
|
84
113
|
(0, _react.useEffect)(function () {
|
|
85
114
|
setPrimaryShow(defaultExpand);
|
|
86
115
|
}, [defaultExpand]);
|
|
@@ -92,6 +121,7 @@ function VtxSplitPane(props) {
|
|
|
92
121
|
var initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);
|
|
93
122
|
var splitPaneWidth = splitPane.current.clientWidth;
|
|
94
123
|
var resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
|
|
124
|
+
|
|
95
125
|
setPaneSize({
|
|
96
126
|
pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,
|
|
97
127
|
pane2: primary === 'second' ? initialSize : splitPaneWidth - initialSize - resizerWidth
|
|
@@ -104,10 +134,10 @@ function VtxSplitPane(props) {
|
|
|
104
134
|
window.onresize = '';
|
|
105
135
|
};
|
|
106
136
|
}, [primary]);
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
* 监听窗口变化,自适应大小
|
|
137
|
+
/**
|
|
138
|
+
* 监听窗口变化,自适应大小
|
|
110
139
|
*/
|
|
140
|
+
|
|
111
141
|
window.onresize = function () {
|
|
112
142
|
var splitPaneWidth = splitPane.current.clientWidth;
|
|
113
143
|
var resizerWidth = resizerRef.current.offsetWidth + 1;
|
|
@@ -116,6 +146,7 @@ function VtxSplitPane(props) {
|
|
|
116
146
|
pane2: primary === 'first' ? splitPaneWidth - resizerWidth - paneSize.pane1 : paneSize.pane2
|
|
117
147
|
});
|
|
118
148
|
};
|
|
149
|
+
|
|
119
150
|
function onMouseDown(event) {
|
|
120
151
|
var eventWithTouches = Object.assign({}, event, {
|
|
121
152
|
touches: [{
|
|
@@ -125,19 +156,24 @@ function VtxSplitPane(props) {
|
|
|
125
156
|
});
|
|
126
157
|
onTouchStart(eventWithTouches);
|
|
127
158
|
}
|
|
159
|
+
|
|
128
160
|
function onTouchStart(event) {
|
|
129
161
|
var allowResize = props.allowResize,
|
|
130
|
-
|
|
162
|
+
onDragStarted = props.onDragStarted;
|
|
163
|
+
|
|
131
164
|
if (allowResize) {
|
|
132
165
|
unFocus(document, window);
|
|
133
166
|
var initPosition = event.touches[0].clientX;
|
|
167
|
+
|
|
134
168
|
if (typeof onDragStarted === 'function') {
|
|
135
169
|
onDragStarted();
|
|
136
170
|
}
|
|
171
|
+
|
|
137
172
|
active.current = true;
|
|
138
173
|
position.current = initPosition;
|
|
139
174
|
}
|
|
140
175
|
}
|
|
176
|
+
|
|
141
177
|
function onMouseMove(event) {
|
|
142
178
|
var eventWithTouches = Object.assign({}, event, {
|
|
143
179
|
touches: [{
|
|
@@ -147,45 +183,57 @@ function VtxSplitPane(props) {
|
|
|
147
183
|
});
|
|
148
184
|
onTouchMove(eventWithTouches);
|
|
149
185
|
}
|
|
186
|
+
|
|
150
187
|
function onTouchMove(event) {
|
|
151
188
|
var allowResize = props.allowResize,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
189
|
+
maxSize = props.maxSize,
|
|
190
|
+
minSize = props.minSize,
|
|
191
|
+
onChange = props.onChange,
|
|
192
|
+
step = props.step;
|
|
193
|
+
|
|
156
194
|
if (allowResize && active.current) {
|
|
157
195
|
unFocus(document, window);
|
|
158
196
|
var isPrimaryFirst = primary === 'first';
|
|
159
197
|
var ref = isPrimaryFirst ? pane1.current : pane2.current;
|
|
160
198
|
var ref2 = isPrimaryFirst ? pane2.current : pane1.current;
|
|
199
|
+
|
|
161
200
|
if (ref) {
|
|
162
201
|
var node = ref;
|
|
163
202
|
var node2 = ref2;
|
|
203
|
+
|
|
164
204
|
if (node.getBoundingClientRect) {
|
|
165
205
|
var width = node.getBoundingClientRect().width;
|
|
166
206
|
var current = event.touches[0].clientX;
|
|
167
207
|
var _size = width;
|
|
168
208
|
var positionDelta = position.current - current;
|
|
209
|
+
|
|
169
210
|
if (step) {
|
|
170
211
|
if (Math.abs(positionDelta) < step) {
|
|
171
212
|
return;
|
|
172
|
-
}
|
|
173
|
-
// Integer division
|
|
213
|
+
} // Integer division
|
|
174
214
|
// eslint-disable-next-line no-bitwise
|
|
215
|
+
|
|
216
|
+
|
|
175
217
|
positionDelta = ~~(positionDelta / step) * step;
|
|
176
218
|
}
|
|
219
|
+
|
|
177
220
|
var sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
|
|
178
221
|
var pane1Order = parseInt(window.getComputedStyle(node).order);
|
|
179
222
|
var pane2Order = parseInt(window.getComputedStyle(node2).order);
|
|
223
|
+
|
|
180
224
|
if (pane1Order > pane2Order) {
|
|
181
225
|
sizeDelta = -sizeDelta;
|
|
182
226
|
}
|
|
227
|
+
|
|
183
228
|
var newMaxSize = maxSize;
|
|
229
|
+
|
|
184
230
|
if (maxSize !== undefined && maxSize <= 0) {
|
|
185
231
|
newMaxSize = splitPane.getBoundingClientRect().width + maxSize;
|
|
186
232
|
}
|
|
233
|
+
|
|
187
234
|
var newSize = _size - sizeDelta;
|
|
188
235
|
var newPosition = position.current - positionDelta;
|
|
236
|
+
|
|
189
237
|
if (newSize < minSize) {
|
|
190
238
|
newSize = minSize;
|
|
191
239
|
} else if (maxSize !== undefined && newSize > newMaxSize) {
|
|
@@ -194,6 +242,7 @@ function VtxSplitPane(props) {
|
|
|
194
242
|
position.current = newPosition;
|
|
195
243
|
resized.current = true;
|
|
196
244
|
}
|
|
245
|
+
|
|
197
246
|
if (onChange) onChange(newSize);
|
|
198
247
|
draggedSize.current = newSize;
|
|
199
248
|
var splitPaneWidth = splitPane.current.clientWidth;
|
|
@@ -206,35 +255,38 @@ function VtxSplitPane(props) {
|
|
|
206
255
|
}
|
|
207
256
|
}
|
|
208
257
|
}
|
|
258
|
+
|
|
209
259
|
function onMouseUp() {
|
|
210
260
|
var allowResize = props.allowResize,
|
|
211
|
-
|
|
261
|
+
onDragFinished = props.onDragFinished;
|
|
262
|
+
|
|
212
263
|
if (allowResize && active.current) {
|
|
213
264
|
if (typeof onDragFinished === 'function') {
|
|
214
265
|
onDragFinished(draggedSize.current);
|
|
215
266
|
}
|
|
267
|
+
|
|
216
268
|
active.current = false;
|
|
217
269
|
}
|
|
218
270
|
}
|
|
271
|
+
|
|
219
272
|
var allowResize = props.allowResize,
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
273
|
+
children = props.children,
|
|
274
|
+
className = props.className,
|
|
275
|
+
onResizerClick = props.onResizerClick,
|
|
276
|
+
onResizerDoubleClick = props.onResizerDoubleClick,
|
|
277
|
+
resizerClassName = props.resizerClassName,
|
|
278
|
+
resizerStyle = props.resizerStyle,
|
|
279
|
+
style = props.style,
|
|
280
|
+
showSwitch = props.showSwitch,
|
|
281
|
+
showToggle = props.showToggle;
|
|
229
282
|
var notNullChildren = removeNullChildren(children);
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
* 收缩面板宽度变化,并能还原到原先的位置
|
|
283
|
+
/**
|
|
284
|
+
* 收缩面板宽度变化,并能还原到原先的位置
|
|
233
285
|
*/
|
|
286
|
+
|
|
234
287
|
var pane1Size = primary === 'first' ? primaryShow ? paneSize.pane1 : 0 : primaryShow ? paneSize.pane1 : paneSize.pane1 + paneSize.pane2;
|
|
235
|
-
var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0;
|
|
288
|
+
var pane2Size = primary === 'first' ? primaryShow ? paneSize.pane2 : paneSize.pane1 + paneSize.pane2 : primaryShow ? paneSize.pane2 : 0; // 是否在拖动
|
|
236
289
|
|
|
237
|
-
// 是否在拖动
|
|
238
290
|
var dragging = active.current;
|
|
239
291
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
240
292
|
className: (0, _classnames["default"])('vtx-split-pane', className),
|
|
@@ -251,6 +303,7 @@ function VtxSplitPane(props) {
|
|
|
251
303
|
if (!primaryShow) {
|
|
252
304
|
setPrimaryShow(true);
|
|
253
305
|
}
|
|
306
|
+
|
|
254
307
|
onResizerClick && onResizerClick(e, !primaryShow);
|
|
255
308
|
},
|
|
256
309
|
className: (0, _classnames["default"])({
|
|
@@ -296,6 +349,7 @@ function VtxSplitPane(props) {
|
|
|
296
349
|
if (prev === 'first') {
|
|
297
350
|
return 'second';
|
|
298
351
|
}
|
|
352
|
+
|
|
299
353
|
if (prev === 'second') {
|
|
300
354
|
return 'first';
|
|
301
355
|
}
|
|
@@ -308,6 +362,7 @@ function VtxSplitPane(props) {
|
|
|
308
362
|
dragging: dragging
|
|
309
363
|
}, primary === 'first' ? notNullChildren[1] : notNullChildren[0]));
|
|
310
364
|
}
|
|
365
|
+
|
|
311
366
|
VtxSplitPane.propTypes = {
|
|
312
367
|
allowResize: _propTypes["default"].bool,
|
|
313
368
|
children: _propTypes["default"].arrayOf(_propTypes["default"].node).isRequired,
|
|
@@ -338,5 +393,6 @@ VtxSplitPane.defaultProps = {
|
|
|
338
393
|
showToggle: true,
|
|
339
394
|
showSwitch: false
|
|
340
395
|
};
|
|
341
|
-
var _default =
|
|
396
|
+
var _default = VtxSplitPane;
|
|
397
|
+
exports["default"] = _default;
|
|
342
398
|
//# sourceMappingURL=SplitPane.js.map
|