@vtx/components 3.1.151 → 3.1.152
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 +49 -60
- 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 +16 -8
- package/lib/_util/getToken.js.map +1 -1
- package/lib/_util/getUrlParam.js +9 -2
- 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 +13 -3
- 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 +42 -26
- 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 +30 -1
- 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 +33 -14
- 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 +96 -55
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +66 -41
- 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 +15 -6
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/CheckboxList.js +71 -35
- package/lib/vtx-datagrid/CheckboxList.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +105 -58
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +18 -6
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +217 -138
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +46 -15
- 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 +58 -28
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +77 -35
- 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 +39 -39
- package/lib/vtx-editor/index.js +32 -13
- 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 +29 -16
- 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 +73 -38
- 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/ColumnsSelect.js +23 -11
- package/lib/vtx-export-async/ColumnsSelect.js.map +1 -1
- package/lib/vtx-export-async/History.js +117 -75
- package/lib/vtx-export-async/History.js.map +1 -1
- package/lib/vtx-export-async/index.js +116 -72
- 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 +21 -9
- package/lib/vtx-export-async/util.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +39 -17
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +12 -6
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +67 -18
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +10 -4
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +9 -2
- 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 +25 -10
- 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 +220 -220
- package/lib/vtx-image/Image.js +117 -77
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +63 -34
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +54 -24
- 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 +143 -91
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +33 -15
- 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 +9 -2
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +38 -16
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +7 -2
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +15 -8
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +7 -2
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +176 -91
- 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 +31 -14
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +49 -24
- 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 +23 -10
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +9 -3
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +85 -52
- 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 +9 -4
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +27 -16
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +13 -4
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +64 -34
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +23 -12
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +61 -32
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +11 -2
- 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 +58 -38
- 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 +68 -34
- 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 +27 -8
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +15 -8
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +112 -67
- 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 +98 -63
- 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 +99 -47
- 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 +34 -19
- 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 +23 -12
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +41 -21
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +111 -55
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +7 -2
- 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 +11 -4
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +32 -16
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +31 -15
- 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 +19 -2
- 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 +22 -8
- 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 +153 -83
- 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 +31 -10
- package/lib/vtx-tree/utils.js.map +1 -1
- package/lib/vtx-tree-select/index.js +81 -37
- package/lib/vtx-tree-select/index.js.map +1 -1
- package/lib/vtx-tree-select/style/css.js +4 -0
- package/lib/vtx-tree-select/style/css.js.map +1 -1
- package/lib/vtx-tree-select/style/index.js +4 -0
- package/lib/vtx-tree-select/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +35 -17
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +167 -90
- 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 +126 -84
- 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 +141 -80
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +138 -77
- 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 +159 -91
- 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 +122 -122
|
@@ -1,32 +1,42 @@
|
|
|
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 _signature_pad = _interopRequireDefault(require("signature_pad"));
|
|
13
|
+
|
|
10
14
|
var _button = _interopRequireDefault(require("antd/lib/button"));
|
|
15
|
+
|
|
11
16
|
var _lodash = _interopRequireDefault(require("lodash.debounce"));
|
|
17
|
+
|
|
12
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
19
|
+
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
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
|
+
|
|
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
|
|
@@ -92,7 +106,8 @@ var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
92
106
|
onClick: undo
|
|
93
107
|
}, "\u64A4\u9500")));
|
|
94
108
|
});
|
|
95
|
-
var _default =
|
|
109
|
+
var _default = VtxSignature;
|
|
110
|
+
exports["default"] = _default;
|
|
96
111
|
VtxSignature.propTypes = {
|
|
97
112
|
dotSize: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].number]),
|
|
98
113
|
minWidth: _propTypes["default"].number,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
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/lib/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":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-signature/style/index.js"],"sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA"}
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
@prefix-cls: vtx-signature;
|
|
3
|
-
|
|
4
|
-
.@{prefix-cls} {
|
|
5
|
-
position: relative;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
height: 300px;
|
|
9
|
-
padding: 16px;
|
|
10
|
-
background-color: @component-background;
|
|
11
|
-
border: 1px solid @border-color-split;
|
|
12
|
-
border-radius: @border-radius-base;
|
|
13
|
-
&--body {
|
|
14
|
-
position: relative;
|
|
15
|
-
height: 100%;
|
|
16
|
-
border: 1px dotted #c1c1c1;
|
|
17
|
-
canvas {
|
|
18
|
-
position: absolute;
|
|
19
|
-
top: 0;
|
|
20
|
-
left: 0;
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: 100%;
|
|
23
|
-
border-radius: @border-radius-base;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
&--footer {
|
|
27
|
-
margin-top: 8px;
|
|
28
|
-
line-height: 1;
|
|
29
|
-
button + button {
|
|
30
|
-
margin-left: 8px;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
@prefix-cls: vtx-signature;
|
|
3
|
+
|
|
4
|
+
.@{prefix-cls} {
|
|
5
|
+
position: relative;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
height: 300px;
|
|
9
|
+
padding: 16px;
|
|
10
|
+
background-color: @component-background;
|
|
11
|
+
border: 1px solid @border-color-split;
|
|
12
|
+
border-radius: @border-radius-base;
|
|
13
|
+
&--body {
|
|
14
|
+
position: relative;
|
|
15
|
+
height: 100%;
|
|
16
|
+
border: 1px dotted #c1c1c1;
|
|
17
|
+
canvas {
|
|
18
|
+
position: absolute;
|
|
19
|
+
top: 0;
|
|
20
|
+
left: 0;
|
|
21
|
+
width: 100%;
|
|
22
|
+
height: 100%;
|
|
23
|
+
border-radius: @border-radius-base;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
&--footer {
|
|
27
|
+
margin-top: 8px;
|
|
28
|
+
line-height: 1;
|
|
29
|
+
button + button {
|
|
30
|
+
margin-left: 8px;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -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"));
|
|
9
|
-
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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"));
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
function
|
|
14
|
-
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
function
|
|
18
|
-
|
|
19
|
-
function
|
|
15
|
+
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
+
|
|
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
|
+
|
|
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"}
|