@vtx/components 3.1.25 → 3.1.26
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 +0 -3
- 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/useColSize.js +1 -10
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +0 -3
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +14 -32
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +0 -26
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +5 -21
- 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 +34 -74
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +20 -45
- 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 +19 -44
- 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 +77 -142
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +5 -35
- 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 +16 -46
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +6 -47
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +0 -5
- 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 +5 -23
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +0 -1
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +0 -1
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/index.js +6 -20
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +0 -1
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +0 -1
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-export/index.js +25 -58
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +0 -5
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +0 -5
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +5 -26
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +0 -8
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +8 -30
- 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 -7
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +0 -7
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +56 -92
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +20 -51
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +11 -40
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +0 -6
- 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 +37 -72
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +7 -24
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +0 -3
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +0 -3
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import2/CheckResult.js +0 -6
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +4 -25
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +0 -4
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +5 -11
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +0 -4
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +38 -92
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +0 -3
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +0 -3
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +6 -22
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +11 -37
- 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 +30 -70
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +0 -1
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +0 -1
- 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 +7 -19
- 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 +17 -47
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +3 -15
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +4 -34
- 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-rps-frame/index.js +27 -45
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +19 -57
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +0 -21
- 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 +40 -93
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +0 -4
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +0 -4
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +42 -73
- 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 +20 -65
- 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 +14 -28
- 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 +2 -14
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +9 -29
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +39 -94
- 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 +1 -7
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +5 -22
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +5 -22
- 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-time-picker/index.js +3 -16
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +9 -28
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +67 -137
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +0 -5
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +0 -5
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/index.js +27 -66
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +0 -1
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +0 -1
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/wangEditorUtil.js +30 -88
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +49 -101
- 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 +43 -99
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +0 -3
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +0 -3
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/package.json +126 -126
- package/CHANGELOG.md +0 -1248
|
@@ -1,84 +1,56 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
12
|
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); }
|
|
19
|
-
|
|
20
13
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
-
|
|
22
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
-
|
|
24
15
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
|
|
26
16
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
27
|
-
|
|
28
17
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
|
-
|
|
30
18
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
|
-
|
|
32
19
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
-
|
|
34
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
|
-
|
|
36
21
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
37
|
-
|
|
38
22
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
-
|
|
40
23
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
24
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
25
|
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; }
|
|
45
|
-
|
|
46
26
|
function getDisplayName(WrappedComponend) {
|
|
47
27
|
return WrappedComponend.displayName || WrappedComponend.name || 'Component';
|
|
48
28
|
}
|
|
49
|
-
|
|
50
29
|
function Container() {
|
|
51
30
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
52
31
|
var componentClass = params.componentClass;
|
|
53
32
|
return function HOCFactory(WrappedComponend) {
|
|
54
33
|
var _class;
|
|
55
|
-
|
|
56
34
|
return _class = /*#__PURE__*/function (_React$Component) {
|
|
57
35
|
_inherits(HOC, _React$Component);
|
|
58
|
-
|
|
59
36
|
var _super = _createSuper(HOC);
|
|
60
|
-
|
|
61
37
|
function HOC() {
|
|
62
38
|
_classCallCheck(this, HOC);
|
|
63
|
-
|
|
64
39
|
return _super.apply(this, arguments);
|
|
65
40
|
}
|
|
66
|
-
|
|
67
41
|
_createClass(HOC, [{
|
|
68
42
|
key: "render",
|
|
69
43
|
value: function render() {
|
|
70
44
|
var _this$props = this.props,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
45
|
+
style = _this$props.style,
|
|
46
|
+
className = _this$props.className,
|
|
47
|
+
top = _this$props.top,
|
|
48
|
+
space = _this$props.space;
|
|
75
49
|
var wrapClass = (0, _classnames2["default"])(_defineProperty({}, componentClass, true), className);
|
|
76
|
-
|
|
77
50
|
var newStyle = _objectSpread({
|
|
78
51
|
top: top,
|
|
79
52
|
padding: space
|
|
80
53
|
}, style);
|
|
81
|
-
|
|
82
54
|
var newProps = {
|
|
83
55
|
className: wrapClass,
|
|
84
56
|
style: newStyle
|
|
@@ -86,7 +58,6 @@ function Container() {
|
|
|
86
58
|
return /*#__PURE__*/_react["default"].createElement(WrappedComponend, _extends({}, this.props, newProps));
|
|
87
59
|
}
|
|
88
60
|
}]);
|
|
89
|
-
|
|
90
61
|
return HOC;
|
|
91
62
|
}(_react["default"].Component), _defineProperty(_class, "displayName", "HOC(".concat(getDisplayName(WrappedComponend), ")")), _defineProperty(_class, "propTypes", {
|
|
92
63
|
top: _propTypes["default"].number,
|
|
@@ -96,7 +67,6 @@ function Container() {
|
|
|
96
67
|
}), _class;
|
|
97
68
|
};
|
|
98
69
|
}
|
|
99
|
-
|
|
100
70
|
var _default = Container;
|
|
101
71
|
exports["default"] = _default;
|
|
102
72
|
//# sourceMappingURL=container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n const { componentClass } = params;\n\n return function HOCFactory(WrappedComponend) {\n return class HOC extends React.Component {\n static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n static propTypes = {\n top: PropTypes.number,\n space: PropTypes.number || PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n };\n\n render() {\n const { style, className, top, space } = this.props;\n\n const wrapClass = classnames(\n {\n [componentClass]: true,\n },\n className,\n );\n\n const newStyle = {\n top,\n padding: space,\n ...style,\n };\n\n const newProps = {\n className: wrapClass,\n style: newStyle,\n };\n return <WrappedComponend {...this.props} {...newProps} />;\n }\n };\n };\n}\n\nexport default Container;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n const { componentClass } = params;\n\n return function HOCFactory(WrappedComponend) {\n return class HOC extends React.Component {\n static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n static propTypes = {\n top: PropTypes.number,\n space: PropTypes.number || PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n };\n\n render() {\n const { style, className, top, space } = this.props;\n\n const wrapClass = classnames(\n {\n [componentClass]: true,\n },\n className,\n );\n\n const newStyle = {\n top,\n padding: space,\n ...style,\n };\n\n const newProps = {\n className: wrapClass,\n style: newStyle,\n };\n return <WrappedComponend {...this.props} {...newProps} />;\n }\n };\n };\n}\n\nexport default Container;\n"],"mappings":";;;;;;;AAGA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpC,SAASA,cAAc,CAACC,gBAAgB,EAAE;EACtC,OAAOA,gBAAgB,CAACC,WAAW,IAAID,gBAAgB,CAACE,IAAI,IAAI,WAAW;AAC/E;AAEA,SAASC,SAAS,GAAc;EAAA,IAAbC,MAAM,uEAAG,CAAC,CAAC;EAC1B,IAAQC,cAAc,GAAKD,MAAM,CAAzBC,cAAc;EAEtB,OAAO,SAASC,UAAU,CAACN,gBAAgB,EAAE;IAAA;IACzC;MAAA;MAAA;MAAA;QAAA;QAAA;MAAA;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,IAAI,CAACO,KAAK;YAA3CC,KAAK,eAALA,KAAK;YAAEC,SAAS,eAATA,SAAS;YAAEC,GAAG,eAAHA,GAAG;YAAEC,KAAK,eAALA,KAAK;UAEpC,IAAMC,SAAS,GAAG,IAAAC,uBAAU,sBAEnBR,cAAc,EAAG,IAAI,GAE1BI,SAAS,CACZ;UAED,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GAAG;YACHK,OAAO,EAAEJ;UAAK,GACXH,KAAK,CACX;UAED,IAAMQ,QAAQ,GAAG;YACbP,SAAS,EAAEG,SAAS;YACpBJ,KAAK,EAAEM;UACX,CAAC;UACD,oBAAO,gCAAC,gBAAgB,eAAK,IAAI,CAACP,KAAK,EAAMS,QAAQ,EAAI;QAC7D;MAAC;MAAA;IAAA,EA/BoBC,iBAAK,CAACC,SAAS,wDACRnB,cAAc,CAACC,gBAAgB,CAAC,8CAEzC;MACfU,GAAG,EAAES,qBAAS,CAACC,MAAM;MACrBT,KAAK,EAAEQ,qBAAS,CAACC,MAAM,IAAID,qBAAS,CAACE,MAAM;MAC3Cb,KAAK,EAAEW,qBAAS,CAACG,MAAM;MACvBb,SAAS,EAAEU,qBAAS,CAACE;IACzB,CAAC;EAyBT,CAAC;AACL;AAAC,eAEclB,SAAS;AAAA"}
|
|
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _container = _interopRequireDefault(require("./container"));
|
|
9
|
-
|
|
10
8
|
var _Basic = _interopRequireDefault(require("./Basic"));
|
|
11
|
-
|
|
12
9
|
var _Content = _interopRequireDefault(require("./Content"));
|
|
13
|
-
|
|
14
10
|
var _TableWrap = _interopRequireDefault(require("./TableWrap"));
|
|
15
|
-
|
|
16
11
|
var _TableLayout = _interopRequireDefault(require("./TableLayout"));
|
|
17
|
-
|
|
18
12
|
var _Pane = _interopRequireDefault(require("./Pane"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
14
|
var Page = (0, _container["default"])({
|
|
23
15
|
componentClass: 'vtx-page'
|
|
24
16
|
})(_Basic["default"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n TableLayout,\n Page,\n ButtonWrap,\n Pane,\n Content: container()(Content),\n TableWrap: container()(TableWrap),\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n TableLayout,\n Page,\n ButtonWrap,\n Pane,\n Content: container()(Content),\n TableWrap: container()(TableWrap),\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA0B;AAE1B,IAAMA,IAAI,GAAG,IAAAC,qBAAS,EAAC;EAAEC,cAAc,EAAE;AAAW,CAAC,CAAC,CAACC,iBAAK,CAAC;AAC7D,IAAMC,UAAU,GAAG,IAAAH,qBAAS,EAAC;EAAEC,cAAc,EAAE;AAAkB,CAAC,CAAC,CAACC,iBAAK,CAAC;AAAC,eAE5D;EACXE,WAAW,EAAXA,uBAAW;EACXL,IAAI,EAAJA,IAAI;EACJI,UAAU,EAAVA,UAAU;EACVE,IAAI,EAAJA,gBAAI;EACJC,OAAO,EAAE,IAAAN,qBAAS,GAAE,CAACM,mBAAO,CAAC;EAC7BC,SAAS,EAAE,IAAAP,qBAAS,GAAE,CAACO,qBAAS;AACpC,CAAC;AAAA"}
|
|
@@ -1,61 +1,54 @@
|
|
|
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
|
-
|
|
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 _axios = _interopRequireDefault(require("axios"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _getUrlParam = _interopRequireDefault(require("@vtx/utils/lib/getUrlParam"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
-
|
|
26
16
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
-
|
|
28
17
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
-
|
|
30
18
|
var initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';
|
|
31
19
|
var initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';
|
|
32
20
|
var initReportServerUrl = '/ReportServer';
|
|
33
|
-
|
|
34
21
|
function VtxRpsFrame(props) {
|
|
35
|
-
var iframeName = (0, _react.useRef)(Math.random() + new Date().getTime());
|
|
22
|
+
var iframeName = (0, _react.useRef)(Math.random() + new Date().getTime());
|
|
36
23
|
|
|
24
|
+
// flag改变,重新渲染报表
|
|
37
25
|
(0, _react.useEffect)(function () {
|
|
38
26
|
getReportInfoByCode();
|
|
27
|
+
try {
|
|
28
|
+
require('./resource/rpsConfig.js');
|
|
29
|
+
} catch (error) {
|
|
30
|
+
//
|
|
31
|
+
}
|
|
39
32
|
}, [props.flag]);
|
|
40
|
-
|
|
41
33
|
var getReportInfoByCode = function getReportInfoByCode() {
|
|
42
34
|
var report_param = props.report_param,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
var paramCode = paramTypeCode || 'param_report_constant';
|
|
55
|
-
|
|
35
|
+
data_param = props.data_param,
|
|
36
|
+
paramTypeCode = props.paramTypeCode,
|
|
37
|
+
tenantId = props.tenantId,
|
|
38
|
+
_props$isParamEncode = props.isParamEncode,
|
|
39
|
+
isParamEncode = _props$isParamEncode === void 0 ? false : _props$isParamEncode,
|
|
40
|
+
_props$reportParamUrl = props.reportParamUrl,
|
|
41
|
+
reportParamUrl = _props$reportParamUrl === void 0 ? initReportParamUrl : _props$reportParamUrl,
|
|
42
|
+
_props$reportInfoUrl = props.reportInfoUrl,
|
|
43
|
+
reportInfoUrl = _props$reportInfoUrl === void 0 ? initReportInfoUrl : _props$reportInfoUrl,
|
|
44
|
+
_props$reportServerUr = props.reportServerUrl,
|
|
45
|
+
reportServerUrl = _props$reportServerUr === void 0 ? initReportServerUrl : _props$reportServerUr;
|
|
46
|
+
var paramCode = paramTypeCode || 'param_report_constant';
|
|
47
|
+
// report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code
|
|
56
48
|
var report_code = (0, _getUrlParam["default"])().report_code ? (0, _getUrlParam["default"])().report_code : props.report_code;
|
|
57
|
-
var access_token = (0, _getUrlParam["default"])()['token'] || (0, _getUrlParam["default"])()['access_token'];
|
|
49
|
+
var access_token = (0, _getUrlParam["default"])()['token'] || (0, _getUrlParam["default"])()['access_token'];
|
|
58
50
|
|
|
51
|
+
// 获取公共参数
|
|
59
52
|
function commonParam() {
|
|
60
53
|
return (0, _axios["default"])({
|
|
61
54
|
method: 'get',
|
|
@@ -65,16 +58,15 @@ function VtxRpsFrame(props) {
|
|
|
65
58
|
Authorization: "Bearer ".concat(access_token)
|
|
66
59
|
}
|
|
67
60
|
});
|
|
68
|
-
}
|
|
69
|
-
|
|
61
|
+
}
|
|
70
62
|
|
|
63
|
+
// 获取报表code
|
|
71
64
|
var param = {
|
|
72
65
|
report_code: report_code,
|
|
73
66
|
timestamp: new Date().valueOf(),
|
|
74
67
|
reqMethod: 0
|
|
75
68
|
};
|
|
76
69
|
var formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);
|
|
77
|
-
|
|
78
70
|
function getReportInfoByCode() {
|
|
79
71
|
return (0, _axios["default"])({
|
|
80
72
|
method: 'get',
|
|
@@ -85,7 +77,6 @@ function VtxRpsFrame(props) {
|
|
|
85
77
|
}
|
|
86
78
|
});
|
|
87
79
|
}
|
|
88
|
-
|
|
89
80
|
_axios["default"].all([commonParam(), getReportInfoByCode()]).then(_axios["default"].spread(function (commonParamResult, reportInfoByCodeResult) {
|
|
90
81
|
if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {
|
|
91
82
|
// 报表公共参数
|
|
@@ -95,22 +86,20 @@ function VtxRpsFrame(props) {
|
|
|
95
86
|
obj[d.parmCode] = d.parmName;
|
|
96
87
|
});
|
|
97
88
|
var reportInfoByCodeData = reportInfoByCodeResult.data.data;
|
|
98
|
-
|
|
99
89
|
var _param = _objectSpread(_objectSpread(_objectSpread({
|
|
100
90
|
data_url: reportInfoByCodeData.data_url,
|
|
101
91
|
data_param: JSON.stringify(data_param)
|
|
102
92
|
}, report_param), obj), {}, {
|
|
103
93
|
reqMethod: 0
|
|
104
94
|
});
|
|
105
|
-
|
|
106
|
-
createForm("".concat(reportServerUrl, "?report_code=").concat(report_code, "&reportlet=").concat(reportInfoByCodeData.reportlet, "&fr_locale=zh_CN×tamp=").concat(new Date().valueOf()), _param, "".concat(iframeName.current));
|
|
95
|
+
createForm("".concat(window.rpsPrefix).concat(reportServerUrl, "?report_code=").concat(report_code, "&reportlet=").concat(reportInfoByCodeData.reportlet, "&fr_locale=zh_CN×tamp=").concat(new Date().valueOf()), _param, "".concat(iframeName.current));
|
|
107
96
|
}
|
|
108
|
-
}))
|
|
97
|
+
}))
|
|
98
|
+
// eslint-disable-next-line no-console
|
|
109
99
|
["catch"](function (err) {
|
|
110
100
|
return console.log(err);
|
|
111
101
|
});
|
|
112
102
|
};
|
|
113
|
-
|
|
114
103
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
115
104
|
className: "vtx-rps-frame"
|
|
116
105
|
}, /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
@@ -120,7 +109,6 @@ function VtxRpsFrame(props) {
|
|
|
120
109
|
name: "".concat(iframeName.current)
|
|
121
110
|
}));
|
|
122
111
|
}
|
|
123
|
-
|
|
124
112
|
VtxRpsFrame.propTypes = {
|
|
125
113
|
flag: _propTypes["default"].number,
|
|
126
114
|
report_code: _propTypes["default"].string,
|
|
@@ -135,7 +123,6 @@ VtxRpsFrame.propTypes = {
|
|
|
135
123
|
};
|
|
136
124
|
var _default = VtxRpsFrame;
|
|
137
125
|
exports["default"] = _default;
|
|
138
|
-
|
|
139
126
|
var createForm = function createForm(reqURL, param, iframeName) {
|
|
140
127
|
// 定义一个form表单
|
|
141
128
|
var formDom = document.createElement('form');
|
|
@@ -144,7 +131,6 @@ var createForm = function createForm(reqURL, param, iframeName) {
|
|
|
144
131
|
formDom.action = reqURL;
|
|
145
132
|
formDom.style = 'display:none';
|
|
146
133
|
var inputArray = [];
|
|
147
|
-
|
|
148
134
|
for (var k in param) {
|
|
149
135
|
if (Object.prototype.hasOwnProperty.call(param, k)) {
|
|
150
136
|
var input1 = document.createElement('input');
|
|
@@ -154,15 +140,11 @@ var createForm = function createForm(reqURL, param, iframeName) {
|
|
|
154
140
|
inputArray.push(input1);
|
|
155
141
|
}
|
|
156
142
|
}
|
|
157
|
-
|
|
158
143
|
document.body.appendChild(formDom); // 将表单放置在web中
|
|
159
|
-
|
|
160
144
|
for (var i = 0, len = inputArray.length; i < len; i++) {
|
|
161
145
|
formDom.append(inputArray[i]);
|
|
162
146
|
}
|
|
163
|
-
|
|
164
147
|
formDom.submit(); // 表单提交
|
|
165
|
-
|
|
166
148
|
formDom.remove();
|
|
167
149
|
};
|
|
168
150
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\n/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-12 18:49:30\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\nconst initReportServerUrl = '/ReportServer';\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n // flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n // report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n isParamEncode = false,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\n const report_code = getUrlParam().report_code\n ? getUrlParam().report_code\n : props.report_code;\n\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\n\n // 获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n // 获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${formData}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n // 报表公共参数\n const commonParamData = commonParamResult.data.data;\n const obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n const param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${reportServerUrl}?report_code=${report_code}&reportlet=${\n reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n isParamEncode: PropTypes.bool,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n // 定义一个form表单\n const formDom = document.createElement('form');\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n const inputArray = [];\n for (const k in param) {\n if (Object.prototype.hasOwnProperty.call(param, k)) {\n const input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n }\n document.body.appendChild(formDom); // 将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); // 表单提交\n formDom.remove();\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","require","error","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","window","rpsPrefix","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\n/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-12 18:49:30\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\n\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\nconst initReportServerUrl = '/ReportServer';\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n // flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n try {\n require('./resource/rpsConfig.js')\n } catch (error) {\n //\n }\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n // report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n isParamEncode = false,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\n const report_code = getUrlParam().report_code\n ? getUrlParam().report_code\n : props.report_code;\n\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\n\n // 获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n // 获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${formData}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function (commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n // 报表公共参数\n const commonParamData = commonParamResult.data.data;\n const obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n const param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${window.rpsPrefix}${reportServerUrl}?report_code=${report_code}&reportlet=${reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n isParamEncode: PropTypes.bool,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function (reqURL, param, iframeName) {\n // 定义一个form表单\n const formDom = document.createElement('form');\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n const inputArray = [];\n for (const k in param) {\n if (Object.prototype.hasOwnProperty.call(param, k)) {\n const input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n }\n document.body.appendChild(formDom); // 将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); // 表单提交\n formDom.remove();\n};\n"],"mappings":"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"}
|
|
@@ -1,77 +1,53 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
8
|
exports.isTransformSupported = isTransformSupported;
|
|
10
9
|
exports.setTransform = setTransform;
|
|
11
|
-
|
|
12
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
11
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
12
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
17
|
-
|
|
18
13
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
-
|
|
20
14
|
var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
|
|
21
|
-
|
|
22
15
|
var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
|
|
23
|
-
|
|
24
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
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); }
|
|
27
|
-
|
|
28
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; }
|
|
29
|
-
|
|
30
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; }
|
|
31
|
-
|
|
32
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; }
|
|
33
|
-
|
|
34
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; }
|
|
35
|
-
|
|
36
22
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
37
|
-
|
|
38
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."); }
|
|
39
|
-
|
|
40
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); }
|
|
41
|
-
|
|
42
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; }
|
|
43
|
-
|
|
44
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; }
|
|
45
|
-
|
|
46
27
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
47
|
-
|
|
48
28
|
function isTransformSupported(style) {
|
|
49
29
|
return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
|
|
50
30
|
}
|
|
51
|
-
|
|
52
31
|
function setTransform(style, v) {
|
|
53
32
|
style.transform = v;
|
|
54
33
|
style.webkitTransform = v;
|
|
55
34
|
style.mozTransform = v;
|
|
56
35
|
}
|
|
57
|
-
|
|
58
36
|
function VtxScrollableRow(props) {
|
|
59
37
|
var _classnames, _classnames2;
|
|
60
|
-
|
|
61
38
|
var _useState = (0, _react.useState)({
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
39
|
+
next: false,
|
|
40
|
+
prev: false
|
|
41
|
+
}),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
state = _useState2[0],
|
|
44
|
+
setState = _useState2[1];
|
|
69
45
|
var next = state.next,
|
|
70
|
-
|
|
46
|
+
prev = state.prev;
|
|
71
47
|
var _props$prefixCls = props.prefixCls,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
48
|
+
prefixCls = _props$prefixCls === void 0 ? 'vtx-scrollable-row' : _props$prefixCls,
|
|
49
|
+
className = props.className,
|
|
50
|
+
style = props.style;
|
|
75
51
|
var offset = (0, _react.useRef)(0);
|
|
76
52
|
var containerRef = (0, _react.useRef)();
|
|
77
53
|
var navWrapRef = (0, _react.useRef)();
|
|
@@ -86,15 +62,13 @@ function VtxScrollableRow(props) {
|
|
|
86
62
|
window.removeEventListener('resize', debouncedResize);
|
|
87
63
|
};
|
|
88
64
|
}, []);
|
|
89
|
-
|
|
90
65
|
function setNextPrev() {
|
|
91
66
|
var navNodeW = navRef.current.scrollWidth;
|
|
92
67
|
var containerW = containerRef.current.offsetWidth;
|
|
93
68
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
94
69
|
var minOffset = containerW - navNodeW;
|
|
95
70
|
var next = state.next,
|
|
96
|
-
|
|
97
|
-
|
|
71
|
+
prev = state.prev;
|
|
98
72
|
if (minOffset >= 0) {
|
|
99
73
|
next = false;
|
|
100
74
|
setOffset(0, false);
|
|
@@ -107,13 +81,11 @@ function VtxScrollableRow(props) {
|
|
|
107
81
|
setOffset(realOffset, false);
|
|
108
82
|
offset.current = realOffset;
|
|
109
83
|
}
|
|
110
|
-
|
|
111
84
|
if (offset.current < 0) {
|
|
112
85
|
prev = true;
|
|
113
86
|
} else {
|
|
114
87
|
prev = false;
|
|
115
88
|
}
|
|
116
|
-
|
|
117
89
|
setNext(next);
|
|
118
90
|
setPrev(prev);
|
|
119
91
|
return {
|
|
@@ -121,17 +93,14 @@ function VtxScrollableRow(props) {
|
|
|
121
93
|
prev: prev
|
|
122
94
|
};
|
|
123
95
|
}
|
|
124
|
-
|
|
125
96
|
var setOffset = function setOffset(os) {
|
|
126
97
|
var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
127
98
|
var target = Math.min(0, os);
|
|
128
|
-
|
|
129
99
|
if (offset.current !== target) {
|
|
130
100
|
offset.current = target;
|
|
131
101
|
var navOffset = {};
|
|
132
102
|
var navStyle = navRef.current.style;
|
|
133
103
|
var transformSupported = isTransformSupported(navStyle);
|
|
134
|
-
|
|
135
104
|
if (transformSupported) {
|
|
136
105
|
navOffset = {
|
|
137
106
|
value: "translate3d(".concat(target, "px,0,0)")
|
|
@@ -142,19 +111,16 @@ function VtxScrollableRow(props) {
|
|
|
142
111
|
value: "".concat(target, "px")
|
|
143
112
|
};
|
|
144
113
|
}
|
|
145
|
-
|
|
146
114
|
if (transformSupported) {
|
|
147
115
|
setTransform(navStyle, navOffset.value);
|
|
148
116
|
} else {
|
|
149
117
|
navStyle[navOffset.name] = navOffset.value;
|
|
150
118
|
}
|
|
151
|
-
|
|
152
119
|
if (checkNextPrev) {
|
|
153
120
|
setNextPrev();
|
|
154
121
|
}
|
|
155
122
|
}
|
|
156
123
|
};
|
|
157
|
-
|
|
158
124
|
var setPrev = function setPrev(v) {
|
|
159
125
|
if (prev !== v) {
|
|
160
126
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
@@ -162,47 +128,44 @@ function VtxScrollableRow(props) {
|
|
|
162
128
|
}));
|
|
163
129
|
}
|
|
164
130
|
};
|
|
165
|
-
|
|
166
131
|
var setNext = function setNext(v) {
|
|
167
132
|
if (next !== v) {
|
|
168
133
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
169
134
|
next: v
|
|
170
135
|
}));
|
|
171
136
|
}
|
|
172
|
-
};
|
|
173
|
-
|
|
137
|
+
};
|
|
174
138
|
|
|
139
|
+
// 上一页
|
|
175
140
|
var handlePrev = function handlePrev() {
|
|
176
141
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
177
142
|
setOffset(offset.current + navWrapNodeW);
|
|
178
|
-
};
|
|
179
|
-
|
|
143
|
+
};
|
|
180
144
|
|
|
145
|
+
// 下一页
|
|
181
146
|
var handleNext = function handleNext() {
|
|
182
147
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
183
148
|
setOffset(offset.current - navWrapNodeW);
|
|
184
149
|
};
|
|
185
|
-
|
|
186
150
|
var showNextPrev = prev || next;
|
|
187
|
-
|
|
188
151
|
var prevButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
189
|
-
onClick: prev ? handlePrev : null
|
|
152
|
+
onClick: prev ? handlePrev : null
|
|
153
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
190
154
|
,
|
|
191
155
|
unselectable: "on",
|
|
192
156
|
className: (0, _classnames3["default"])((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-prev"), true), _defineProperty(_classnames, "".concat(prefixCls, "-btn-disabled"), !prev), _defineProperty(_classnames, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames))
|
|
193
157
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
194
158
|
className: "".concat(prefixCls, "-prev-icon")
|
|
195
159
|
}, /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null)));
|
|
196
|
-
|
|
197
160
|
var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
198
|
-
onClick: next ? handleNext : null
|
|
161
|
+
onClick: next ? handleNext : null
|
|
162
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
199
163
|
,
|
|
200
164
|
unselectable: "on",
|
|
201
165
|
className: (0, _classnames3["default"])((_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-next"), true), _defineProperty(_classnames2, "".concat(prefixCls, "-btn-disabled"), !next), _defineProperty(_classnames2, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames2))
|
|
202
166
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
203
167
|
className: "".concat(prefixCls, "-next-icon")
|
|
204
168
|
}, /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null)));
|
|
205
|
-
|
|
206
169
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
170
|
className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
|
|
208
171
|
style: style,
|
|
@@ -217,7 +180,6 @@ function VtxScrollableRow(props) {
|
|
|
217
180
|
ref: navRef
|
|
218
181
|
}, props.children))));
|
|
219
182
|
}
|
|
220
|
-
|
|
221
183
|
var _default = VtxScrollableRow;
|
|
222
184
|
exports["default"] = _default;
|
|
223
185
|
VtxScrollableRow.propTypes = {
|