@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,66 +1,66 @@
|
|
|
1
|
-
.vtx-select {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: inline-block;
|
|
4
|
-
width: 100%;
|
|
5
|
-
.vtx-select-count {
|
|
6
|
-
position: absolute;
|
|
7
|
-
top: 0;
|
|
8
|
-
vertical-align: top;
|
|
9
|
-
}
|
|
10
|
-
.vtx-all-list {
|
|
11
|
-
position: absolute;
|
|
12
|
-
z-index: 999;
|
|
13
|
-
box-sizing: border-box;
|
|
14
|
-
width: 100%;
|
|
15
|
-
padding: 5px;
|
|
16
|
-
background-color: #fff;
|
|
17
|
-
border-radius: 4px;
|
|
18
|
-
box-shadow: 0 2px 8px #d9d9d9;
|
|
19
|
-
}
|
|
20
|
-
.ant-select-selection--multiple {
|
|
21
|
-
max-height: 32px;
|
|
22
|
-
overflow: hidden;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.vtx-multi-select {
|
|
27
|
-
position: relative;
|
|
28
|
-
display: inline-block;
|
|
29
|
-
width: 100%;
|
|
30
|
-
.vtx-select-count {
|
|
31
|
-
position: absolute;
|
|
32
|
-
top: 0;
|
|
33
|
-
right: 0;
|
|
34
|
-
vertical-align: top;
|
|
35
|
-
border-left: none;
|
|
36
|
-
border-top-left-radius: 0;
|
|
37
|
-
border-bottom-left-radius: 0;
|
|
38
|
-
}
|
|
39
|
-
.vtx-all-list {
|
|
40
|
-
position: absolute;
|
|
41
|
-
z-index: 999;
|
|
42
|
-
box-sizing: border-box;
|
|
43
|
-
width: 100%;
|
|
44
|
-
padding: 5px;
|
|
45
|
-
background-color: #fff;
|
|
46
|
-
border-radius: 4px;
|
|
47
|
-
box-shadow: 0 2px 8px #d9d9d9;
|
|
48
|
-
}
|
|
49
|
-
.ant-select-selection {
|
|
50
|
-
border-top-right-radius: 0;
|
|
51
|
-
border-bottom-right-radius: 0;
|
|
52
|
-
}
|
|
53
|
-
.ant-select-selection--multiple {
|
|
54
|
-
max-height: 32px;
|
|
55
|
-
overflow: hidden;
|
|
56
|
-
}
|
|
57
|
-
.ant-btn:hover,
|
|
58
|
-
.ant-btn:focus {
|
|
59
|
-
border-color: #d9d9d9;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.vtx-multi-select-all {
|
|
64
|
-
padding: 4px 8px;
|
|
65
|
-
text-align: right;
|
|
66
|
-
}
|
|
1
|
+
.vtx-select {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-block;
|
|
4
|
+
width: 100%;
|
|
5
|
+
.vtx-select-count {
|
|
6
|
+
position: absolute;
|
|
7
|
+
top: 0;
|
|
8
|
+
vertical-align: top;
|
|
9
|
+
}
|
|
10
|
+
.vtx-all-list {
|
|
11
|
+
position: absolute;
|
|
12
|
+
z-index: 999;
|
|
13
|
+
box-sizing: border-box;
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding: 5px;
|
|
16
|
+
background-color: #fff;
|
|
17
|
+
border-radius: 4px;
|
|
18
|
+
box-shadow: 0 2px 8px #d9d9d9;
|
|
19
|
+
}
|
|
20
|
+
.ant-select-selection--multiple {
|
|
21
|
+
max-height: 32px;
|
|
22
|
+
overflow: hidden;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.vtx-multi-select {
|
|
27
|
+
position: relative;
|
|
28
|
+
display: inline-block;
|
|
29
|
+
width: 100%;
|
|
30
|
+
.vtx-select-count {
|
|
31
|
+
position: absolute;
|
|
32
|
+
top: 0;
|
|
33
|
+
right: 0;
|
|
34
|
+
vertical-align: top;
|
|
35
|
+
border-left: none;
|
|
36
|
+
border-top-left-radius: 0;
|
|
37
|
+
border-bottom-left-radius: 0;
|
|
38
|
+
}
|
|
39
|
+
.vtx-all-list {
|
|
40
|
+
position: absolute;
|
|
41
|
+
z-index: 999;
|
|
42
|
+
box-sizing: border-box;
|
|
43
|
+
width: 100%;
|
|
44
|
+
padding: 5px;
|
|
45
|
+
background-color: #fff;
|
|
46
|
+
border-radius: 4px;
|
|
47
|
+
box-shadow: 0 2px 8px #d9d9d9;
|
|
48
|
+
}
|
|
49
|
+
.ant-select-selection {
|
|
50
|
+
border-top-right-radius: 0;
|
|
51
|
+
border-bottom-right-radius: 0;
|
|
52
|
+
}
|
|
53
|
+
.ant-select-selection--multiple {
|
|
54
|
+
max-height: 32px;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
}
|
|
57
|
+
.ant-btn:hover,
|
|
58
|
+
.ant-btn:focus {
|
|
59
|
+
border-color: #d9d9d9;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.vtx-multi-select-all {
|
|
64
|
+
padding: 4px 8px;
|
|
65
|
+
text-align: right;
|
|
66
|
+
}
|
|
@@ -1,32 +1,42 @@
|
|
|
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 _signature_pad = _interopRequireDefault(require("signature_pad"));
|
|
13
|
+
|
|
10
14
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
15
|
+
|
|
11
16
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
17
|
+
|
|
12
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
14
22
|
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); }
|
|
23
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
17
27
|
var canvasRef = (0, _react.useRef)();
|
|
18
28
|
var signaturePad = (0, _react.useRef)();
|
|
19
29
|
var dotSize = props.dotSize,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
+
minWidth = props.minWidth,
|
|
31
|
+
maxWidth = props.maxWidth,
|
|
32
|
+
throttle = props.throttle,
|
|
33
|
+
minDistance = props.minDistance,
|
|
34
|
+
backgroundColor = props.backgroundColor,
|
|
35
|
+
penColor = props.penColor,
|
|
36
|
+
velocityFilterWeight = props.velocityFilterWeight,
|
|
37
|
+
onBegin = props.onBegin,
|
|
38
|
+
_onEnd = props.onEnd,
|
|
39
|
+
onChange = props.onChange;
|
|
30
40
|
(0, _react.useEffect)(function () {
|
|
31
41
|
signaturePad.current = new _signature_pad["default"](canvasRef.current, {
|
|
32
42
|
dotSize: dotSize,
|
|
@@ -51,30 +61,34 @@ var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
51
61
|
window.removeEventListener('resize', (0, _lodash["default"])(resizeCanvas, 150));
|
|
52
62
|
};
|
|
53
63
|
}, []);
|
|
64
|
+
|
|
54
65
|
function resizeCanvas() {
|
|
55
66
|
var ratio = Math.max(window.devicePixelRatio || 1, 1);
|
|
56
67
|
var canvas = canvasRef.current;
|
|
68
|
+
|
|
57
69
|
if (canvas) {
|
|
58
70
|
canvas.width = canvas.offsetWidth * ratio;
|
|
59
71
|
canvas.height = canvas.offsetHeight * ratio;
|
|
60
72
|
canvas.getContext('2d').scale(ratio, ratio);
|
|
61
73
|
clear();
|
|
62
74
|
}
|
|
63
|
-
}
|
|
75
|
+
} // 清空
|
|
76
|
+
|
|
64
77
|
|
|
65
|
-
// 清空
|
|
66
78
|
var clear = function clear() {
|
|
67
79
|
signaturePad.current.clear();
|
|
68
|
-
};
|
|
80
|
+
}; // 撤销
|
|
81
|
+
|
|
69
82
|
|
|
70
|
-
// 撤销
|
|
71
83
|
var undo = function undo() {
|
|
72
84
|
var data = signaturePad.current.toData();
|
|
85
|
+
|
|
73
86
|
if (data) {
|
|
74
87
|
data.pop();
|
|
75
88
|
signaturePad.current.fromData(data);
|
|
76
89
|
}
|
|
77
90
|
};
|
|
91
|
+
|
|
78
92
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
79
93
|
className: "vtx-signature",
|
|
80
94
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VtxSignature","forwardRef","props","ref","canvasRef","useRef","signaturePad","dotSize","minWidth","maxWidth","throttle","minDistance","backgroundColor","penColor","velocityFilterWeight","onBegin","onEnd","onChange","useEffect","current","SignaturePad","dataUri","toDataURL","encodedImage","split","resizeCanvas","window","addEventListener","debounce","removeEventListener","ratio","Math","max","devicePixelRatio","canvas","width","offsetWidth","height","offsetHeight","getContext","scale","clear","undo","data","toData","pop","fromData","propTypes","PropTypes","oneOfType","func","number","string"],"sources":["vtx-signature/index.jsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport SignaturePad from 'signature_pad';\nimport Button from 'antd/es/button';\nimport debounce from 'lodash.debounce';\nimport PropTypes from 'prop-types';\n\nconst VtxSignature = forwardRef((props, ref) => {\n const canvasRef = useRef();\n const signaturePad = useRef();\n const {\n dotSize,\n minWidth,\n maxWidth,\n throttle,\n minDistance,\n backgroundColor,\n penColor,\n velocityFilterWeight,\n onBegin,\n onEnd,\n onChange,\n } = props;\n\n useEffect(() => {\n signaturePad.current = new SignaturePad(canvasRef.current, {\n dotSize,\n minWidth,\n maxWidth,\n throttle,\n minDistance,\n backgroundColor,\n penColor,\n velocityFilterWeight,\n onBegin,\n onEnd() {\n const dataUri = signaturePad.current.toDataURL();\n const encodedImage = dataUri.split(',')[1];\n\n onChange && onChange(encodedImage);\n onEnd && onEnd();\n },\n });\n resizeCanvas();\n window.addEventListener('resize', debounce(resizeCanvas, 150));\n return () => {\n window.removeEventListener('resize', debounce(resizeCanvas, 150));\n };\n }, []);\n\n function resizeCanvas() {\n const ratio = Math.max(window.devicePixelRatio || 1, 1);\n const canvas = canvasRef.current;\n if (canvas) {\n canvas.width = canvas.offsetWidth * ratio;\n canvas.height = canvas.offsetHeight * ratio;\n canvas.getContext('2d').scale(ratio, ratio);\n clear();\n }\n }\n\n // 清空\n const clear = () => {\n signaturePad.current.clear();\n };\n\n // 撤销\n const undo = () => {\n const data = signaturePad.current.toData();\n if (data) {\n data.pop();\n signaturePad.current.fromData(data);\n }\n };\n\n return (\n <div className=\"vtx-signature\" ref={ref}>\n <div className=\"vtx-signature--body\">\n <canvas ref={canvasRef} />\n </div>\n <div className=\"vtx-signature--footer\">\n <Button size=\"small\" onClick={clear}>\n 清空\n </Button>\n <Button size=\"small\" onClick={undo}>\n 撤销\n </Button>\n </div>\n </div>\n );\n});\n\nexport default VtxSignature;\n\nVtxSignature.propTypes = {\n dotSize: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),\n minWidth: PropTypes.number,\n maxWidth: PropTypes.number,\n throttle: PropTypes.number,\n minDistance: PropTypes.number,\n backgroundColor: PropTypes.string,\n penColor: PropTypes.string,\n velocityFilterWeight: PropTypes.number,\n onBegin: PropTypes.func,\n onEnd: PropTypes.func,\n onChange: PropTypes.func,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxSignature","forwardRef","props","ref","canvasRef","useRef","signaturePad","dotSize","minWidth","maxWidth","throttle","minDistance","backgroundColor","penColor","velocityFilterWeight","onBegin","onEnd","onChange","useEffect","current","SignaturePad","dataUri","toDataURL","encodedImage","split","resizeCanvas","window","addEventListener","debounce","removeEventListener","ratio","Math","max","devicePixelRatio","canvas","width","offsetWidth","height","offsetHeight","getContext","scale","clear","undo","data","toData","pop","fromData","propTypes","PropTypes","oneOfType","func","number","string"],"sources":["vtx-signature/index.jsx"],"sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\r\nimport SignaturePad from 'signature_pad';\r\nimport Button from 'antd/es/button';\r\nimport debounce from 'lodash.debounce';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst VtxSignature = forwardRef((props, ref) => {\r\n const canvasRef = useRef();\r\n const signaturePad = useRef();\r\n const {\r\n dotSize,\r\n minWidth,\r\n maxWidth,\r\n throttle,\r\n minDistance,\r\n backgroundColor,\r\n penColor,\r\n velocityFilterWeight,\r\n onBegin,\r\n onEnd,\r\n onChange,\r\n } = props;\r\n\r\n useEffect(() => {\r\n signaturePad.current = new SignaturePad(canvasRef.current, {\r\n dotSize,\r\n minWidth,\r\n maxWidth,\r\n throttle,\r\n minDistance,\r\n backgroundColor,\r\n penColor,\r\n velocityFilterWeight,\r\n onBegin,\r\n onEnd() {\r\n const dataUri = signaturePad.current.toDataURL();\r\n const encodedImage = dataUri.split(',')[1];\r\n\r\n onChange && onChange(encodedImage);\r\n onEnd && onEnd();\r\n },\r\n });\r\n resizeCanvas();\r\n window.addEventListener('resize', debounce(resizeCanvas, 150));\r\n return () => {\r\n window.removeEventListener('resize', debounce(resizeCanvas, 150));\r\n };\r\n }, []);\r\n\r\n function resizeCanvas() {\r\n const ratio = Math.max(window.devicePixelRatio || 1, 1);\r\n const canvas = canvasRef.current;\r\n if (canvas) {\r\n canvas.width = canvas.offsetWidth * ratio;\r\n canvas.height = canvas.offsetHeight * ratio;\r\n canvas.getContext('2d').scale(ratio, ratio);\r\n clear();\r\n }\r\n }\r\n\r\n // 清空\r\n const clear = () => {\r\n signaturePad.current.clear();\r\n };\r\n\r\n // 撤销\r\n const undo = () => {\r\n const data = signaturePad.current.toData();\r\n if (data) {\r\n data.pop();\r\n signaturePad.current.fromData(data);\r\n }\r\n };\r\n\r\n return (\r\n <div className=\"vtx-signature\" ref={ref}>\r\n <div className=\"vtx-signature--body\">\r\n <canvas ref={canvasRef} />\r\n </div>\r\n <div className=\"vtx-signature--footer\">\r\n <Button size=\"small\" onClick={clear}>\r\n 清空\r\n </Button>\r\n <Button size=\"small\" onClick={undo}>\r\n 撤销\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n});\r\n\r\nexport default VtxSignature;\r\n\r\nVtxSignature.propTypes = {\r\n dotSize: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),\r\n minWidth: PropTypes.number,\r\n maxWidth: PropTypes.number,\r\n throttle: PropTypes.number,\r\n minDistance: PropTypes.number,\r\n backgroundColor: PropTypes.string,\r\n penColor: PropTypes.string,\r\n velocityFilterWeight: PropTypes.number,\r\n onBegin: PropTypes.func,\r\n onEnd: PropTypes.func,\r\n onChange: PropTypes.func,\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EAC5C,IAAMC,SAAS,GAAG,IAAAC,aAAA,GAAlB;EACA,IAAMC,YAAY,GAAG,IAAAD,aAAA,GAArB;EACA,IACIE,OADJ,GAYIL,KAZJ,CACIK,OADJ;EAAA,IAEIC,QAFJ,GAYIN,KAZJ,CAEIM,QAFJ;EAAA,IAGIC,QAHJ,GAYIP,KAZJ,CAGIO,QAHJ;EAAA,IAIIC,QAJJ,GAYIR,KAZJ,CAIIQ,QAJJ;EAAA,IAKIC,WALJ,GAYIT,KAZJ,CAKIS,WALJ;EAAA,IAMIC,eANJ,GAYIV,KAZJ,CAMIU,eANJ;EAAA,IAOIC,QAPJ,GAYIX,KAZJ,CAOIW,QAPJ;EAAA,IAQIC,oBARJ,GAYIZ,KAZJ,CAQIY,oBARJ;EAAA,IASIC,OATJ,GAYIb,KAZJ,CASIa,OATJ;EAAA,IAUIC,MAVJ,GAYId,KAZJ,CAUIc,KAVJ;EAAA,IAWIC,QAXJ,GAYIf,KAZJ,CAWIe,QAXJ;EAcA,IAAAC,gBAAA,EAAU,YAAM;IACZZ,YAAY,CAACa,OAAb,GAAuB,IAAIC,yBAAJ,CAAiBhB,SAAS,CAACe,OAA3B,EAAoC;MACvDZ,OAAO,EAAPA,OADuD;MAEvDC,QAAQ,EAARA,QAFuD;MAGvDC,QAAQ,EAARA,QAHuD;MAIvDC,QAAQ,EAARA,QAJuD;MAKvDC,WAAW,EAAXA,WALuD;MAMvDC,eAAe,EAAfA,eANuD;MAOvDC,QAAQ,EAARA,QAPuD;MAQvDC,oBAAoB,EAApBA,oBARuD;MASvDC,OAAO,EAAPA,OATuD;MAUvDC,KAVuD,mBAU/C;QACJ,IAAMK,OAAO,GAAGf,YAAY,CAACa,OAAb,CAAqBG,SAArB,EAAhB;QACA,IAAMC,YAAY,GAAGF,OAAO,CAACG,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAArB;QAEAP,QAAQ,IAAIA,QAAQ,CAACM,YAAD,CAApB;QACAP,MAAK,IAAIA,MAAK,EAAd;MACH;IAhBsD,CAApC,CAAvB;IAkBAS,YAAY;IACZC,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,IAAAC,kBAAA,EAASH,YAAT,EAAuB,GAAvB,CAAlC;IACA,OAAO,YAAM;MACTC,MAAM,CAACG,mBAAP,CAA2B,QAA3B,EAAqC,IAAAD,kBAAA,EAASH,YAAT,EAAuB,GAAvB,CAArC;IACH,CAFD;EAGH,CAxBD,EAwBG,EAxBH;;EA0BA,SAASA,YAAT,GAAwB;IACpB,IAAMK,KAAK,GAAGC,IAAI,CAACC,GAAL,CAASN,MAAM,CAACO,gBAAP,IAA2B,CAApC,EAAuC,CAAvC,CAAd;IACA,IAAMC,MAAM,GAAG9B,SAAS,CAACe,OAAzB;;IACA,IAAIe,MAAJ,EAAY;MACRA,MAAM,CAACC,KAAP,GAAeD,MAAM,CAACE,WAAP,GAAqBN,KAApC;MACAI,MAAM,CAACG,MAAP,GAAgBH,MAAM,CAACI,YAAP,GAAsBR,KAAtC;MACAI,MAAM,CAACK,UAAP,CAAkB,IAAlB,EAAwBC,KAAxB,CAA8BV,KAA9B,EAAqCA,KAArC;MACAW,KAAK;IACR;EACJ,CApD2C,CAsD5C;;;EACA,IAAMA,KAAK,GAAG,SAARA,KAAQ,GAAM;IAChBnC,YAAY,CAACa,OAAb,CAAqBsB,KAArB;EACH,CAFD,CAvD4C,CA2D5C;;;EACA,IAAMC,IAAI,GAAG,SAAPA,IAAO,GAAM;IACf,IAAMC,IAAI,GAAGrC,YAAY,CAACa,OAAb,CAAqByB,MAArB,EAAb;;IACA,IAAID,IAAJ,EAAU;MACNA,IAAI,CAACE,GAAL;MACAvC,YAAY,CAACa,OAAb,CAAqB2B,QAArB,CAA8BH,IAA9B;IACH;EACJ,CAND;;EAQA,oBACI;IAAK,SAAS,EAAC,eAAf;IAA+B,GAAG,EAAExC;EAApC,gBACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAQ,GAAG,EAAEC;EAAb,EADJ,CADJ,eAII;IAAK,SAAS,EAAC;EAAf,gBACI,gCAAC,kBAAD;IAAQ,IAAI,EAAC,OAAb;IAAqB,OAAO,EAAEqC;EAA9B,kBADJ,eAII,gCAAC,kBAAD;IAAQ,IAAI,EAAC,OAAb;IAAqB,OAAO,EAAEC;EAA9B,kBAJJ,CAJJ,CADJ;AAeH,CAnFoB,CAArB;eAqFe1C,Y;;AAEfA,YAAY,CAAC+C,SAAb,GAAyB;EACrBxC,OAAO,EAAEyC,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,IAAX,EAAiBF,qBAAA,CAAUG,MAA3B,CAApB,CADY;EAErB3C,QAAQ,EAAEwC,qBAAA,CAAUG,MAFC;EAGrB1C,QAAQ,EAAEuC,qBAAA,CAAUG,MAHC;EAIrBzC,QAAQ,EAAEsC,qBAAA,CAAUG,MAJC;EAKrBxC,WAAW,EAAEqC,qBAAA,CAAUG,MALF;EAMrBvC,eAAe,EAAEoC,qBAAA,CAAUI,MANN;EAOrBvC,QAAQ,EAAEmC,qBAAA,CAAUI,MAPC;EAQrBtC,oBAAoB,EAAEkC,qBAAA,CAAUG,MARX;EASrBpC,OAAO,EAAEiC,qBAAA,CAAUE,IATE;EAUrBlC,KAAK,EAAEgC,qBAAA,CAAUE,IAVI;EAWrBjC,QAAQ,EAAE+B,qBAAA,CAAUE;AAXC,CAAzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/es/button/style/css';\nimport 'antd/es/message/style/css';\nimport './index.less';\n"],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/es/button/style/css';\r\nimport 'antd/es/message/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/es/button/style/css';\nimport 'antd/es/message/style/css';\nimport './index.less';\n"],"mappings":";;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/es/button/style/css';\r\nimport 'antd/es/message/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
@prefix-cls: vtx-signature;
|
|
2
|
-
|
|
3
|
-
.@{prefix-cls} {
|
|
4
|
-
position: relative;
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-direction: column;
|
|
7
|
-
height: 300px;
|
|
8
|
-
padding: 16px;
|
|
9
|
-
background-color: #fff;
|
|
10
|
-
border: 1px solid #f4f4f4;
|
|
11
|
-
border-radius: 4px;
|
|
12
|
-
&--body {
|
|
13
|
-
position: relative;
|
|
14
|
-
height: 100%;
|
|
15
|
-
border: 2px dotted #c1c1c1;
|
|
16
|
-
canvas {
|
|
17
|
-
position: absolute;
|
|
18
|
-
top: 0;
|
|
19
|
-
left: 0;
|
|
20
|
-
width: 100%;
|
|
21
|
-
height: 100%;
|
|
22
|
-
border-radius: 4px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
&--footer {
|
|
26
|
-
margin-top: 8px;
|
|
27
|
-
line-height: 1;
|
|
28
|
-
button + button {
|
|
29
|
-
margin-left: 8px;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
1
|
+
@prefix-cls: vtx-signature;
|
|
2
|
+
|
|
3
|
+
.@{prefix-cls} {
|
|
4
|
+
position: relative;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
height: 300px;
|
|
8
|
+
padding: 16px;
|
|
9
|
+
background-color: #fff;
|
|
10
|
+
border: 1px solid #f4f4f4;
|
|
11
|
+
border-radius: 4px;
|
|
12
|
+
&--body {
|
|
13
|
+
position: relative;
|
|
14
|
+
height: 100%;
|
|
15
|
+
border: 2px dotted #c1c1c1;
|
|
16
|
+
canvas {
|
|
17
|
+
position: absolute;
|
|
18
|
+
top: 0;
|
|
19
|
+
left: 0;
|
|
20
|
+
width: 100%;
|
|
21
|
+
height: 100%;
|
|
22
|
+
border-radius: 4px;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
&--footer {
|
|
26
|
+
margin-top: 8px;
|
|
27
|
+
line-height: 1;
|
|
28
|
+
button + button {
|
|
29
|
+
margin-left: 8px;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -1,30 +1,42 @@
|
|
|
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
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
11
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
|
+
|
|
12
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
|
+
|
|
13
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
|
+
|
|
14
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
|
+
|
|
15
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
|
+
|
|
16
26
|
var Pane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
17
27
|
var children = props.children,
|
|
18
|
-
|
|
19
|
-
|
|
28
|
+
size = props.size,
|
|
29
|
+
dragging = props.dragging;
|
|
20
30
|
var style = {
|
|
21
31
|
width: size
|
|
22
32
|
};
|
|
33
|
+
|
|
23
34
|
if (!dragging) {
|
|
24
35
|
style = _objectSpread(_objectSpread({}, style), {}, {
|
|
25
36
|
transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s'
|
|
26
37
|
});
|
|
27
38
|
}
|
|
39
|
+
|
|
28
40
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
29
41
|
className: 'vtx-split-pane-item',
|
|
30
42
|
style: style,
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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,34 +1,49 @@
|
|
|
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 _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
|
|
12
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
|
+
|
|
13
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); }
|
|
23
|
+
|
|
15
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
|
+
|
|
16
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
|
+
|
|
17
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
|
+
|
|
18
30
|
var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
19
31
|
var _classnames;
|
|
32
|
+
|
|
20
33
|
var className = props.className,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
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;
|
|
43
|
+
|
|
30
44
|
var events = {},
|
|
31
|
-
|
|
45
|
+
newStyle = _objectSpread({}, style);
|
|
46
|
+
|
|
32
47
|
if (primaryShow) {
|
|
33
48
|
newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
|
|
34
49
|
cursor: 'col-resize'
|
|
@@ -39,10 +54,12 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
39
54
|
},
|
|
40
55
|
onTouchStart: function onTouchStart(event) {
|
|
41
56
|
event.preventDefault();
|
|
57
|
+
|
|
42
58
|
_onTouchStart(event);
|
|
43
59
|
},
|
|
44
60
|
onTouchEnd: function onTouchEnd(event) {
|
|
45
61
|
event.preventDefault();
|
|
62
|
+
|
|
46
63
|
_onTouchEnd(event);
|
|
47
64
|
}
|
|
48
65
|
};
|
|
@@ -51,6 +68,7 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
51
68
|
cursor: 'pointer'
|
|
52
69
|
});
|
|
53
70
|
}
|
|
71
|
+
|
|
54
72
|
return /*#__PURE__*/_react["default"].createElement("span", _extends({
|
|
55
73
|
ref: ref,
|
|
56
74
|
role: "presentation",
|
|
@@ -59,12 +77,14 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
59
77
|
onClick: function onClick(event) {
|
|
60
78
|
if (_onClick) {
|
|
61
79
|
event.preventDefault();
|
|
80
|
+
|
|
62
81
|
_onClick(event);
|
|
63
82
|
}
|
|
64
83
|
},
|
|
65
84
|
onDoubleClick: function onDoubleClick(event) {
|
|
66
85
|
if (_onDoubleClick) {
|
|
67
86
|
event.preventDefault();
|
|
87
|
+
|
|
68
88
|
_onDoubleClick(event);
|
|
69
89
|
}
|
|
70
90
|
}
|
|
@@ -1 +1 @@
|
|
|
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 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":"
|
|
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';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nconst Resizer = forwardRef((props, ref) => {\r\n const {\r\n className,\r\n onClick,\r\n onDoubleClick,\r\n onMouseDown,\r\n onTouchEnd,\r\n onTouchStart,\r\n style,\r\n children,\r\n primary,\r\n primaryShow,\r\n } = props;\r\n\r\n let events = {},\r\n newStyle = { ...style };\r\n if (primaryShow) {\r\n newStyle = { ...newStyle, cursor: 'col-resize' };\r\n events = {\r\n onMouseDown: event => onMouseDown(event),\r\n onTouchStart: event => {\r\n event.preventDefault();\r\n onTouchStart(event);\r\n },\r\n onTouchEnd: event => {\r\n event.preventDefault();\r\n onTouchEnd(event);\r\n },\r\n };\r\n } else {\r\n newStyle = { ...newStyle, cursor: 'pointer' };\r\n }\r\n\r\n return (\r\n <span\r\n ref={ref}\r\n role=\"presentation\"\r\n className={classnames(\r\n 'vtx-split-pane-resizer',\r\n {\r\n ['vtx-split-pane-resizer-left']: primary === 'first',\r\n ['vtx-split-pane-resizer-right']: primary === 'second',\r\n },\r\n className,\r\n )}\r\n style={newStyle}\r\n onClick={event => {\r\n if (onClick) {\r\n event.preventDefault();\r\n onClick(event);\r\n }\r\n }}\r\n onDoubleClick={event => {\r\n if (onDoubleClick) {\r\n event.preventDefault();\r\n onDoubleClick(event);\r\n }\r\n }}\r\n {...events}\r\n >\r\n {children}\r\n </span>\r\n );\r\n});\r\n\r\nResizer.propTypes = {\r\n className: PropTypes.string.isRequired,\r\n onClick: PropTypes.func,\r\n onDoubleClick: PropTypes.func,\r\n onMouseDown: PropTypes.func.isRequired,\r\n onTouchStart: PropTypes.func.isRequired,\r\n onTouchEnd: PropTypes.func.isRequired,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n primary: PropTypes.string,\r\n primaryShow: PropTypes.bool,\r\n};\r\n\r\nResizer.defaultProps = {};\r\n\r\nexport default Resizer;\r\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;EAAA,IACIC,QAAQ,qBAAQL,KAAR,CADZ;;EAEA,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"}
|