@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,30 +1,52 @@
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 _useUpdateEffect = _interopRequireDefault(require("ahooks/es/useUpdateEffect"));
15
+
11
16
  var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
17
+
12
18
  var _classnames = _interopRequireDefault(require("classnames"));
19
+
13
20
  var _modal = _interopRequireDefault(require("antd/es/modal"));
21
+
14
22
  var _icon = _interopRequireDefault(require("antd/es/icon"));
23
+
15
24
  var _Title = _interopRequireDefault(require("./Title"));
25
+
16
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
+
17
28
  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); }
29
+
18
30
  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; }
31
+
19
32
  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; }
33
+
20
34
  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; }
35
+
21
36
  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; }
37
+
22
38
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
39
+
23
40
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
41
+
24
42
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
43
+
25
44
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
45
+
26
46
  function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
47
+
27
48
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
49
+
28
50
  //对话框位置初始参数
29
51
  var initDragArg = {
30
52
  init_x: 0,
@@ -33,36 +55,39 @@ var initDragArg = {
33
55
  y_move: 0,
34
56
  documentMouseMove: null,
35
57
  documentMouseUp: null
36
- };
58
+ }; //全屏参数
37
59
 
38
- //全屏参数
39
60
  var initFullScreen = {
40
61
  isFull: false,
41
62
  className: ''
42
63
  };
64
+
43
65
  function VtxModal(props) {
44
66
  var _useSetState = (0, _useSetState5["default"])(initFullScreen),
45
- _useSetState2 = _slicedToArray(_useSetState, 2),
46
- fullScreen = _useSetState2[0],
47
- setFullScreen = _useSetState2[1]; //是否是全屏状态
67
+ _useSetState2 = _slicedToArray(_useSetState, 2),
68
+ fullScreen = _useSetState2[0],
69
+ setFullScreen = _useSetState2[1]; //是否是全屏状态
70
+
71
+
48
72
  var _useSetState3 = (0, _useSetState5["default"])(initDragArg),
49
- _useSetState4 = _slicedToArray(_useSetState3, 2),
50
- dragArg = _useSetState4[0],
51
- setDragArg = _useSetState4[1]; //拖动配置
73
+ _useSetState4 = _slicedToArray(_useSetState3, 2),
74
+ dragArg = _useSetState4[0],
75
+ setDragArg = _useSetState4[1]; //拖动配置
76
+
77
+
52
78
  var classId = (0, _react.useRef)(new Date().getTime() + Math.random());
53
79
  var _props$wrapClassName = props.wrapClassName,
54
- wrapClassName = _props$wrapClassName === void 0 ? '' : _props$wrapClassName,
55
- _props$closable = props.closable,
56
- closable = _props$closable === void 0 ? true : _props$closable,
57
- _props$title = props.title,
58
- title = _props$title === void 0 ? '' : _props$title,
59
- _props$maximize = props.maximize,
60
- maximize = _props$maximize === void 0 ? false : _props$maximize,
61
- onModalResize = props.onModalResize,
62
- _props$moveable = props.moveable,
63
- moveable = _props$moveable === void 0 ? false : _props$moveable;
64
-
65
- //监听对话框大小变化回调(忽略首次执行)
80
+ wrapClassName = _props$wrapClassName === void 0 ? '' : _props$wrapClassName,
81
+ _props$closable = props.closable,
82
+ closable = _props$closable === void 0 ? true : _props$closable,
83
+ _props$title = props.title,
84
+ title = _props$title === void 0 ? '' : _props$title,
85
+ _props$maximize = props.maximize,
86
+ maximize = _props$maximize === void 0 ? false : _props$maximize,
87
+ onModalResize = props.onModalResize,
88
+ _props$moveable = props.moveable,
89
+ moveable = _props$moveable === void 0 ? false : _props$moveable; //监听对话框大小变化回调(忽略首次执行)
90
+
66
91
  (0, _useUpdateEffect["default"])(function () {
67
92
  var timer = setTimeout(function () {
68
93
  if (onModalResize && typeof onModalResize === 'function') {
@@ -77,14 +102,15 @@ function VtxModal(props) {
77
102
  return function () {
78
103
  return clearTimeout(timer);
79
104
  };
80
- }, [fullScreen.isFull]);
105
+ }, [fullScreen.isFull]); //拖拽
81
106
 
82
- //拖拽
83
107
  (0, _react.useEffect)(function () {
84
108
  if (props.visible && moveable) {
85
109
  var timer = setTimeout(function () {
86
110
  var _document$getElements, _document$getElements2, _document$getElements3;
111
+
87
112
  var modalHead = (_document$getElements = document.getElementsByClassName(classId.current)) === null || _document$getElements === void 0 ? void 0 : (_document$getElements2 = _document$getElements[0]) === null || _document$getElements2 === void 0 ? void 0 : (_document$getElements3 = _document$getElements2.getElementsByClassName('ant-modal-header')) === null || _document$getElements3 === void 0 ? void 0 : _document$getElements3[0];
113
+
88
114
  if (modalHead) {
89
115
  modalHead.style.cursor = 'move';
90
116
  modalHead.onmousedown = startDrag;
@@ -95,9 +121,10 @@ function VtxModal(props) {
95
121
  };
96
122
  }
97
123
  });
124
+
98
125
  var startDrag = function startDrag(e) {
99
- e.preventDefault();
100
- //全屏模式下禁止拖拽
126
+ e.preventDefault(); //全屏模式下禁止拖拽
127
+
101
128
  if (!fullScreen.isFull) {
102
129
  setDragArg({
103
130
  documentMouseUp: document.onmouseup,
@@ -105,6 +132,7 @@ function VtxModal(props) {
105
132
  init_x: e.clientX - dragArg.x_move,
106
133
  init_y: e.clientY - dragArg.y_move
107
134
  });
135
+
108
136
  document.onmousemove = function (e) {
109
137
  setDragArg(function (prev) {
110
138
  return {
@@ -113,26 +141,28 @@ function VtxModal(props) {
113
141
  };
114
142
  });
115
143
  };
144
+
116
145
  document.onmouseup = function () {
117
146
  document.onmousemove = dragArg.documentMouseMove;
118
147
  document.onmouseup = dragArg.documentMouseUp;
119
148
  };
120
149
  }
121
- };
150
+ }; //关闭对话框,初始化位置
151
+
122
152
 
123
- //关闭对话框,初始化位置
124
153
  var onCancel = function onCancel() {
125
154
  if (props.onCancel && typeof props.onCancel === 'function') {
126
- props.onCancel();
127
- //TODO 关闭弹框会闪一下,待解决
155
+ props.onCancel(); //TODO 关闭弹框会闪一下,待解决
156
+
128
157
  setDragArg(initDragArg);
129
158
  setFullScreen(initFullScreen);
130
159
  }
131
160
  };
132
-
133
- /*
134
- *重写title,加入对话框全屏功能
161
+ /*
162
+ *重写title,加入对话框全屏功能
135
163
  */
164
+
165
+
136
166
  title = function renderTitle() {
137
167
  return /*#__PURE__*/_react["default"].createElement("div", {
138
168
  className: "vtx-modal-title",
@@ -146,9 +176,11 @@ function VtxModal(props) {
146
176
  }, /*#__PURE__*/_react["default"].createElement("p", {
147
177
  onClick: function onClick() {
148
178
  var fullScreenClass = '';
179
+
149
180
  if (!fullScreen.isFull) {
150
181
  fullScreenClass = 'vtx-modal-maxClass';
151
182
  }
183
+
152
184
  setFullScreen({
153
185
  isFull: !fullScreen.isFull,
154
186
  className: fullScreenClass
@@ -166,17 +198,21 @@ function VtxModal(props) {
166
198
  type: "close"
167
199
  }))) : '');
168
200
  }();
169
- var bodyStyle = _objectSpread({}, props.bodyStyle);
170
201
 
202
+ var bodyStyle = _objectSpread({}, props.bodyStyle);
171
203
  /* 限制最大高度 */
204
+
205
+
172
206
  if (!fullScreen.isFull) {
173
207
  bodyStyle = _objectSpread({
174
208
  maxHeight: "".concat(window.innerHeight * 0.7, "px")
175
209
  }, bodyStyle);
176
210
  }
211
+
177
212
  var transformStyle = {
178
213
  transform: "translate(".concat(dragArg.x_move, "px,").concat(dragArg.y_move, "px)")
179
214
  };
215
+
180
216
  var newProps = _objectSpread(_objectSpread({
181
217
  maskClosable: false,
182
218
  destroyOnClose: true,
@@ -189,8 +225,10 @@ function VtxModal(props) {
189
225
  onCancel: onCancel,
190
226
  style: _objectSpread(_objectSpread({}, props.style), fullScreen.isFull ? {} : transformStyle)
191
227
  });
228
+
192
229
  return /*#__PURE__*/_react["default"].createElement(_modal["default"], newProps, props.children);
193
230
  }
231
+
194
232
  VtxModal.info = _modal["default"].info;
195
233
  VtxModal.success = _modal["default"].success;
196
234
  VtxModal.error = _modal["default"].error;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","useSetState","fullScreen","setFullScreen","dragArg","setDragArg","classId","useRef","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","useUpdateEffect","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","useEffect","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","classnames","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"sources":["vtx-modal/index.jsx"],"sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-23 09:21:48\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport classnames from 'classnames';\nimport Modal from 'antd/es/modal';\nimport Icon from 'antd/es/icon';\nimport Title from './Title';\n\n//对话框位置初始参数\nconst initDragArg = {\n init_x: 0,\n init_y: 0,\n x_move: 0,\n y_move: 0,\n documentMouseMove: null,\n documentMouseUp: null,\n};\n\n//全屏参数\nconst initFullScreen = {\n isFull: false,\n className: '',\n};\n\nfunction VtxModal(props) {\n const [fullScreen, setFullScreen] = useSetState(initFullScreen); //是否是全屏状态\n const [dragArg, setDragArg] = useSetState(initDragArg); //拖动配置\n const classId = useRef(new Date().getTime() + Math.random());\n\n let {\n wrapClassName = '',\n closable = true, //是否显示右上角关闭按钮\n title = '', //对话框title\n maximize = false, //是否显示对话框全屏按钮\n onModalResize, //对话框全屏回调\n moveable = false, //对话框是否允许拖动\n } = props;\n\n //监听对话框大小变化回调(忽略首次执行)\n useUpdateEffect(() => {\n const timer = setTimeout(() => {\n if (onModalResize && typeof onModalResize === 'function') {\n const el = document.getElementsByClassName('ant-modal-body')[0];\n let option = {\n height: window.getComputedStyle(el).height,\n isFull: fullScreen.isFull,\n };\n onModalResize(option);\n }\n }, 100);\n return () => clearTimeout(timer);\n }, [fullScreen.isFull]);\n\n //拖拽\n useEffect(() => {\n if (props.visible && moveable) {\n let timer = setTimeout(() => {\n let modalHead = document\n .getElementsByClassName(classId.current)?.[0]\n ?.getElementsByClassName('ant-modal-header')?.[0];\n if (modalHead) {\n modalHead.style.cursor = 'move';\n modalHead.onmousedown = startDrag;\n }\n }, 200);\n return () => clearTimeout(timer);\n }\n });\n\n const startDrag = e => {\n e.preventDefault();\n //全屏模式下禁止拖拽\n if (!fullScreen.isFull) {\n setDragArg({\n documentMouseUp: document.onmouseup,\n documentMouseMove: document.onmousemove,\n init_x: e.clientX - dragArg.x_move,\n init_y: e.clientY - dragArg.y_move,\n });\n document.onmousemove = e => {\n setDragArg(prev => ({\n x_move: e.clientX - prev.init_x,\n y_move: e.clientY - prev.init_y,\n }));\n };\n document.onmouseup = () => {\n document.onmousemove = dragArg.documentMouseMove;\n document.onmouseup = dragArg.documentMouseUp;\n };\n }\n };\n\n //关闭对话框,初始化位置\n const onCancel = () => {\n if (props.onCancel && typeof props.onCancel === 'function') {\n props.onCancel();\n //TODO 关闭弹框会闪一下,待解决\n setDragArg(initDragArg);\n setFullScreen(initFullScreen);\n }\n };\n\n /*\n *重写title,加入对话框全屏功能\n */\n title = (function renderTitle() {\n return (\n <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n <div className=\"vtx-modal-title_name\">{title}</div>\n {maximize ? (\n <div className=\"vtx-modal-maximizeIcon\">\n <p\n onClick={() => {\n let fullScreenClass = '';\n if (!fullScreen.isFull) {\n fullScreenClass = 'vtx-modal-maxClass';\n }\n setFullScreen({\n isFull: !fullScreen.isFull,\n className: fullScreenClass,\n });\n }}\n >\n {fullScreen.isFull ? (\n <Icon type=\"fullscreen-exit\" />\n ) : (\n <Icon type=\"fullscreen\" />\n )}\n </p>\n </div>\n ) : null}\n {closable ? (\n <div className=\"vtx-modal-close\">\n <p onClick={onCancel}>\n <Icon type=\"close\" />\n </p>\n </div>\n ) : (\n ''\n )}\n </div>\n );\n })();\n\n let bodyStyle = {\n ...props.bodyStyle,\n };\n\n /* 限制最大高度 */\n if (!fullScreen.isFull) {\n bodyStyle = {\n maxHeight: `${window.innerHeight * 0.7}px`,\n ...bodyStyle,\n };\n }\n\n const transformStyle = {\n transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n };\n\n const newProps = {\n maskClosable: false,\n destroyOnClose: true,\n width: 700,\n ...props,\n closable: false,\n title,\n wrapClassName: classnames(\n 'vtx-modal',\n wrapClassName,\n fullScreen.className,\n classId.current,\n ),\n bodyStyle,\n onCancel,\n style: {\n ...props.style,\n ...(fullScreen.isFull ? {} : transformStyle),\n },\n };\n\n return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n visible: PropTypes.bool,\n wrapClassName: PropTypes.string,\n closable: PropTypes.bool,\n title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n maximize: PropTypes.bool,\n onModalResize: PropTypes.func,\n moveable: PropTypes.bool,\n onCancel: PropTypes.func,\n bodyStyle: PropTypes.object,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n\nVtxModal.Title = Title;\n\nconst size = {\n xsmall: 392,\n small: 500,\n middle: 744,\n large: 1096,\n};\n\nVtxModal.size = size;\n\nexport default VtxModal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","useSetState","fullScreen","setFullScreen","dragArg","setDragArg","classId","useRef","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","useUpdateEffect","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","useEffect","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","classnames","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"sources":["vtx-modal/index.jsx"],"sourcesContent":["/*\r\n * @Author: chenxinyu\r\n * @Date: 2021-03-24 21:47:52\r\n * @LastEditors: your name\r\n * @LastEditTime: 2021-11-23 09:21:48\r\n * @Description: 对话框组件\r\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\r\n */\r\nimport React, { useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\r\nimport useSetState from 'ahooks/es/useSetState';\r\nimport classnames from 'classnames';\r\nimport Modal from 'antd/es/modal';\r\nimport Icon from 'antd/es/icon';\r\nimport Title from './Title';\r\n\r\n//对话框位置初始参数\r\nconst initDragArg = {\r\n init_x: 0,\r\n init_y: 0,\r\n x_move: 0,\r\n y_move: 0,\r\n documentMouseMove: null,\r\n documentMouseUp: null,\r\n};\r\n\r\n//全屏参数\r\nconst initFullScreen = {\r\n isFull: false,\r\n className: '',\r\n};\r\n\r\nfunction VtxModal(props) {\r\n const [fullScreen, setFullScreen] = useSetState(initFullScreen); //是否是全屏状态\r\n const [dragArg, setDragArg] = useSetState(initDragArg); //拖动配置\r\n const classId = useRef(new Date().getTime() + Math.random());\r\n\r\n let {\r\n wrapClassName = '',\r\n closable = true, //是否显示右上角关闭按钮\r\n title = '', //对话框title\r\n maximize = false, //是否显示对话框全屏按钮\r\n onModalResize, //对话框全屏回调\r\n moveable = false, //对话框是否允许拖动\r\n } = props;\r\n\r\n //监听对话框大小变化回调(忽略首次执行)\r\n useUpdateEffect(() => {\r\n const timer = setTimeout(() => {\r\n if (onModalResize && typeof onModalResize === 'function') {\r\n const el = document.getElementsByClassName('ant-modal-body')[0];\r\n let option = {\r\n height: window.getComputedStyle(el).height,\r\n isFull: fullScreen.isFull,\r\n };\r\n onModalResize(option);\r\n }\r\n }, 100);\r\n return () => clearTimeout(timer);\r\n }, [fullScreen.isFull]);\r\n\r\n //拖拽\r\n useEffect(() => {\r\n if (props.visible && moveable) {\r\n let timer = setTimeout(() => {\r\n let modalHead = document\r\n .getElementsByClassName(classId.current)?.[0]\r\n ?.getElementsByClassName('ant-modal-header')?.[0];\r\n if (modalHead) {\r\n modalHead.style.cursor = 'move';\r\n modalHead.onmousedown = startDrag;\r\n }\r\n }, 200);\r\n return () => clearTimeout(timer);\r\n }\r\n });\r\n\r\n const startDrag = e => {\r\n e.preventDefault();\r\n //全屏模式下禁止拖拽\r\n if (!fullScreen.isFull) {\r\n setDragArg({\r\n documentMouseUp: document.onmouseup,\r\n documentMouseMove: document.onmousemove,\r\n init_x: e.clientX - dragArg.x_move,\r\n init_y: e.clientY - dragArg.y_move,\r\n });\r\n document.onmousemove = e => {\r\n setDragArg(prev => ({\r\n x_move: e.clientX - prev.init_x,\r\n y_move: e.clientY - prev.init_y,\r\n }));\r\n };\r\n document.onmouseup = () => {\r\n document.onmousemove = dragArg.documentMouseMove;\r\n document.onmouseup = dragArg.documentMouseUp;\r\n };\r\n }\r\n };\r\n\r\n //关闭对话框,初始化位置\r\n const onCancel = () => {\r\n if (props.onCancel && typeof props.onCancel === 'function') {\r\n props.onCancel();\r\n //TODO 关闭弹框会闪一下,待解决\r\n setDragArg(initDragArg);\r\n setFullScreen(initFullScreen);\r\n }\r\n };\r\n\r\n /*\r\n *重写title,加入对话框全屏功能\r\n */\r\n title = (function renderTitle() {\r\n return (\r\n <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\r\n <div className=\"vtx-modal-title_name\">{title}</div>\r\n {maximize ? (\r\n <div className=\"vtx-modal-maximizeIcon\">\r\n <p\r\n onClick={() => {\r\n let fullScreenClass = '';\r\n if (!fullScreen.isFull) {\r\n fullScreenClass = 'vtx-modal-maxClass';\r\n }\r\n setFullScreen({\r\n isFull: !fullScreen.isFull,\r\n className: fullScreenClass,\r\n });\r\n }}\r\n >\r\n {fullScreen.isFull ? (\r\n <Icon type=\"fullscreen-exit\" />\r\n ) : (\r\n <Icon type=\"fullscreen\" />\r\n )}\r\n </p>\r\n </div>\r\n ) : null}\r\n {closable ? (\r\n <div className=\"vtx-modal-close\">\r\n <p onClick={onCancel}>\r\n <Icon type=\"close\" />\r\n </p>\r\n </div>\r\n ) : (\r\n ''\r\n )}\r\n </div>\r\n );\r\n })();\r\n\r\n let bodyStyle = {\r\n ...props.bodyStyle,\r\n };\r\n\r\n /* 限制最大高度 */\r\n if (!fullScreen.isFull) {\r\n bodyStyle = {\r\n maxHeight: `${window.innerHeight * 0.7}px`,\r\n ...bodyStyle,\r\n };\r\n }\r\n\r\n const transformStyle = {\r\n transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\r\n };\r\n\r\n const newProps = {\r\n maskClosable: false,\r\n destroyOnClose: true,\r\n width: 700,\r\n ...props,\r\n closable: false,\r\n title,\r\n wrapClassName: classnames(\r\n 'vtx-modal',\r\n wrapClassName,\r\n fullScreen.className,\r\n classId.current,\r\n ),\r\n bodyStyle,\r\n onCancel,\r\n style: {\r\n ...props.style,\r\n ...(fullScreen.isFull ? {} : transformStyle),\r\n },\r\n };\r\n\r\n return <Modal {...newProps}>{props.children}</Modal>;\r\n}\r\n\r\nVtxModal.info = Modal.info;\r\nVtxModal.success = Modal.success;\r\nVtxModal.error = Modal.error;\r\nVtxModal.warning = Modal.warning;\r\nVtxModal.confirm = Modal.confirm;\r\n\r\nVtxModal.propTypes = {\r\n visible: PropTypes.bool,\r\n wrapClassName: PropTypes.string,\r\n closable: PropTypes.bool,\r\n title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\r\n maximize: PropTypes.bool,\r\n onModalResize: PropTypes.func,\r\n moveable: PropTypes.bool,\r\n onCancel: PropTypes.func,\r\n bodyStyle: PropTypes.object,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n\r\nVtxModal.Title = Title;\r\n\r\nconst size = {\r\n xsmall: 392,\r\n small: 500,\r\n middle: 744,\r\n large: 1096,\r\n};\r\n\r\nVtxModal.size = size;\r\n\r\nexport default VtxModal;\r\n"],"mappings":"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"}
@@ -1,6 +1,8 @@
1
1
  "use strict";
2
2
 
3
3
  require("antd/es/modal/style/css");
4
+
4
5
  require("antd/es/icon/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-modal/style/index.js"],"sourcesContent":["import 'antd/es/modal/style/css';\nimport 'antd/es/icon/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA"}
1
+ {"version":3,"file":"css.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/es/modal/style/css';\r\nimport 'antd/es/icon/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/modal/style/css");
4
+
4
5
  require("antd/es/icon/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-modal/style/index.js"],"sourcesContent":["import 'antd/es/modal/style/css';\nimport 'antd/es/icon/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/es/modal/style/css';\r\nimport 'antd/es/icon/style/css';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA"}
@@ -1,83 +1,83 @@
1
- .vtx-modal-maxClass {
2
- .ant-modal {
3
- top: 0 !important;
4
- left: 0 !important;
5
- width: 100% !important;
6
- height: 100% !important;
7
- padding-bottom: 0 !important;
8
- overflow: hidden;
9
- }
10
- .ant-modal-body {
11
- height: e('calc(100% - 108px)') !important;
12
- }
13
- }
14
- .vtx-modal {
15
- .ant-modal {
16
- top: 10%;
17
- padding-bottom: 0;
18
- .ant-modal-content {
19
- height: 100%;
20
- .ant-modal-body {
21
- max-height: e('calc(100% - 108px)');
22
- padding: 20px 24px;
23
- overflow: auto;
24
- }
25
- }
26
- }
27
- .vtx-modal-title {
28
- position: relative;
29
- width: 100%;
30
- .vtx-modal-title_name {
31
- width: 100%;
32
- color: #108ee2;
33
- }
34
- .vtx-modal-close,
35
- .vtx-modal-maximizeIcon {
36
- position: absolute;
37
- top: -13px;
38
- right: -16px;
39
- p {
40
- position: absolute;
41
- top: 0;
42
- right: 0;
43
- z-index: 10;
44
- display: inline-block;
45
- width: 36px;
46
- height: 48px;
47
- color: rgba(0, 0, 0, 0.43);
48
- font-weight: 700;
49
- line-height: 48px;
50
- text-align: center;
51
- text-decoration: none;
52
- background: transparent;
53
- border: 0;
54
- outline: 0;
55
- cursor: pointer;
56
- -webkit-transition: color 0.3s ease;
57
- transition: color 0.3s ease;
58
- &:hover {
59
- color: #444;
60
- text-decoration: none;
61
- }
62
- }
63
- }
64
- .vtx-modal-maximizeIcon {
65
- right: 20px;
66
- }
67
- }
68
- }
69
-
70
- .vtx-modal-header-title {
71
- .vtx-modal-header-text {
72
- color: fade(#000, 65%);
73
- font-weight: 400;
74
- }
75
- .vtx-modal-header-text + .vtx-modal-header-subtitle {
76
- &::before {
77
- margin: 0 4px;
78
- color: fade(#000, 65%);
79
- font-weight: 400;
80
- content: '>';
81
- }
82
- }
83
- }
1
+ .vtx-modal-maxClass {
2
+ .ant-modal {
3
+ top: 0 !important;
4
+ left: 0 !important;
5
+ width: 100% !important;
6
+ height: 100% !important;
7
+ padding-bottom: 0 !important;
8
+ overflow: hidden;
9
+ }
10
+ .ant-modal-body {
11
+ height: e('calc(100% - 108px)') !important;
12
+ }
13
+ }
14
+ .vtx-modal {
15
+ .ant-modal {
16
+ top: 10%;
17
+ padding-bottom: 0;
18
+ .ant-modal-content {
19
+ height: 100%;
20
+ .ant-modal-body {
21
+ max-height: e('calc(100% - 108px)');
22
+ padding: 20px 24px;
23
+ overflow: auto;
24
+ }
25
+ }
26
+ }
27
+ .vtx-modal-title {
28
+ position: relative;
29
+ width: 100%;
30
+ .vtx-modal-title_name {
31
+ width: 100%;
32
+ color: #108ee2;
33
+ }
34
+ .vtx-modal-close,
35
+ .vtx-modal-maximizeIcon {
36
+ position: absolute;
37
+ top: -13px;
38
+ right: -16px;
39
+ p {
40
+ position: absolute;
41
+ top: 0;
42
+ right: 0;
43
+ z-index: 10;
44
+ display: inline-block;
45
+ width: 36px;
46
+ height: 48px;
47
+ color: rgba(0, 0, 0, 0.43);
48
+ font-weight: 700;
49
+ line-height: 48px;
50
+ text-align: center;
51
+ text-decoration: none;
52
+ background: transparent;
53
+ border: 0;
54
+ outline: 0;
55
+ cursor: pointer;
56
+ -webkit-transition: color 0.3s ease;
57
+ transition: color 0.3s ease;
58
+ &:hover {
59
+ color: #444;
60
+ text-decoration: none;
61
+ }
62
+ }
63
+ }
64
+ .vtx-modal-maximizeIcon {
65
+ right: 20px;
66
+ }
67
+ }
68
+ }
69
+
70
+ .vtx-modal-header-title {
71
+ .vtx-modal-header-text {
72
+ color: fade(#000, 65%);
73
+ font-weight: 400;
74
+ }
75
+ .vtx-modal-header-text + .vtx-modal-header-subtitle {
76
+ &::before {
77
+ margin: 0 4px;
78
+ color: fade(#000, 65%);
79
+ font-weight: 400;
80
+ content: '>';
81
+ }
82
+ }
83
+ }
@@ -4,21 +4,25 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+
7
8
  var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
9
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
+
10
14
  /**
11
15
  * 基础布局
12
16
  */
13
-
14
17
  function Basic(props) {
15
18
  var className = props.className,
16
- style = props.style;
19
+ style = props.style;
17
20
  return /*#__PURE__*/_react["default"].createElement("div", {
18
21
  style: style,
19
22
  className: className
20
23
  }, props.children);
21
24
  }
25
+
22
26
  Basic.propTypes = {
23
27
  style: _propTypes["default"].object,
24
28
  className: _propTypes["default"].string,
@@ -1 +1 @@
1
- {"version":3,"file":"Basic.js","names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"sources":["vtx-page-layout/Basic.jsx"],"sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n const { className, style } = props;\n\n return (\n <div style={style} className={className}>\n {props.children}\n </div>\n );\n}\n\nBasic.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default Basic;\n"],"mappings":";;;;;;AAGA;AACA;AAAmC;AAJnC;AACA;AACA;;AAIA,SAASA,KAAK,CAACC,KAAK,EAAE;EAClB,IAAQC,SAAS,GAAYD,KAAK,CAA1BC,SAAS;IAAEC,KAAK,GAAKF,KAAK,CAAfE,KAAK;EAExB,oBACI;IAAK,KAAK,EAAEA,KAAM;IAAC,SAAS,EAAED;EAAU,GACnCD,KAAK,CAACG,QAAQ,CACb;AAEd;AAEAJ,KAAK,CAACK,SAAS,GAAG;EACdF,KAAK,EAAEG,qBAAS,CAACC,MAAM;EACvBL,SAAS,EAAEI,qBAAS,CAACE,MAAM;EAC3BJ,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAAC,eAEaT,KAAK;AAAA"}
1
+ {"version":3,"file":"Basic.js","names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"sources":["vtx-page-layout/Basic.jsx"],"sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n const { className, style } = props;\n\n return (\n <div style={style} className={className}>\n {props.children}\n </div>\n );\n}\n\nBasic.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default Basic;\n"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;EAClB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAED;EAA9B,GACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;EACdF,KAAK,EAAEG,qBAAA,CAAUC,MADH;EAEdL,SAAS,EAAEI,qBAAA,CAAUE,MAFP;EAGdJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHN,CAAlB;eAMeT,K"}
@@ -4,36 +4,48 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports["default"] = void 0;
7
+
7
8
  var _react = _interopRequireDefault(require("react"));
9
+
8
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
+
9
12
  var _classnames2 = _interopRequireDefault(require("classnames"));
13
+
10
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+
11
16
  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; }
17
+
12
18
  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; }
19
+
13
20
  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; }
21
+
14
22
  function Content(props) {
15
23
  var _classnames;
24
+
16
25
  var id = props.id,
17
- className = props.className,
18
- style = props.style,
19
- _props$relative = props.relative,
20
- relative = _props$relative === void 0 ? false : _props$relative,
21
- _props$scrollY = props.scrollY,
22
- scrollY = _props$scrollY === void 0 ? false : _props$scrollY,
23
- height = props.height;
26
+ className = props.className,
27
+ style = props.style,
28
+ _props$relative = props.relative,
29
+ relative = _props$relative === void 0 ? false : _props$relative,
30
+ _props$scrollY = props.scrollY,
31
+ scrollY = _props$scrollY === void 0 ? false : _props$scrollY,
32
+ height = props.height;
24
33
  var contentClass = (0, _classnames2["default"])((_classnames = {}, _defineProperty(_classnames, 'vtx-content-absolute', !relative), _defineProperty(_classnames, 'vtx-content-relative', relative), _defineProperty(_classnames, 'vtx-content-scroll-y', scrollY), _classnames), className);
25
34
  var newStyle = style;
35
+
26
36
  if ('height' in props) {
27
37
  newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
28
38
  height: height
29
39
  });
30
40
  }
41
+
31
42
  return /*#__PURE__*/_react["default"].createElement("div", {
32
43
  id: id,
33
44
  style: newStyle,
34
45
  className: contentClass
35
46
  }, props.children);
36
47
  }
48
+
37
49
  var _default = Content;
38
50
  exports["default"] = _default;
39
51
  Content.propTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n const { id, className, style, relative = false, scrollY = false, height } = props;\n\n let contentClass = classnames(\n {\n ['vtx-content-absolute']: !relative,\n ['vtx-content-relative']: relative,\n ['vtx-content-scroll-y']: scrollY,\n },\n className,\n );\n\n let newStyle = style;\n if ('height' in props) {\n newStyle = {\n ...newStyle,\n height: height,\n };\n }\n\n return (\n <div id={id} style={newStyle} className={contentClass}>\n {props.children}\n </div>\n );\n}\n\nexport default Content;\n\nContent.propTypes = {\n id: PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n relative: PropTypes.bool,\n scrollY: PropTypes.bool,\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAEpC,SAASA,OAAO,CAACC,KAAK,EAAE;EAAA;EACpB,IAAQC,EAAE,GAAkED,KAAK,CAAzEC,EAAE;IAAEC,SAAS,GAAuDF,KAAK,CAArEE,SAAS;IAAEC,KAAK,GAAgDH,KAAK,CAA1DG,KAAK;IAAA,kBAAgDH,KAAK,CAAnDI,QAAQ;IAARA,QAAQ,gCAAG,KAAK;IAAA,iBAA8BJ,KAAK,CAAjCK,OAAO;IAAPA,OAAO,+BAAG,KAAK;IAAEC,MAAM,GAAKN,KAAK,CAAhBM,MAAM;EAEvE,IAAIC,YAAY,GAAG,IAAAC,uBAAU,kDAEpB,sBAAsB,EAAG,CAACJ,QAAQ,gCAClC,sBAAsB,EAAGA,QAAQ,gCACjC,sBAAsB,EAAGC,OAAO,iBAErCH,SAAS,CACZ;EAED,IAAIO,QAAQ,GAAGN,KAAK;EACpB,IAAI,QAAQ,IAAIH,KAAK,EAAE;IACnBS,QAAQ,mCACDA,QAAQ;MACXH,MAAM,EAAEA;IAAM,EACjB;EACL;EAEA,oBACI;IAAK,EAAE,EAAEL,EAAG;IAAC,KAAK,EAAEQ,QAAS;IAAC,SAAS,EAAEF;EAAa,GACjDP,KAAK,CAACU,QAAQ,CACb;AAEd;AAAC,eAEcX,OAAO;AAAA;AAEtBA,OAAO,CAACY,SAAS,GAAG;EAChBV,EAAE,EAAEW,qBAAS,CAACC,MAAM;EACpBV,KAAK,EAAES,qBAAS,CAACE,MAAM;EACvBZ,SAAS,EAAEU,qBAAS,CAACC,MAAM;EAC3BT,QAAQ,EAAEQ,qBAAS,CAACG,IAAI;EACxBV,OAAO,EAAEO,qBAAS,CAACG,IAAI;EACvBT,MAAM,EAAEM,qBAAS,CAACI,SAAS,CAAC,CAACJ,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACK,MAAM,CAAC,CAAC;EACjEP,QAAQ,EAAEE,qBAAS,CAACM;AACxB,CAAC"}
1
+ {"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction Content(props) {\r\n const { id, className, style, relative = false, scrollY = false, height } = props;\r\n\r\n let contentClass = classnames(\r\n {\r\n ['vtx-content-absolute']: !relative,\r\n ['vtx-content-relative']: relative,\r\n ['vtx-content-scroll-y']: scrollY,\r\n },\r\n className,\r\n );\r\n\r\n let newStyle = style;\r\n if ('height' in props) {\r\n newStyle = {\r\n ...newStyle,\r\n height: height,\r\n };\r\n }\r\n\r\n return (\r\n <div id={id} style={newStyle} className={contentClass}>\r\n {props.children}\r\n </div>\r\n );\r\n}\r\n\r\nexport default Content;\r\n\r\nContent.propTypes = {\r\n id: PropTypes.string,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n relative: PropTypes.bool,\r\n scrollY: PropTypes.bool,\r\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EAAA;;EACpB,IAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;EAAA,IAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;EAAA,sBAA4EH,KAA5E,CAA8BI,QAA9B;EAAA,IAA8BA,QAA9B,gCAAyC,KAAzC;EAAA,qBAA4EJ,KAA5E,CAAgDK,OAAhD;EAAA,IAAgDA,OAAhD,+BAA0D,KAA1D;EAAA,IAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;EAEA,IAAIC,YAAY,GAAG,IAAAC,uBAAA,kDAEV,sBAFU,EAEe,CAACJ,QAFhB,gCAGV,sBAHU,EAGeA,QAHf,gCAIV,sBAJU,EAIeC,OAJf,iBAMfH,SANe,CAAnB;EASA,IAAIO,QAAQ,GAAGN,KAAf;;EACA,IAAI,YAAYH,KAAhB,EAAuB;IACnBS,QAAQ,mCACDA,QADC;MAEJH,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,EAAE,EAAEL,EAAT;IAAa,KAAK,EAAEQ,QAApB;IAA8B,SAAS,EAAEF;EAAzC,GACKP,KAAK,CAACU,QADX,CADJ;AAKH;;eAEcX,O;;AAEfA,OAAO,CAACY,SAAR,GAAoB;EAChBV,EAAE,EAAEW,qBAAA,CAAUC,MADE;EAEhBV,KAAK,EAAES,qBAAA,CAAUE,MAFD;EAGhBZ,SAAS,EAAEU,qBAAA,CAAUC,MAHL;EAIhBT,QAAQ,EAAEQ,qBAAA,CAAUG,IAJJ;EAKhBV,OAAO,EAAEO,qBAAA,CAAUG,IALH;EAMhBT,MAAM,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUK,MAA7B,CAApB,CANQ;EAOhBP,QAAQ,EAAEE,qBAAA,CAAUM;AAPJ,CAApB"}