@vtx/components 2.5.7 → 2.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/_util/filterSpecialCharacters.js +54 -43
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +1 -4
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +0 -6
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +0 -1
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +0 -1
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useInterval.js +0 -3
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +16 -34
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +40 -62
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +7 -23
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +0 -2
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +0 -2
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +37 -77
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +22 -47
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +0 -7
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +0 -7
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +3 -11
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +15 -37
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +2 -13
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +79 -139
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +6 -36
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +0 -10
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +0 -10
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +18 -48
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +9 -32
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +16 -57
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +2 -8
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +0 -1
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +0 -1
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-editor/index.js +7 -25
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +0 -2
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +0 -2
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-export/index.js +22 -54
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +0 -6
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +0 -6
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +6 -27
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +0 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +10 -35
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +2 -7
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +0 -6
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +0 -2
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/index.js +8 -22
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +0 -8
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +0 -8
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +57 -93
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +23 -54
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +13 -42
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +1 -7
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +0 -1
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +0 -1
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-import/index.js +39 -74
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +8 -25
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +0 -2
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +0 -2
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +8 -24
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +15 -41
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +0 -1
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +0 -1
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +4 -16
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +1 -6
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +33 -71
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +0 -2
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +0 -2
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +2 -6
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +9 -21
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +2 -10
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +15 -45
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +5 -17
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +16 -46
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +0 -8
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +52 -63
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +23 -59
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js +0 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js +0 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +2 -23
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +6 -12
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +39 -90
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +0 -5
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +0 -5
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +41 -70
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +0 -2
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +0 -2
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +24 -68
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +0 -8
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +0 -8
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-signature/index.js +15 -29
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +0 -2
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +0 -2
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +5 -17
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +14 -34
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +49 -101
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +0 -4
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +0 -3
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +0 -3
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js +2 -8
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +8 -25
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +8 -25
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +0 -2
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +0 -16
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +4 -17
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +11 -30
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +70 -136
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +0 -6
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +0 -6
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-ztree/index.js +57 -109
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +0 -1
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +0 -1
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +46 -105
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +0 -4
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +0 -4
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/package.json +1 -1
package/lib/vtx-input/index.js
CHANGED
|
@@ -1,66 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
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); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _input = _interopRequireDefault(require("antd/es/input"));
|
|
15
|
-
|
|
16
11
|
var _lodash = _interopRequireDefault(require("lodash.clonedeep"));
|
|
17
|
-
|
|
18
12
|
var _TextArea = _interopRequireDefault(require("./TextArea"));
|
|
19
|
-
|
|
20
13
|
var _useLength = _interopRequireDefault(require("./useLength"));
|
|
21
|
-
|
|
22
14
|
var _getComponentProps = _interopRequireDefault(require("../_util/getComponentProps"));
|
|
23
|
-
|
|
24
15
|
var _filterSpecialCharacters = _interopRequireDefault(require("../_util/filterSpecialCharacters"));
|
|
25
|
-
|
|
26
16
|
var _excluded = ["showCount", "maxLength", "specialCharactersFilter", "trim", "onChange", "onBlur", "placeholder"];
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
-
|
|
30
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); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
37
|
-
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
39
|
-
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
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; }
|
|
40
23
|
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; }
|
|
41
|
-
|
|
42
24
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
43
|
-
|
|
44
25
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
45
|
-
|
|
46
26
|
var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
47
27
|
var showCount = props.showCount,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
28
|
+
_props$maxLength = props.maxLength,
|
|
29
|
+
maxLength = _props$maxLength === void 0 ? 32 : _props$maxLength,
|
|
30
|
+
_props$specialCharact = props.specialCharactersFilter,
|
|
31
|
+
specialCharactersFilter = _props$specialCharact === void 0 ? true : _props$specialCharact,
|
|
32
|
+
_props$trim = props.trim,
|
|
33
|
+
trim = _props$trim === void 0 ? true : _props$trim,
|
|
34
|
+
onChange = props.onChange,
|
|
35
|
+
_onBlur = props.onBlur,
|
|
36
|
+
_props$placeholder = props.placeholder,
|
|
37
|
+
placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
|
|
38
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
60
39
|
var len = (0, _useLength["default"])(props.value, {
|
|
61
40
|
showCount: showCount
|
|
62
41
|
});
|
|
63
|
-
|
|
64
42
|
var newProps = _objectSpread({
|
|
65
43
|
ref: ref,
|
|
66
44
|
maxLength: maxLength,
|
|
@@ -68,22 +46,18 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
68
46
|
onBlur: function onBlur(e) {
|
|
69
47
|
var value = e.target.value;
|
|
70
48
|
var $e = e;
|
|
71
|
-
|
|
72
49
|
if (trim) {
|
|
73
50
|
value = value.trim();
|
|
74
51
|
}
|
|
75
|
-
|
|
76
52
|
if (specialCharactersFilter && value) {
|
|
77
53
|
$e = (0, _lodash["default"])(e);
|
|
78
54
|
$e.target.value = (0, _filterSpecialCharacters["default"])(value, (0, _getComponentProps["default"])(specialCharactersFilter));
|
|
79
55
|
onChange && onChange($e);
|
|
80
56
|
}
|
|
81
|
-
|
|
82
57
|
_onBlur && _onBlur($e);
|
|
83
58
|
},
|
|
84
59
|
onChange: onChange
|
|
85
60
|
}, rest);
|
|
86
|
-
|
|
87
61
|
showCount && 'value' in props && (newProps = _objectSpread({
|
|
88
62
|
suffix: "".concat(len, "/").concat(maxLength)
|
|
89
63
|
}, newProps));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxInput","forwardRef","props","ref","showCount","maxLength","specialCharactersFilter","trim","onChange","onBlur","placeholder","rest","len","useLength","value","newProps","e","target","$e","cloneDeep","filterSpecialCharacters","getComponentProps","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"sources":["vtx-input/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n const {\n showCount,\n maxLength = 32,\n specialCharactersFilter = true,\n trim = true,\n onChange,\n onBlur,\n placeholder = '请输入',\n ...rest\n } = props;\n\n const len = useLength(props.value, { showCount });\n\n let newProps = {\n ref,\n maxLength,\n placeholder,\n onBlur(e) {\n let value = e.target.value;\n let $e = e;\n if (trim) {\n value = value.trim();\n }\n if (specialCharactersFilter && value) {\n $e = cloneDeep(e);\n $e.target.value = filterSpecialCharacters(\n value,\n getComponentProps(specialCharactersFilter),\n );\n onChange && onChange($e);\n }\n onBlur && onBlur($e);\n },\n onChange,\n ...rest,\n };\n\n showCount &&\n 'value' in props &&\n (newProps = {\n suffix: `${len}/${maxLength}`,\n ...newProps,\n });\n\n return <Input {...newProps} autoComplete=\"off\" />;\n});\n\nVtxInput.propTypes = {\n maxLength: PropTypes.number,\n value: PropTypes.string,\n showCount: PropTypes.bool,\n onChange: PropTypes.func,\n onBlur: PropTypes.func,\n placeholder: PropTypes.string,\n trim: PropTypes.bool,\n specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAuE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEvE,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACxC,IACIC,SAAS,GAQTF,KAAK,CARLE,SAAS;IAAA,mBAQTF,KAAK,CAPLG,SAAS;IAATA,SAAS,iCAAG,EAAE;IAAA,wBAOdH,KAAK,CANLI,uBAAuB;IAAvBA,uBAAuB,sCAAG,IAAI;IAAA,cAM9BJ,KAAK,CALLK,IAAI;IAAJA,IAAI,4BAAG,IAAI;IACXC,QAAQ,GAIRN,KAAK,CAJLM,QAAQ;IACRC,OAAM,GAGNP,KAAK,CAHLO,MAAM;IAAA,qBAGNP,KAAK,CAFLQ,WAAW;IAAXA,WAAW,mCAAG,KAAK;IAChBC,IAAI,4BACPT,KAAK;EAET,IAAMU,GAAG,GAAG,IAAAC,qBAAS,EAACX,KAAK,CAACY,KAAK,EAAE;IAAEV,SAAS,EAATA;EAAU,CAAC,CAAC;EAEjD,IAAIW,QAAQ;IACRZ,GAAG,EAAHA,GAAG;IACHE,SAAS,EAATA,SAAS;IACTK,WAAW,EAAXA,WAAW;IACXD,MAAM,kBAACO,CAAC,EAAE;MACN,IAAIF,KAAK,GAAGE,CAAC,CAACC,MAAM,CAACH,KAAK;MAC1B,IAAII,EAAE,GAAGF,CAAC;MACV,IAAIT,IAAI,EAAE;QACNO,KAAK,GAAGA,KAAK,CAACP,IAAI,EAAE;MACxB;MACA,IAAID,uBAAuB,IAAIQ,KAAK,EAAE;QAClCI,EAAE,GAAG,IAAAC,kBAAS,EAACH,CAAC,CAAC;QACjBE,EAAE,CAACD,MAAM,CAACH,KAAK,GAAG,IAAAM,mCAAuB,EACrCN,KAAK,EACL,IAAAO,6BAAiB,EAACf,uBAAuB,CAAC,CAC7C;QACDE,QAAQ,IAAIA,QAAQ,CAACU,EAAE,CAAC;MAC5B;MACAT,OAAM,IAAIA,OAAM,CAACS,EAAE,CAAC;IACxB,CAAC;IACDV,QAAQ,EAARA;EAAQ,GACLG,IAAI,CACV;EAEDP,SAAS,IACL,OAAO,IAAIF,KAAK,KACfa,QAAQ;IACLO,MAAM,YAAKV,GAAG,cAAIP,SAAS;EAAE,GAC1BU,QAAQ,CACd,CAAC;EAEN,oBAAO,gCAAC,iBAAK,eAAKA,QAAQ;IAAE,YAAY,EAAC;EAAK,GAAG;AACrD,CAAC,CAAC;AAEFf,QAAQ,CAACuB,SAAS,GAAG;EACjBlB,SAAS,EAAEmB,qBAAS,CAACC,MAAM;EAC3BX,KAAK,EAAEU,qBAAS,CAACE,MAAM;EACvBtB,SAAS,EAAEoB,qBAAS,CAACG,IAAI;EACzBnB,QAAQ,EAAEgB,qBAAS,CAACI,IAAI;EACxBnB,MAAM,EAAEe,qBAAS,CAACI,IAAI;EACtBlB,WAAW,EAAEc,qBAAS,CAACE,MAAM;EAC7BnB,IAAI,EAAEiB,qBAAS,CAACG,IAAI;EACpBrB,uBAAuB,EAAEkB,qBAAS,CAACK,SAAS,CAAC,CAACL,qBAAS,CAACG,IAAI,EAAEH,qBAAS,CAACM,MAAM,CAAC;AACnF,CAAC;AAED9B,QAAQ,CAAC+B,MAAM,GAAGC,iBAAK,CAACD,MAAM;AAC9B/B,QAAQ,CAACiC,KAAK,GAAGD,iBAAK,CAACC,KAAK;AAC5BjC,QAAQ,CAACkC,QAAQ,GAAGF,iBAAK,CAACE,QAAQ;AAClClC,QAAQ,CAACmC,QAAQ,GAAGA,oBAAQ;AAAC,eAEdnC,QAAQ;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-input/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-input/style/index.js"],"sourcesContent":["import 'antd/es/input/style/css';\nimport './index.less';\n"],"mappings":";;AAAA;AACA"}
|
|
@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
-
|
|
12
9
|
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."); }
|
|
13
|
-
|
|
14
10
|
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); }
|
|
15
|
-
|
|
16
11
|
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; }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
-
|
|
22
14
|
var useLength = function useLength() {
|
|
23
15
|
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
24
|
-
|
|
25
16
|
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
26
|
-
|
|
27
|
-
|
|
17
|
+
showCount = _ref.showCount;
|
|
28
18
|
var _useState = (0, _react.useState)(0),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
len = _useState2[0],
|
|
21
|
+
setLen = _useState2[1];
|
|
33
22
|
(0, _react.useEffect)(function () {
|
|
34
23
|
showCount && setLen(String(val !== null && val !== void 0 ? val : '').length);
|
|
35
24
|
}, [val]);
|
|
36
25
|
return len;
|
|
37
26
|
};
|
|
38
|
-
|
|
39
27
|
var _default = useLength;
|
|
40
28
|
exports["default"] = _default;
|
|
41
29
|
//# sourceMappingURL=useLength.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useLength.js","names":["useLength","val","showCount","useState","len","setLen","useEffect","String","length"],"sources":["vtx-input/useLength.js"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nconst useLength = (val = '', { showCount } = {}) => {\n const [len, setLen] = useState(0);\n useEffect(() => {\n showCount && setLen(String(val ?? '').length);\n }, [val]);\n return len;\n};\n\nexport default useLength;\n"],"mappings":";;;;;;AAAA;AAA4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAE5C,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAqC;EAAA,IAAjCC,GAAG,uEAAG,EAAE;EAAA,+EAAkB,CAAC,CAAC;IAAhBC,SAAS,QAATA,SAAS;EACpC,gBAAsB,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAA1BC,GAAG;IAAEC,MAAM;EAClB,IAAAC,gBAAS,EAAC,YAAM;IACZJ,SAAS,IAAIG,MAAM,CAACE,MAAM,CAACN,GAAG,aAAHA,GAAG,cAAHA,GAAG,GAAI,EAAE,CAAC,CAACO,MAAM,CAAC;EACjD,CAAC,EAAE,CAACP,GAAG,CAAC,CAAC;EACT,OAAOG,GAAG;AACd,CAAC;AAAC,eAEaJ,SAAS;AAAA"}
|
package/lib/vtx-modal/Title.js
CHANGED
|
@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
function Title(props) {
|
|
15
11
|
var text = props.text,
|
|
16
|
-
|
|
12
|
+
subtitle = props.subtitle;
|
|
17
13
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
18
14
|
className: "vtx-modal-header-title"
|
|
19
15
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -22,7 +18,6 @@ function Title(props) {
|
|
|
22
18
|
className: "vtx-modal-header-subtitle"
|
|
23
19
|
}, subtitle));
|
|
24
20
|
}
|
|
25
|
-
|
|
26
21
|
Title.propTypes = {
|
|
27
22
|
text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
28
23
|
subtitle: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Title.js","names":["Title","props","text","subtitle","propTypes","PropTypes","oneOfType","string","node"],"sources":["vtx-modal/Title.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Title(props) {\n const { text, subtitle } = props;\n return (\n <div className=\"vtx-modal-header-title\">\n <span className=\"vtx-modal-header-text\">{text}</span>\n {subtitle && <span className=\"vtx-modal-header-subtitle\">{subtitle}</span>}\n </div>\n );\n}\n\nTitle.propTypes = {\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Title;\n"],"mappings":";;;;;;AAAA;AACA;AAAmC;AAEnC,SAASA,KAAK,CAACC,KAAK,EAAE;EAClB,IAAQC,IAAI,GAAeD,KAAK,CAAxBC,IAAI;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;EACtB,oBACI;IAAK,SAAS,EAAC;EAAwB,gBACnC;IAAM,SAAS,EAAC;EAAuB,GAAED,IAAI,CAAQ,EACpDC,QAAQ,iBAAI;IAAM,SAAS,EAAC;EAA2B,GAAEA,QAAQ,CAAQ,CACxE;AAEd;AAEAH,KAAK,CAACI,SAAS,GAAG;EACdF,IAAI,EAAEG,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC;EAC7DL,QAAQ,EAAEE,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC;AACpE,CAAC;AAAC,eAEaR,KAAK;AAAA"}
|
package/lib/vtx-modal/index.js
CHANGED
|
@@ -1,52 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
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); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _useUpdateEffect = _interopRequireDefault(require("ahooks/es/useUpdateEffect"));
|
|
15
|
-
|
|
16
11
|
var _useSetState5 = _interopRequireDefault(require("ahooks/es/useSetState"));
|
|
17
|
-
|
|
18
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
|
-
|
|
20
13
|
var _modal = _interopRequireDefault(require("antd/es/modal"));
|
|
21
|
-
|
|
22
14
|
var _icon = _interopRequireDefault(require("antd/es/icon"));
|
|
23
|
-
|
|
24
15
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
17
|
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
|
-
|
|
30
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; }
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
35
|
-
|
|
19
|
+
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; }
|
|
20
|
+
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; }
|
|
36
21
|
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
|
-
|
|
38
22
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
39
|
-
|
|
40
23
|
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
|
-
|
|
42
24
|
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
|
-
|
|
44
25
|
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
|
-
|
|
46
26
|
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
|
-
|
|
48
27
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
49
|
-
|
|
50
28
|
//对话框位置初始参数
|
|
51
29
|
var initDragArg = {
|
|
52
30
|
init_x: 0,
|
|
@@ -55,39 +33,36 @@ var initDragArg = {
|
|
|
55
33
|
y_move: 0,
|
|
56
34
|
documentMouseMove: null,
|
|
57
35
|
documentMouseUp: null
|
|
58
|
-
};
|
|
36
|
+
};
|
|
59
37
|
|
|
38
|
+
//全屏参数
|
|
60
39
|
var initFullScreen = {
|
|
61
40
|
isFull: false,
|
|
62
41
|
className: ''
|
|
63
42
|
};
|
|
64
|
-
|
|
65
43
|
function VtxModal(props) {
|
|
66
44
|
var _useSetState = (0, _useSetState5["default"])(initFullScreen),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
45
|
+
_useSetState2 = _slicedToArray(_useSetState, 2),
|
|
46
|
+
fullScreen = _useSetState2[0],
|
|
47
|
+
setFullScreen = _useSetState2[1]; //是否是全屏状态
|
|
72
48
|
var _useSetState3 = (0, _useSetState5["default"])(initDragArg),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
49
|
+
_useSetState4 = _slicedToArray(_useSetState3, 2),
|
|
50
|
+
dragArg = _useSetState4[0],
|
|
51
|
+
setDragArg = _useSetState4[1]; //拖动配置
|
|
78
52
|
var classId = (0, _react.useRef)(new Date().getTime() + Math.random());
|
|
79
53
|
var _props$wrapClassName = props.wrapClassName,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
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
|
+
//监听对话框大小变化回调(忽略首次执行)
|
|
91
66
|
(0, _useUpdateEffect["default"])(function () {
|
|
92
67
|
var timer = setTimeout(function () {
|
|
93
68
|
if (onModalResize && typeof onModalResize === 'function') {
|
|
@@ -102,15 +77,14 @@ function VtxModal(props) {
|
|
|
102
77
|
return function () {
|
|
103
78
|
return clearTimeout(timer);
|
|
104
79
|
};
|
|
105
|
-
}, [fullScreen.isFull]);
|
|
80
|
+
}, [fullScreen.isFull]);
|
|
106
81
|
|
|
82
|
+
//拖拽
|
|
107
83
|
(0, _react.useEffect)(function () {
|
|
108
84
|
if (props.visible && moveable) {
|
|
109
85
|
var timer = setTimeout(function () {
|
|
110
86
|
var _document$getElements, _document$getElements2, _document$getElements3;
|
|
111
|
-
|
|
112
87
|
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
|
-
|
|
114
88
|
if (modalHead) {
|
|
115
89
|
modalHead.style.cursor = 'move';
|
|
116
90
|
modalHead.onmousedown = startDrag;
|
|
@@ -121,10 +95,9 @@ function VtxModal(props) {
|
|
|
121
95
|
};
|
|
122
96
|
}
|
|
123
97
|
});
|
|
124
|
-
|
|
125
98
|
var startDrag = function startDrag(e) {
|
|
126
|
-
e.preventDefault();
|
|
127
|
-
|
|
99
|
+
e.preventDefault();
|
|
100
|
+
//全屏模式下禁止拖拽
|
|
128
101
|
if (!fullScreen.isFull) {
|
|
129
102
|
setDragArg({
|
|
130
103
|
documentMouseUp: document.onmouseup,
|
|
@@ -132,7 +105,6 @@ function VtxModal(props) {
|
|
|
132
105
|
init_x: e.clientX - dragArg.x_move,
|
|
133
106
|
init_y: e.clientY - dragArg.y_move
|
|
134
107
|
});
|
|
135
|
-
|
|
136
108
|
document.onmousemove = function (e) {
|
|
137
109
|
setDragArg(function (prev) {
|
|
138
110
|
return {
|
|
@@ -141,28 +113,26 @@ function VtxModal(props) {
|
|
|
141
113
|
};
|
|
142
114
|
});
|
|
143
115
|
};
|
|
144
|
-
|
|
145
116
|
document.onmouseup = function () {
|
|
146
117
|
document.onmousemove = dragArg.documentMouseMove;
|
|
147
118
|
document.onmouseup = dragArg.documentMouseUp;
|
|
148
119
|
};
|
|
149
120
|
}
|
|
150
|
-
};
|
|
151
|
-
|
|
121
|
+
};
|
|
152
122
|
|
|
123
|
+
//关闭对话框,初始化位置
|
|
153
124
|
var onCancel = function onCancel() {
|
|
154
125
|
if (props.onCancel && typeof props.onCancel === 'function') {
|
|
155
|
-
props.onCancel();
|
|
156
|
-
|
|
126
|
+
props.onCancel();
|
|
127
|
+
//TODO 关闭弹框会闪一下,待解决
|
|
157
128
|
setDragArg(initDragArg);
|
|
158
129
|
setFullScreen(initFullScreen);
|
|
159
130
|
}
|
|
160
131
|
};
|
|
132
|
+
|
|
161
133
|
/*
|
|
162
134
|
*重写title,加入对话框全屏功能
|
|
163
135
|
*/
|
|
164
|
-
|
|
165
|
-
|
|
166
136
|
title = function renderTitle() {
|
|
167
137
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
168
138
|
className: "vtx-modal-title",
|
|
@@ -176,11 +146,9 @@ function VtxModal(props) {
|
|
|
176
146
|
}, /*#__PURE__*/_react["default"].createElement("p", {
|
|
177
147
|
onClick: function onClick() {
|
|
178
148
|
var fullScreenClass = '';
|
|
179
|
-
|
|
180
149
|
if (!fullScreen.isFull) {
|
|
181
150
|
fullScreenClass = 'vtx-modal-maxClass';
|
|
182
151
|
}
|
|
183
|
-
|
|
184
152
|
setFullScreen({
|
|
185
153
|
isFull: !fullScreen.isFull,
|
|
186
154
|
className: fullScreenClass
|
|
@@ -198,21 +166,17 @@ function VtxModal(props) {
|
|
|
198
166
|
type: "close"
|
|
199
167
|
}))) : '');
|
|
200
168
|
}();
|
|
201
|
-
|
|
202
169
|
var bodyStyle = _objectSpread({}, props.bodyStyle);
|
|
203
|
-
/* 限制最大高度 */
|
|
204
|
-
|
|
205
170
|
|
|
171
|
+
/* 限制最大高度 */
|
|
206
172
|
if (!fullScreen.isFull) {
|
|
207
173
|
bodyStyle = _objectSpread({
|
|
208
174
|
maxHeight: "".concat(window.innerHeight * 0.7, "px")
|
|
209
175
|
}, bodyStyle);
|
|
210
176
|
}
|
|
211
|
-
|
|
212
177
|
var transformStyle = {
|
|
213
178
|
transform: "translate(".concat(dragArg.x_move, "px,").concat(dragArg.y_move, "px)")
|
|
214
179
|
};
|
|
215
|
-
|
|
216
180
|
var newProps = _objectSpread(_objectSpread({
|
|
217
181
|
maskClosable: false,
|
|
218
182
|
destroyOnClose: true,
|
|
@@ -225,10 +189,8 @@ function VtxModal(props) {
|
|
|
225
189
|
onCancel: onCancel,
|
|
226
190
|
style: _objectSpread(_objectSpread({}, props.style), fullScreen.isFull ? {} : transformStyle)
|
|
227
191
|
});
|
|
228
|
-
|
|
229
192
|
return /*#__PURE__*/_react["default"].createElement(_modal["default"], newProps, props.children);
|
|
230
193
|
}
|
|
231
|
-
|
|
232
194
|
VtxModal.info = _modal["default"].info;
|
|
233
195
|
VtxModal.success = _modal["default"].success;
|
|
234
196
|
VtxModal.error = _modal["default"].error;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-modal/index.jsx"],"names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","fullScreen","setFullScreen","dragArg","setDragArg","classId","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","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","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"mappings":"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","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"],"file":"index.js"}
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|
|
@@ -4,25 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
/**
|
|
15
11
|
* 基础布局
|
|
16
12
|
*/
|
|
13
|
+
|
|
17
14
|
function Basic(props) {
|
|
18
15
|
var className = props.className,
|
|
19
|
-
|
|
16
|
+
style = props.style;
|
|
20
17
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
21
18
|
style: style,
|
|
22
19
|
className: className
|
|
23
20
|
}, props.children);
|
|
24
21
|
}
|
|
25
|
-
|
|
26
22
|
Basic.propTypes = {
|
|
27
23
|
style: _propTypes["default"].object,
|
|
28
24
|
className: _propTypes["default"].string,
|