@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.
Files changed (242) hide show
  1. package/CHANGELOG.md +842 -0
  2. package/lib/_util/filterSpecialCharacters.js +43 -54
  3. package/lib/_util/filterSpecialCharacters.js.map +1 -1
  4. package/lib/_util/getComponentProps.js +3 -0
  5. package/lib/_util/getComponentProps.js.map +1 -1
  6. package/lib/_util/getUrlParam.js +6 -0
  7. package/lib/_util/getUrlParam.js.map +1 -1
  8. package/lib/_util/isFunction.js +1 -0
  9. package/lib/_util/isFunction.js.map +1 -1
  10. package/lib/_util/isObject.js +1 -0
  11. package/lib/_util/isObject.js.map +1 -1
  12. package/lib/_util/useInterval.js +3 -0
  13. package/lib/_util/useInterval.js.map +1 -1
  14. package/lib/_util/useSet.js +32 -14
  15. package/lib/_util/useSet.js.map +1 -1
  16. package/lib/config.js.map +1 -1
  17. package/lib/index.js +22 -0
  18. package/lib/index.js.map +1 -1
  19. package/lib/vtx-color-picker/index.js +21 -5
  20. package/lib/vtx-color-picker/index.js.map +1 -1
  21. package/lib/vtx-color-picker/style/css.js +2 -0
  22. package/lib/vtx-color-picker/style/css.js.map +1 -1
  23. package/lib/vtx-color-picker/style/index.js +2 -0
  24. package/lib/vtx-color-picker/style/index.js.map +1 -1
  25. package/lib/vtx-combogrid/Combogrid.js +73 -33
  26. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  27. package/lib/vtx-combogrid/index.js +45 -20
  28. package/lib/vtx-combogrid/index.js.map +1 -1
  29. package/lib/vtx-combogrid/style/css.js +7 -0
  30. package/lib/vtx-combogrid/style/css.js.map +1 -1
  31. package/lib/vtx-combogrid/style/index.js +7 -0
  32. package/lib/vtx-combogrid/style/index.js.map +1 -1
  33. package/lib/vtx-combogrid/style/index.less +29 -29
  34. package/lib/vtx-datagrid/Alert.js +11 -3
  35. package/lib/vtx-datagrid/Alert.js.map +1 -1
  36. package/lib/vtx-datagrid/ColumnSetting.js +44 -19
  37. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  38. package/lib/vtx-datagrid/ResizeableTitle.js +13 -2
  39. package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
  40. package/lib/vtx-datagrid/index.js +137 -77
  41. package/lib/vtx-datagrid/index.js.map +1 -1
  42. package/lib/vtx-datagrid/renderColumnButtons.js +35 -5
  43. package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
  44. package/lib/vtx-datagrid/style/css.js +10 -0
  45. package/lib/vtx-datagrid/style/css.js.map +1 -1
  46. package/lib/vtx-datagrid/style/index.js +10 -0
  47. package/lib/vtx-datagrid/style/index.js.map +1 -1
  48. package/lib/vtx-datagrid/style/index.less +131 -131
  49. package/lib/vtx-date-picker/QdatePicker.js +46 -16
  50. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  51. package/lib/vtx-date-picker/YearPicker.js +30 -7
  52. package/lib/vtx-date-picker/YearPicker.js.map +1 -1
  53. package/lib/vtx-date-picker/generatePicker.js +46 -5
  54. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  55. package/lib/vtx-date-picker/index.js +8 -2
  56. package/lib/vtx-date-picker/index.js.map +1 -1
  57. package/lib/vtx-date-picker/style/css.js +1 -0
  58. package/lib/vtx-date-picker/style/css.js.map +1 -1
  59. package/lib/vtx-date-picker/style/index.js +1 -0
  60. package/lib/vtx-date-picker/style/index.js.map +1 -1
  61. package/lib/vtx-date-picker/style/index.less +38 -38
  62. package/lib/vtx-editor/index.js +23 -5
  63. package/lib/vtx-editor/index.js.map +1 -1
  64. package/lib/vtx-editor/style/css.js +2 -0
  65. package/lib/vtx-editor/style/css.js.map +1 -1
  66. package/lib/vtx-editor/style/index.js +2 -0
  67. package/lib/vtx-editor/style/index.js.map +1 -1
  68. package/lib/vtx-editor/style/index.less +6 -6
  69. package/lib/vtx-export/index.js +55 -23
  70. package/lib/vtx-export/index.js.map +1 -1
  71. package/lib/vtx-export/style/css.js +6 -0
  72. package/lib/vtx-export/style/css.js.map +1 -1
  73. package/lib/vtx-export/style/index.js +6 -0
  74. package/lib/vtx-export/style/index.js.map +1 -1
  75. package/lib/vtx-form-layout/Card.js +26 -5
  76. package/lib/vtx-form-layout/Card.js.map +1 -1
  77. package/lib/vtx-form-layout/Divider.js +5 -0
  78. package/lib/vtx-form-layout/Divider.js.map +1 -1
  79. package/lib/vtx-form-layout/FormItem.js +34 -9
  80. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  81. package/lib/vtx-form-layout/Pane.js +7 -2
  82. package/lib/vtx-form-layout/Pane.js.map +1 -1
  83. package/lib/vtx-form-layout/Row.js +6 -0
  84. package/lib/vtx-form-layout/Row.js.map +1 -1
  85. package/lib/vtx-form-layout/context.js +2 -0
  86. package/lib/vtx-form-layout/context.js.map +1 -1
  87. package/lib/vtx-form-layout/demo/Modal.less +41 -41
  88. package/lib/vtx-form-layout/index.js +22 -8
  89. package/lib/vtx-form-layout/index.js.map +1 -1
  90. package/lib/vtx-form-layout/style/css.js +8 -0
  91. package/lib/vtx-form-layout/style/css.js.map +1 -1
  92. package/lib/vtx-form-layout/style/index.js +8 -0
  93. package/lib/vtx-form-layout/style/index.js.map +1 -1
  94. package/lib/vtx-form-layout/style/index.less +148 -148
  95. package/lib/vtx-image/Image.js +92 -56
  96. package/lib/vtx-image/Image.js.map +1 -1
  97. package/lib/vtx-image/Preview.js +51 -20
  98. package/lib/vtx-image/Preview.js.map +1 -1
  99. package/lib/vtx-image/PreviewGroup.js +40 -11
  100. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  101. package/lib/vtx-image/index.js +6 -0
  102. package/lib/vtx-image/index.js.map +1 -1
  103. package/lib/vtx-image/style/css.js +1 -0
  104. package/lib/vtx-image/style/css.js.map +1 -1
  105. package/lib/vtx-image/style/index.js +1 -0
  106. package/lib/vtx-image/style/index.js.map +1 -1
  107. package/lib/vtx-image/style/index.less +46 -46
  108. package/lib/vtx-import/index.js +72 -37
  109. package/lib/vtx-import/index.js.map +1 -1
  110. package/lib/vtx-import/result.js +24 -7
  111. package/lib/vtx-import/result.js.map +1 -1
  112. package/lib/vtx-import/style/css.js +2 -0
  113. package/lib/vtx-import/style/css.js.map +1 -1
  114. package/lib/vtx-import/style/index.js +2 -0
  115. package/lib/vtx-import/style/index.js.map +1 -1
  116. package/lib/vtx-input/TextArea.js +22 -6
  117. package/lib/vtx-input/TextArea.js.map +1 -1
  118. package/lib/vtx-input/index.js +37 -11
  119. package/lib/vtx-input/index.js.map +1 -1
  120. package/lib/vtx-input/style/css.js +1 -0
  121. package/lib/vtx-input/style/css.js.map +1 -1
  122. package/lib/vtx-input/style/index.js +1 -0
  123. package/lib/vtx-input/style/index.js.map +1 -1
  124. package/lib/vtx-input/style/index.less +20 -20
  125. package/lib/vtx-input/useLength.js +16 -4
  126. package/lib/vtx-input/useLength.js.map +1 -1
  127. package/lib/vtx-modal/Title.js +6 -1
  128. package/lib/vtx-modal/Title.js.map +1 -1
  129. package/lib/vtx-modal/index.js +70 -32
  130. package/lib/vtx-modal/index.js.map +1 -1
  131. package/lib/vtx-modal/style/css.js +2 -0
  132. package/lib/vtx-modal/style/css.js.map +1 -1
  133. package/lib/vtx-modal/style/index.js +2 -0
  134. package/lib/vtx-modal/style/index.js.map +1 -1
  135. package/lib/vtx-modal/style/index.less +83 -83
  136. package/lib/vtx-page-layout/Basic.js +6 -2
  137. package/lib/vtx-page-layout/Basic.js.map +1 -1
  138. package/lib/vtx-page-layout/Content.js +19 -7
  139. package/lib/vtx-page-layout/Content.js.map +1 -1
  140. package/lib/vtx-page-layout/Pane.js +10 -2
  141. package/lib/vtx-page-layout/Pane.js.map +1 -1
  142. package/lib/vtx-page-layout/TableLayout.js +52 -22
  143. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  144. package/lib/vtx-page-layout/TableWrap.js +15 -3
  145. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  146. package/lib/vtx-page-layout/container.js +34 -4
  147. package/lib/vtx-page-layout/container.js.map +1 -1
  148. package/lib/vtx-page-layout/index.js +8 -0
  149. package/lib/vtx-page-layout/index.js.map +1 -1
  150. package/lib/vtx-page-layout/style/index.less +139 -139
  151. package/lib/vtx-rps-frame/index.js +44 -21
  152. package/lib/vtx-rps-frame/index.js.map +1 -1
  153. package/lib/vtx-scrollable-row/index.js +55 -19
  154. package/lib/vtx-scrollable-row/index.js.map +1 -1
  155. package/lib/vtx-scrollable-row/style/css.js +1 -0
  156. package/lib/vtx-scrollable-row/style/css.js.map +1 -1
  157. package/lib/vtx-scrollable-row/style/index.js +1 -0
  158. package/lib/vtx-scrollable-row/style/index.js.map +1 -1
  159. package/lib/vtx-scrollable-row/style/index.less +111 -111
  160. package/lib/vtx-search/VtxCol.js +21 -0
  161. package/lib/vtx-search/VtxCol.js.map +1 -1
  162. package/lib/vtx-search/VtxRow.js +12 -6
  163. package/lib/vtx-search/VtxRow.js.map +1 -1
  164. package/lib/vtx-search/index.js +87 -36
  165. package/lib/vtx-search/index.js.map +1 -1
  166. package/lib/vtx-search/style/css.js +5 -0
  167. package/lib/vtx-search/style/css.js.map +1 -1
  168. package/lib/vtx-search/style/index.js +5 -0
  169. package/lib/vtx-search/style/index.js.map +1 -1
  170. package/lib/vtx-search/style/index.less +81 -81
  171. package/lib/vtx-search-map-input/index.js +68 -39
  172. package/lib/vtx-search-map-input/index.js.map +1 -1
  173. package/lib/vtx-search-map-input/style/css.js +2 -0
  174. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  175. package/lib/vtx-search-map-input/style/index.js +2 -0
  176. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  177. package/lib/vtx-select/index.js +64 -20
  178. package/lib/vtx-select/index.js.map +1 -1
  179. package/lib/vtx-select/style/css.js +8 -0
  180. package/lib/vtx-select/style/css.js.map +1 -1
  181. package/lib/vtx-select/style/index.js +8 -0
  182. package/lib/vtx-select/style/index.js.map +1 -1
  183. package/lib/vtx-select/style/index.less +66 -66
  184. package/lib/vtx-signature/index.js +28 -14
  185. package/lib/vtx-signature/index.js.map +1 -1
  186. package/lib/vtx-signature/style/css.js +2 -0
  187. package/lib/vtx-signature/style/css.js.map +1 -1
  188. package/lib/vtx-signature/style/index.js +2 -0
  189. package/lib/vtx-signature/style/index.js.map +1 -1
  190. package/lib/vtx-signature/style/index.less +32 -32
  191. package/lib/vtx-split-pane/Pane.js +14 -2
  192. package/lib/vtx-split-pane/Pane.js.map +1 -1
  193. package/lib/vtx-split-pane/Resizer.js +30 -10
  194. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  195. package/lib/vtx-split-pane/SplitPane.js +104 -52
  196. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  197. package/lib/vtx-split-pane/index.js +4 -0
  198. package/lib/vtx-split-pane/index.js.map +1 -1
  199. package/lib/vtx-split-pane/style/css.js +3 -0
  200. package/lib/vtx-split-pane/style/css.js.map +1 -1
  201. package/lib/vtx-split-pane/style/index.js +3 -0
  202. package/lib/vtx-split-pane/style/index.js.map +1 -1
  203. package/lib/vtx-split-pane/style/index.less +59 -59
  204. package/lib/vtx-statistics-column/Back.js +7 -1
  205. package/lib/vtx-statistics-column/Back.js.map +1 -1
  206. package/lib/vtx-statistics-column/Item.js +22 -5
  207. package/lib/vtx-statistics-column/Item.js.map +1 -1
  208. package/lib/vtx-statistics-column/Total.js +22 -5
  209. package/lib/vtx-statistics-column/Total.js.map +1 -1
  210. package/lib/vtx-statistics-column/context.js +2 -0
  211. package/lib/vtx-statistics-column/context.js.map +1 -1
  212. package/lib/vtx-statistics-column/index.js +16 -0
  213. package/lib/vtx-statistics-column/index.js.map +1 -1
  214. package/lib/vtx-statistics-column/style/index.less +61 -61
  215. package/lib/vtx-time-picker/index.js +16 -3
  216. package/lib/vtx-time-picker/index.js.map +1 -1
  217. package/lib/vtx-time-picker/style/css.js.map +1 -1
  218. package/lib/vtx-time-picker/style/index.js.map +1 -1
  219. package/lib/vtx-upload/FilePreview.js +28 -9
  220. package/lib/vtx-upload/FilePreview.js.map +1 -1
  221. package/lib/vtx-upload/index.js +136 -67
  222. package/lib/vtx-upload/index.js.map +1 -1
  223. package/lib/vtx-upload/style/css.js +6 -0
  224. package/lib/vtx-upload/style/css.js.map +1 -1
  225. package/lib/vtx-upload/style/index.js +6 -0
  226. package/lib/vtx-upload/style/index.js.map +1 -1
  227. package/lib/vtx-upload/style/index.less +59 -59
  228. package/lib/vtx-ztree/index.js +103 -51
  229. package/lib/vtx-ztree/index.js.map +1 -1
  230. package/lib/vtx-ztree/style/css.js +1 -0
  231. package/lib/vtx-ztree/style/css.js.map +1 -1
  232. package/lib/vtx-ztree/style/index.js +1 -0
  233. package/lib/vtx-ztree/style/index.js.map +1 -1
  234. package/lib/vtx-ztree/style/index.less +30 -30
  235. package/lib/vtx-ztree-select/index.js +97 -38
  236. package/lib/vtx-ztree-select/index.js.map +1 -1
  237. package/lib/vtx-ztree-select/style/css.js +4 -0
  238. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  239. package/lib/vtx-ztree-select/style/index.js +4 -0
  240. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  241. package/lib/vtx-ztree-select/style/index.less +76 -76
  242. 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
- minWidth = props.minWidth,
21
- maxWidth = props.maxWidth,
22
- throttle = props.throttle,
23
- minDistance = props.minDistance,
24
- backgroundColor = props.backgroundColor,
25
- penColor = props.penColor,
26
- velocityFilterWeight = props.velocityFilterWeight,
27
- onBegin = props.onBegin,
28
- _onEnd = props.onEnd,
29
- onChange = props.onChange;
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":"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"}
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":"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"}
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  require("antd/es/button/style/css");
4
+
4
5
  require("antd/es/message/style/css");
6
+
5
7
  require("./index.css");
6
8
  //# sourceMappingURL=css.js.map
@@ -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;AACA;AACA"}
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,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  require("antd/es/button/style/css");
4
+
4
5
  require("antd/es/message/style/css");
6
+
5
7
  require("./index.less");
6
8
  //# sourceMappingURL=index.js.map
@@ -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;AACA;AACA"}
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
- size = props.size,
19
- dragging = props.dragging;
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":";;;;;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAEnC,IAAMA,IAAI,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACpC,IAAQC,QAAQ,GAAqBF,KAAK,CAAlCE,QAAQ;IAAEC,IAAI,GAAeH,KAAK,CAAxBG,IAAI;IAAEC,QAAQ,GAAKJ,KAAK,CAAlBI,QAAQ;EAChC,IAAIC,KAAK,GAAG;IAAEC,KAAK,EAAEH;EAAK,CAAC;EAC3B,IAAI,CAACC,QAAQ,EAAE;IACXC,KAAK,mCACEA,KAAK;MACRE,UAAU,EAAE;IAA2C,EAC1D;EACL;EACA,oBACI;IAAK,SAAS,EAAE,qBAAsB;IAAC,KAAK,EAAEF,KAAM;IAAC,GAAG,EAAEJ;EAAI,GACzDC,QAAQ,CACP;AAEd,CAAC,CAAC;AAEFJ,IAAI,CAACU,SAAS,GAAG;EACbN,QAAQ,EAAEO,qBAAS,CAACC,IAAI,CAACC,UAAU;EACnCR,IAAI,EAAEM,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,MAAM,EAAEJ,qBAAS,CAACK,MAAM,CAAC,CAAC;EAC/DV,QAAQ,EAAEK,qBAAS,CAACM;AACxB,CAAC;AAEDjB,IAAI,CAACkB,YAAY,GAAG,CAAC,CAAC;AAAC,eAERlB,IAAI;AAAA"}
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
- _onClick = props.onClick,
22
- _onDoubleClick = props.onDoubleClick,
23
- _onMouseDown = props.onMouseDown,
24
- _onTouchEnd = props.onTouchEnd,
25
- _onTouchStart = props.onTouchStart,
26
- style = props.style,
27
- children = props.children,
28
- primary = props.primary,
29
- primaryShow = props.primaryShow;
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
- newStyle = _objectSpread({}, style);
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":";;;;;;;AAAA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpC,IAAMA,OAAO,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EAAA;EACvC,IACIC,SAAS,GAUTF,KAAK,CAVLE,SAAS;IACTC,QAAO,GASPH,KAAK,CATLG,OAAO;IACPC,cAAa,GAQbJ,KAAK,CARLI,aAAa;IACbC,YAAW,GAOXL,KAAK,CAPLK,WAAW;IACXC,WAAU,GAMVN,KAAK,CANLM,UAAU;IACVC,aAAY,GAKZP,KAAK,CALLO,YAAY;IACZC,KAAK,GAILR,KAAK,CAJLQ,KAAK;IACLC,QAAQ,GAGRT,KAAK,CAHLS,QAAQ;IACRC,OAAO,GAEPV,KAAK,CAFLU,OAAO;IACPC,WAAW,GACXX,KAAK,CADLW,WAAW;EAGf,IAAIC,MAAM,GAAG,CAAC,CAAC;IACXC,QAAQ,qBAAQL,KAAK,CAAE;EAC3B,IAAIG,WAAW,EAAE;IACbE,QAAQ,mCAAQA,QAAQ;MAAEC,MAAM,EAAE;IAAY,EAAE;IAChDF,MAAM,GAAG;MACLP,WAAW,EAAE,qBAAAU,KAAK;QAAA,OAAIV,YAAW,CAACU,KAAK,CAAC;MAAA;MACxCR,YAAY,EAAE,sBAAAQ,KAAK,EAAI;QACnBA,KAAK,CAACC,cAAc,EAAE;QACtBT,aAAY,CAACQ,KAAK,CAAC;MACvB,CAAC;MACDT,UAAU,EAAE,oBAAAS,KAAK,EAAI;QACjBA,KAAK,CAACC,cAAc,EAAE;QACtBV,WAAU,CAACS,KAAK,CAAC;MACrB;IACJ,CAAC;EACL,CAAC,MAAM;IACHF,QAAQ,mCAAQA,QAAQ;MAAEC,MAAM,EAAE;IAAS,EAAE;EACjD;EAEA,oBACI;IACI,GAAG,EAAEb,GAAI;IACT,IAAI,EAAC,cAAc;IACnB,SAAS,EAAE,IAAAgB,uBAAU,EACjB,wBAAwB,kDAEnB,6BAA6B,EAAGP,OAAO,KAAK,OAAO,gCACnD,8BAA8B,EAAGA,OAAO,KAAK,QAAQ,iBAE1DR,SAAS,CACX;IACF,KAAK,EAAEW,QAAS;IAChB,OAAO,EAAE,iBAAAE,KAAK,EAAI;MACd,IAAIZ,QAAO,EAAE;QACTY,KAAK,CAACC,cAAc,EAAE;QACtBb,QAAO,CAACY,KAAK,CAAC;MAClB;IACJ,CAAE;IACF,aAAa,EAAE,uBAAAA,KAAK,EAAI;MACpB,IAAIX,cAAa,EAAE;QACfW,KAAK,CAACC,cAAc,EAAE;QACtBZ,cAAa,CAACW,KAAK,CAAC;MACxB;IACJ;EAAE,GACEH,MAAM,GAETH,QAAQ,CACN;AAEf,CAAC,CAAC;AAEFX,OAAO,CAACoB,SAAS,GAAG;EAChBhB,SAAS,EAAEiB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtClB,OAAO,EAAEgB,qBAAS,CAACG,IAAI;EACvBlB,aAAa,EAAEe,qBAAS,CAACG,IAAI;EAC7BjB,WAAW,EAAEc,qBAAS,CAACG,IAAI,CAACD,UAAU;EACtCd,YAAY,EAAEY,qBAAS,CAACG,IAAI,CAACD,UAAU;EACvCf,UAAU,EAAEa,qBAAS,CAACG,IAAI,CAACD,UAAU;EACrCb,KAAK,EAAEW,qBAAS,CAACI,MAAM;EACvBd,QAAQ,EAAEU,qBAAS,CAACK,IAAI;EACxBd,OAAO,EAAES,qBAAS,CAACC,MAAM;EACzBT,WAAW,EAAEQ,qBAAS,CAACM;AAC3B,CAAC;AAED3B,OAAO,CAAC4B,YAAY,GAAG,CAAC,CAAC;AAAC,eAEX5B,OAAO;AAAA"}
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"}