@vtx/components 2.5.13 → 2.5.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +842 -0
- package/lib/_util/filterSpecialCharacters.js +43 -54
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +3 -0
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +6 -0
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +1 -0
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +1 -0
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +32 -14
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +22 -0
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +21 -5
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +2 -0
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +2 -0
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +73 -33
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +45 -20
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +7 -0
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +7 -0
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-combogrid/style/index.less +29 -29
- package/lib/vtx-datagrid/Alert.js +11 -3
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +44 -19
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +13 -2
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +137 -77
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +35 -5
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +10 -0
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +10 -0
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/style/index.less +131 -131
- package/lib/vtx-date-picker/QdatePicker.js +46 -16
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +30 -7
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +46 -5
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +8 -2
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +1 -0
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +1 -0
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +38 -38
- package/lib/vtx-editor/index.js +23 -5
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +2 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +2 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +6 -6
- package/lib/vtx-export/index.js +55 -23
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +6 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +6 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +26 -5
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +5 -0
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +34 -9
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +7 -2
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +6 -0
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +2 -0
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +41 -41
- package/lib/vtx-form-layout/index.js +22 -8
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +8 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +8 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +148 -148
- package/lib/vtx-image/Image.js +92 -56
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +51 -20
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +40 -11
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +6 -0
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +1 -0
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +1 -0
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-image/style/index.less +46 -46
- package/lib/vtx-import/index.js +72 -37
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +24 -7
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +2 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +2 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +22 -6
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +37 -11
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +1 -0
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +1 -0
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +20 -20
- package/lib/vtx-input/useLength.js +16 -4
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +6 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +70 -32
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +2 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +2 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-modal/style/index.less +83 -83
- package/lib/vtx-page-layout/Basic.js +6 -2
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +19 -7
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +10 -2
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +52 -22
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +15 -3
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +34 -4
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +8 -0
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +139 -139
- package/lib/vtx-rps-frame/index.js +44 -21
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +55 -19
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js +1 -0
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js +1 -0
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +111 -111
- package/lib/vtx-search/VtxCol.js +21 -0
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +12 -6
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +87 -36
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +5 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +5 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search/style/index.less +81 -81
- package/lib/vtx-search-map-input/index.js +68 -39
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +64 -20
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +8 -0
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +8 -0
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +66 -66
- package/lib/vtx-signature/index.js +28 -14
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +2 -0
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +2 -0
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +32 -32
- package/lib/vtx-split-pane/Pane.js +14 -2
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +30 -10
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +104 -52
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +4 -0
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +3 -0
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +3 -0
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +59 -59
- package/lib/vtx-statistics-column/Back.js +7 -1
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +22 -5
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +22 -5
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +2 -0
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +16 -0
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +61 -61
- package/lib/vtx-time-picker/index.js +16 -3
- 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 +28 -9
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +136 -67
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +6 -0
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +6 -0
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +59 -59
- package/lib/vtx-ztree/index.js +103 -51
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +1 -0
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +1 -0
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +30 -30
- package/lib/vtx-ztree-select/index.js +97 -38
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +4 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +4 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +76 -76
- package/package.json +1 -1
|
@@ -4,17 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
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); }
|
|
15
|
+
|
|
11
16
|
function Back(props) {
|
|
12
17
|
var _props$text = props.text,
|
|
13
|
-
|
|
18
|
+
text = _props$text === void 0 ? '返回上一级' : _props$text;
|
|
14
19
|
return /*#__PURE__*/_react["default"].createElement("div", _extends({
|
|
15
20
|
className: "vtx-statistics-column-back"
|
|
16
21
|
}, props), text);
|
|
17
22
|
}
|
|
23
|
+
|
|
18
24
|
Back.propTypes = {
|
|
19
25
|
text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
|
|
20
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Back.js","names":["Back","props","text","propTypes","PropTypes","oneOfType","string","node"],"sources":["vtx-statistics-column/Back.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Back(props) {\n const { text = '返回上一级' } = props;\n return (\n <div className=\"vtx-statistics-column-back\" {...props}>\n {text}\n </div>\n );\n}\n\nBack.propTypes = {\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Back;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Back.js","names":["Back","props","text","propTypes","PropTypes","oneOfType","string","node"],"sources":["vtx-statistics-column/Back.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Back(props) {\n const { text = '返回上一级' } = props;\n return (\n <div className=\"vtx-statistics-column-back\" {...props}>\n {text}\n </div>\n );\n}\n\nBack.propTypes = {\n text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Back;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;EACjB,kBAA2BA,KAA3B,CAAQC,IAAR;EAAA,IAAQA,IAAR,4BAAe,OAAf;EACA,oBACI;IAAK,SAAS,EAAC;EAAf,GAAgDD,KAAhD,GACKC,IADL,CADJ;AAKH;;AAEDF,IAAI,CAACG,SAAL,GAAiB;EACbD,IAAI,EAAEE,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,IAA7B,CAApB;AADO,CAAjB;eAIeP,I"}
|
|
@@ -1,34 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _context = require("./context");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
16
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
|
|
17
28
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
+
|
|
18
30
|
function Item(props) {
|
|
19
31
|
var label = props.label,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
32
|
+
value = props.value,
|
|
33
|
+
className = props.className,
|
|
34
|
+
style = props.style;
|
|
35
|
+
|
|
23
36
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
24
|
-
|
|
25
|
-
|
|
37
|
+
cols = _useContext.cols,
|
|
38
|
+
isTiled = _useContext.isTiled;
|
|
39
|
+
|
|
26
40
|
var newStyle = {};
|
|
41
|
+
|
|
27
42
|
if (isTiled) {
|
|
28
43
|
newStyle = {
|
|
29
44
|
width: "".concat(100 / cols, "%")
|
|
30
45
|
};
|
|
31
46
|
}
|
|
47
|
+
|
|
32
48
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
49
|
className: (0, _classnames["default"])('vtx-statistics-column-item', {
|
|
34
50
|
'vtx-statistics-column-item-space': !isTiled
|
|
@@ -40,6 +56,7 @@ function Item(props) {
|
|
|
40
56
|
className: "vtx-statistics-column-item--value"
|
|
41
57
|
}, value));
|
|
42
58
|
}
|
|
59
|
+
|
|
43
60
|
Item.propTypes = {
|
|
44
61
|
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
|
|
45
62
|
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string, _propTypes["default"].node]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","names":["Item","props","label","value","className","style","useContext","StoreCtx","cols","isTiled","newStyle","width","classnames","propTypes","PropTypes","oneOfType","string","node","isRequired","number","object"],"sources":["vtx-statistics-column/Item.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\nfunction Item(props) {\n const { label, value, className, style } = props;\n const { cols, isTiled } = useContext(StoreCtx);\n\n let newStyle = {};\n if (isTiled) {\n newStyle = {\n width: `${100 / cols}%`,\n };\n }\n\n return (\n <div\n className={classnames(\n 'vtx-statistics-column-item',\n { 'vtx-statistics-column-item-space': !isTiled },\n className,\n )}\n style={{ ...newStyle, ...style }}\n >\n <div className=\"vtx-statistics-column-item--label\">{label}</div>\n <div className=\"vtx-statistics-column-item--value\">{value}</div>\n </div>\n );\n}\n\nItem.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.node]),\n className: PropTypes.string,\n style: PropTypes.object,\n};\n\nexport default Item;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Item.js","names":["Item","props","label","value","className","style","useContext","StoreCtx","cols","isTiled","newStyle","width","classnames","propTypes","PropTypes","oneOfType","string","node","isRequired","number","object"],"sources":["vtx-statistics-column/Item.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\nfunction Item(props) {\n const { label, value, className, style } = props;\n const { cols, isTiled } = useContext(StoreCtx);\n\n let newStyle = {};\n if (isTiled) {\n newStyle = {\n width: `${100 / cols}%`,\n };\n }\n\n return (\n <div\n className={classnames(\n 'vtx-statistics-column-item',\n { 'vtx-statistics-column-item-space': !isTiled },\n className,\n )}\n style={{ ...newStyle, ...style }}\n >\n <div className=\"vtx-statistics-column-item--label\">{label}</div>\n <div className=\"vtx-statistics-column-item--value\">{value}</div>\n </div>\n );\n}\n\nItem.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.node]),\n className: PropTypes.string,\n style: PropTypes.object,\n};\n\nexport default Item;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;EACjB,IAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;EAAA,IAAeC,KAAf,GAA2CF,KAA3C,CAAeE,KAAf;EAAA,IAAsBC,SAAtB,GAA2CH,KAA3C,CAAsBG,SAAtB;EAAA,IAAiCC,KAAjC,GAA2CJ,KAA3C,CAAiCI,KAAjC;;EACA,kBAA0B,IAAAC,iBAAA,EAAWC,iBAAX,CAA1B;EAAA,IAAQC,IAAR,eAAQA,IAAR;EAAA,IAAcC,OAAd,eAAcA,OAAd;;EAEA,IAAIC,QAAQ,GAAG,EAAf;;EACA,IAAID,OAAJ,EAAa;IACTC,QAAQ,GAAG;MACPC,KAAK,YAAK,MAAMH,IAAX;IADE,CAAX;EAGH;;EAED,oBACI;IACI,SAAS,EAAE,IAAAI,sBAAA,EACP,4BADO,EAEP;MAAE,oCAAoC,CAACH;IAAvC,CAFO,EAGPL,SAHO,CADf;IAMI,KAAK,kCAAOM,QAAP,GAAoBL,KAApB;EANT,gBAQI;IAAK,SAAS,EAAC;EAAf,GAAoDH,KAApD,CARJ,eASI;IAAK,SAAS,EAAC;EAAf,GAAoDC,KAApD,CATJ,CADJ;AAaH;;AAEDH,IAAI,CAACa,SAAL,GAAiB;EACbX,KAAK,EAAEY,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,IAA7B,CAApB,EAAwDC,UADlD;EAEbf,KAAK,EAAEW,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUK,MAAX,EAAmBL,qBAAA,CAAUE,MAA7B,EAAqCF,qBAAA,CAAUG,IAA/C,CAApB,CAFM;EAGbb,SAAS,EAAEU,qBAAA,CAAUE,MAHR;EAIbX,KAAK,EAAES,qBAAA,CAAUM;AAJJ,CAAjB;eAOepB,I"}
|
|
@@ -1,34 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _context = require("./context");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
16
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
|
|
17
28
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
+
|
|
18
30
|
function Total(props) {
|
|
19
31
|
var label = props.label,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
32
|
+
value = props.value,
|
|
33
|
+
className = props.className,
|
|
34
|
+
style = props.style;
|
|
35
|
+
|
|
23
36
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
24
|
-
|
|
25
|
-
|
|
37
|
+
cols = _useContext.cols,
|
|
38
|
+
isTiled = _useContext.isTiled;
|
|
39
|
+
|
|
26
40
|
var newStyle = {};
|
|
41
|
+
|
|
27
42
|
if (isTiled) {
|
|
28
43
|
newStyle = {
|
|
29
44
|
width: "".concat(100 / cols, "%")
|
|
30
45
|
};
|
|
31
46
|
}
|
|
47
|
+
|
|
32
48
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
33
49
|
className: (0, _classnames["default"])('vtx-statistics-column-item', 'vtx-statistics-column-item-total', {
|
|
34
50
|
'vtx-statistics-column-item-space': !isTiled
|
|
@@ -40,6 +56,7 @@ function Total(props) {
|
|
|
40
56
|
className: "vtx-statistics-column-item--value"
|
|
41
57
|
}, value));
|
|
42
58
|
}
|
|
59
|
+
|
|
43
60
|
Total.propTypes = {
|
|
44
61
|
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
|
|
45
62
|
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string, _propTypes["default"].node]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Total.js","names":["Total","props","label","value","className","style","useContext","StoreCtx","cols","isTiled","newStyle","width","classnames","propTypes","PropTypes","oneOfType","string","node","isRequired","number","object"],"sources":["vtx-statistics-column/Total.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\nfunction Total(props) {\n const { label, value, className, style } = props;\n const { cols, isTiled } = useContext(StoreCtx);\n\n let newStyle = {};\n if (isTiled) {\n newStyle = {\n width: `${100 / cols}%`,\n };\n }\n\n return (\n <div\n className={classnames(\n 'vtx-statistics-column-item',\n 'vtx-statistics-column-item-total',\n { 'vtx-statistics-column-item-space': !isTiled },\n className,\n )}\n style={{ ...newStyle, ...style }}\n >\n <div className=\"vtx-statistics-column-item--label\">{label}</div>\n <div className=\"vtx-statistics-column-item--value\">{value}</div>\n </div>\n );\n}\n\nTotal.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.node]),\n className: PropTypes.string,\n style: PropTypes.object,\n};\n\nexport default Total;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Total.js","names":["Total","props","label","value","className","style","useContext","StoreCtx","cols","isTiled","newStyle","width","classnames","propTypes","PropTypes","oneOfType","string","node","isRequired","number","object"],"sources":["vtx-statistics-column/Total.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\nfunction Total(props) {\n const { label, value, className, style } = props;\n const { cols, isTiled } = useContext(StoreCtx);\n\n let newStyle = {};\n if (isTiled) {\n newStyle = {\n width: `${100 / cols}%`,\n };\n }\n\n return (\n <div\n className={classnames(\n 'vtx-statistics-column-item',\n 'vtx-statistics-column-item-total',\n { 'vtx-statistics-column-item-space': !isTiled },\n className,\n )}\n style={{ ...newStyle, ...style }}\n >\n <div className=\"vtx-statistics-column-item--label\">{label}</div>\n <div className=\"vtx-statistics-column-item--value\">{value}</div>\n </div>\n );\n}\n\nTotal.propTypes = {\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.node]),\n className: PropTypes.string,\n style: PropTypes.object,\n};\n\nexport default Total;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,SAASA,KAAT,CAAeC,KAAf,EAAsB;EAClB,IAAQC,KAAR,GAA2CD,KAA3C,CAAQC,KAAR;EAAA,IAAeC,KAAf,GAA2CF,KAA3C,CAAeE,KAAf;EAAA,IAAsBC,SAAtB,GAA2CH,KAA3C,CAAsBG,SAAtB;EAAA,IAAiCC,KAAjC,GAA2CJ,KAA3C,CAAiCI,KAAjC;;EACA,kBAA0B,IAAAC,iBAAA,EAAWC,iBAAX,CAA1B;EAAA,IAAQC,IAAR,eAAQA,IAAR;EAAA,IAAcC,OAAd,eAAcA,OAAd;;EAEA,IAAIC,QAAQ,GAAG,EAAf;;EACA,IAAID,OAAJ,EAAa;IACTC,QAAQ,GAAG;MACPC,KAAK,YAAK,MAAMH,IAAX;IADE,CAAX;EAGH;;EAED,oBACI;IACI,SAAS,EAAE,IAAAI,sBAAA,EACP,4BADO,EAEP,kCAFO,EAGP;MAAE,oCAAoC,CAACH;IAAvC,CAHO,EAIPL,SAJO,CADf;IAOI,KAAK,kCAAOM,QAAP,GAAoBL,KAApB;EAPT,gBASI;IAAK,SAAS,EAAC;EAAf,GAAoDH,KAApD,CATJ,eAUI;IAAK,SAAS,EAAC;EAAf,GAAoDC,KAApD,CAVJ,CADJ;AAcH;;AAEDH,KAAK,CAACa,SAAN,GAAkB;EACdX,KAAK,EAAEY,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,IAA7B,CAApB,EAAwDC,UADjD;EAEdf,KAAK,EAAEW,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUK,MAAX,EAAmBL,qBAAA,CAAUE,MAA7B,EAAqCF,qBAAA,CAAUG,IAA/C,CAApB,CAFO;EAGdb,SAAS,EAAEU,qBAAA,CAAUE,MAHP;EAIdX,KAAK,EAAES,qBAAA,CAAUM;AAJH,CAAlB;eAOepB,K"}
|
|
@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StoreCtx = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = require("react");
|
|
9
|
+
|
|
8
10
|
var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
|
|
9
11
|
exports.StoreCtx = StoreCtx;
|
|
10
12
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","names":["StoreCtx","createContext"],"sources":["vtx-statistics-column/context.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const StoreCtx = createContext({});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"context.js","names":["StoreCtx","createContext"],"sources":["vtx-statistics-column/context.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const StoreCtx = createContext({});\n"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,QAAQ,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAjB"}
|
|
@@ -4,37 +4,53 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _vtxScrollableRow = _interopRequireDefault(require("../vtx-scrollable-row"));
|
|
15
|
+
|
|
11
16
|
var _Total = _interopRequireDefault(require("./Total"));
|
|
17
|
+
|
|
12
18
|
var _Item = _interopRequireDefault(require("./Item"));
|
|
19
|
+
|
|
13
20
|
var _Back = _interopRequireDefault(require("./Back"));
|
|
21
|
+
|
|
14
22
|
var _context = require("./context");
|
|
23
|
+
|
|
15
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
16
26
|
function VtxStatisticsColumn(props) {
|
|
17
27
|
var max = props.max;
|
|
28
|
+
|
|
18
29
|
var items = _react["default"].Children.toArray(props.children).filter(function (c) {
|
|
19
30
|
return c.type === VtxStatisticsColumn.Item || c.type === VtxStatisticsColumn.Total;
|
|
20
31
|
});
|
|
32
|
+
|
|
21
33
|
var isTiled = 'max' in props ? max > items.length : true;
|
|
22
34
|
var store = {
|
|
23
35
|
isTiled: isTiled,
|
|
24
36
|
cols: items.length
|
|
25
37
|
};
|
|
38
|
+
|
|
26
39
|
var content = /*#__PURE__*/_react["default"].createElement("div", {
|
|
27
40
|
className: (0, _classnames["default"])('vtx-statistics-column', {
|
|
28
41
|
'vtx-statistics-column-nowrap': !isTiled
|
|
29
42
|
})
|
|
30
43
|
}, props.children);
|
|
44
|
+
|
|
31
45
|
if (!isTiled) {
|
|
32
46
|
content = /*#__PURE__*/_react["default"].createElement(_vtxScrollableRow["default"], null, content);
|
|
33
47
|
}
|
|
48
|
+
|
|
34
49
|
return /*#__PURE__*/_react["default"].createElement(_context.StoreCtx.Provider, {
|
|
35
50
|
value: store
|
|
36
51
|
}, content);
|
|
37
52
|
}
|
|
53
|
+
|
|
38
54
|
VtxStatisticsColumn.Total = _Total["default"];
|
|
39
55
|
VtxStatisticsColumn.Item = _Item["default"];
|
|
40
56
|
VtxStatisticsColumn.Back = _Back["default"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VtxStatisticsColumn","props","max","items","React","Children","toArray","children","filter","c","type","Item","Total","isTiled","length","store","cols","content","classnames","Back","propTypes","PropTypes","number","node"],"sources":["vtx-statistics-column/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport VtxScrollableRow from '../vtx-scrollable-row';\nimport Total from './Total';\nimport Item from './Item';\nimport Back from './Back';\nimport { StoreCtx } from './context';\n\nfunction VtxStatisticsColumn(props) {\n const { max } = props;\n const items = React.Children.toArray(props.children).filter(\n c => c.type === VtxStatisticsColumn.Item || c.type === VtxStatisticsColumn.Total,\n );\n const isTiled = 'max' in props ? max > items.length : true;\n const store = {\n isTiled,\n cols: items.length,\n };\n let content = (\n <div\n className={classnames('vtx-statistics-column', {\n 'vtx-statistics-column-nowrap': !isTiled,\n })}\n >\n {props.children}\n </div>\n );\n if (!isTiled) {\n content = <VtxScrollableRow>{content}</VtxScrollableRow>;\n }\n return <StoreCtx.Provider value={store}>{content}</StoreCtx.Provider>;\n}\n\nVtxStatisticsColumn.Total = Total;\nVtxStatisticsColumn.Item = Item;\nVtxStatisticsColumn.Back = Back;\n\nexport default VtxStatisticsColumn;\n\nVtxStatisticsColumn.propTypes = {\n max: PropTypes.number,\n children: PropTypes.node,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxStatisticsColumn","props","max","items","React","Children","toArray","children","filter","c","type","Item","Total","isTiled","length","store","cols","content","classnames","Back","propTypes","PropTypes","number","node"],"sources":["vtx-statistics-column/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport VtxScrollableRow from '../vtx-scrollable-row';\nimport Total from './Total';\nimport Item from './Item';\nimport Back from './Back';\nimport { StoreCtx } from './context';\n\nfunction VtxStatisticsColumn(props) {\n const { max } = props;\n const items = React.Children.toArray(props.children).filter(\n c => c.type === VtxStatisticsColumn.Item || c.type === VtxStatisticsColumn.Total,\n );\n const isTiled = 'max' in props ? max > items.length : true;\n const store = {\n isTiled,\n cols: items.length,\n };\n let content = (\n <div\n className={classnames('vtx-statistics-column', {\n 'vtx-statistics-column-nowrap': !isTiled,\n })}\n >\n {props.children}\n </div>\n );\n if (!isTiled) {\n content = <VtxScrollableRow>{content}</VtxScrollableRow>;\n }\n return <StoreCtx.Provider value={store}>{content}</StoreCtx.Provider>;\n}\n\nVtxStatisticsColumn.Total = Total;\nVtxStatisticsColumn.Item = Item;\nVtxStatisticsColumn.Back = Back;\n\nexport default VtxStatisticsColumn;\n\nVtxStatisticsColumn.propTypes = {\n max: PropTypes.number,\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,mBAAT,CAA6BC,KAA7B,EAAoC;EAChC,IAAQC,GAAR,GAAgBD,KAAhB,CAAQC,GAAR;;EACA,IAAMC,KAAK,GAAGC,iBAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBL,KAAK,CAACM,QAA7B,EAAuCC,MAAvC,CACV,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAF,KAAWV,mBAAmB,CAACW,IAA/B,IAAuCF,CAAC,CAACC,IAAF,KAAWV,mBAAmB,CAACY,KAA1E;EAAA,CADS,CAAd;;EAGA,IAAMC,OAAO,GAAG,SAASZ,KAAT,GAAiBC,GAAG,GAAGC,KAAK,CAACW,MAA7B,GAAsC,IAAtD;EACA,IAAMC,KAAK,GAAG;IACVF,OAAO,EAAPA,OADU;IAEVG,IAAI,EAAEb,KAAK,CAACW;EAFF,CAAd;;EAIA,IAAIG,OAAO,gBACP;IACI,SAAS,EAAE,IAAAC,sBAAA,EAAW,uBAAX,EAAoC;MAC3C,gCAAgC,CAACL;IADU,CAApC;EADf,GAKKZ,KAAK,CAACM,QALX,CADJ;;EASA,IAAI,CAACM,OAAL,EAAc;IACVI,OAAO,gBAAG,gCAAC,4BAAD,QAAmBA,OAAnB,CAAV;EACH;;EACD,oBAAO,gCAAC,iBAAD,CAAU,QAAV;IAAmB,KAAK,EAAEF;EAA1B,GAAkCE,OAAlC,CAAP;AACH;;AAEDjB,mBAAmB,CAACY,KAApB,GAA4BA,iBAA5B;AACAZ,mBAAmB,CAACW,IAApB,GAA2BA,gBAA3B;AACAX,mBAAmB,CAACmB,IAApB,GAA2BA,gBAA3B;eAEenB,mB;;AAEfA,mBAAmB,CAACoB,SAApB,GAAgC;EAC5BlB,GAAG,EAAEmB,qBAAA,CAAUC,MADa;EAE5Bf,QAAQ,EAAEc,qBAAA,CAAUE;AAFQ,CAAhC"}
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
// @import (reference) '~antd/es/style/themes/index.less';
|
|
2
|
-
@prefix-cls: vtx-statistics-column;
|
|
3
|
-
@border-radius-base: 2px;
|
|
4
|
-
@primary-color: #1890ff;
|
|
5
|
-
@text-color: fade(#000, 65%);
|
|
6
|
-
|
|
7
|
-
.@{prefix-cls} {
|
|
8
|
-
position: relative;
|
|
9
|
-
padding: 20px;
|
|
10
|
-
background: #fff;
|
|
11
|
-
&-nowrap {
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
white-space: nowrap;
|
|
14
|
-
}
|
|
15
|
-
&-item {
|
|
16
|
-
position: relative;
|
|
17
|
-
display: inline-block;
|
|
18
|
-
text-align: center;
|
|
19
|
-
&-space {
|
|
20
|
-
padding: 0 24px;
|
|
21
|
-
}
|
|
22
|
-
&--label {
|
|
23
|
-
margin-bottom: 8px;
|
|
24
|
-
color: @text-color;
|
|
25
|
-
line-height: 1;
|
|
26
|
-
}
|
|
27
|
-
&--value {
|
|
28
|
-
color: rgba(0, 0, 0, 0.85);
|
|
29
|
-
font-size: 24px;
|
|
30
|
-
line-height: 1;
|
|
31
|
-
}
|
|
32
|
-
&_pointer {
|
|
33
|
-
cursor: pointer;
|
|
34
|
-
}
|
|
35
|
-
&-total &--value {
|
|
36
|
-
color: #13c2c2;
|
|
37
|
-
}
|
|
38
|
-
&-total {
|
|
39
|
-
&::after {
|
|
40
|
-
position: absolute;
|
|
41
|
-
top: 50%;
|
|
42
|
-
right: 0;
|
|
43
|
-
width: 1px;
|
|
44
|
-
height: 42px;
|
|
45
|
-
background: #e8e8e8;
|
|
46
|
-
transform: translate(0, -50%);
|
|
47
|
-
content: '';
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
&-back {
|
|
52
|
-
position: absolute;
|
|
53
|
-
top: 0;
|
|
54
|
-
left: 0;
|
|
55
|
-
padding: 0 5px;
|
|
56
|
-
color: #fff;
|
|
57
|
-
background-color: @primary-color;
|
|
58
|
-
border-radius: @border-radius-base 0 @border-radius-base 0;
|
|
59
|
-
cursor: pointer;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
1
|
+
// @import (reference) '~antd/es/style/themes/index.less';
|
|
2
|
+
@prefix-cls: vtx-statistics-column;
|
|
3
|
+
@border-radius-base: 2px;
|
|
4
|
+
@primary-color: #1890ff;
|
|
5
|
+
@text-color: fade(#000, 65%);
|
|
6
|
+
|
|
7
|
+
.@{prefix-cls} {
|
|
8
|
+
position: relative;
|
|
9
|
+
padding: 20px;
|
|
10
|
+
background: #fff;
|
|
11
|
+
&-nowrap {
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
white-space: nowrap;
|
|
14
|
+
}
|
|
15
|
+
&-item {
|
|
16
|
+
position: relative;
|
|
17
|
+
display: inline-block;
|
|
18
|
+
text-align: center;
|
|
19
|
+
&-space {
|
|
20
|
+
padding: 0 24px;
|
|
21
|
+
}
|
|
22
|
+
&--label {
|
|
23
|
+
margin-bottom: 8px;
|
|
24
|
+
color: @text-color;
|
|
25
|
+
line-height: 1;
|
|
26
|
+
}
|
|
27
|
+
&--value {
|
|
28
|
+
color: rgba(0, 0, 0, 0.85);
|
|
29
|
+
font-size: 24px;
|
|
30
|
+
line-height: 1;
|
|
31
|
+
}
|
|
32
|
+
&_pointer {
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
}
|
|
35
|
+
&-total &--value {
|
|
36
|
+
color: #13c2c2;
|
|
37
|
+
}
|
|
38
|
+
&-total {
|
|
39
|
+
&::after {
|
|
40
|
+
position: absolute;
|
|
41
|
+
top: 50%;
|
|
42
|
+
right: 0;
|
|
43
|
+
width: 1px;
|
|
44
|
+
height: 42px;
|
|
45
|
+
background: #e8e8e8;
|
|
46
|
+
transform: translate(0, -50%);
|
|
47
|
+
content: '';
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
&-back {
|
|
52
|
+
position: absolute;
|
|
53
|
+
top: 0;
|
|
54
|
+
left: 0;
|
|
55
|
+
padding: 0 5px;
|
|
56
|
+
color: #fff;
|
|
57
|
+
background-color: @primary-color;
|
|
58
|
+
border-radius: @border-radius-base 0 @border-radius-base 0;
|
|
59
|
+
cursor: pointer;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
@@ -4,20 +4,31 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _timePicker = _interopRequireDefault(require("antd/es/time-picker"));
|
|
11
|
+
|
|
9
12
|
var _moment = _interopRequireDefault(require("moment"));
|
|
13
|
+
|
|
10
14
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
+
|
|
11
16
|
var _excluded = ["value", "format"];
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
13
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
|
+
|
|
14
22
|
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; }
|
|
23
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
function VtxTimePicker(props, ref) {
|
|
17
27
|
var value = props.value,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
28
|
+
_props$format = props.format,
|
|
29
|
+
format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
|
|
30
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
31
|
+
|
|
21
32
|
var newValue = value ? _moment["default"].isMoment(value) ? value : (0, _moment["default"])(value, format) : null;
|
|
22
33
|
return /*#__PURE__*/_react["default"].createElement(_timePicker["default"], _extends({
|
|
23
34
|
value: newValue,
|
|
@@ -26,7 +37,9 @@ function VtxTimePicker(props, ref) {
|
|
|
26
37
|
ref: ref
|
|
27
38
|
}));
|
|
28
39
|
}
|
|
40
|
+
|
|
29
41
|
var _default = /*#__PURE__*/_react["default"].forwardRef(VtxTimePicker);
|
|
42
|
+
|
|
30
43
|
exports["default"] = _default;
|
|
31
44
|
VtxTimePicker.propTypes = {
|
|
32
45
|
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].instanceOf(_moment["default"])]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VtxTimePicker","props","ref","value","format","rest","newValue","moment","isMoment","React","forwardRef","propTypes","PropTypes","oneOfType","string","instanceOf"],"sources":["vtx-time-picker/index.jsx"],"sourcesContent":["import React from 'react';\nimport TimePicker from 'antd/es/time-picker';\nimport moment from 'moment';\nimport PropTypes from 'prop-types';\n\nfunction VtxTimePicker(props, ref) {\n const { value, format = 'HH:mm:ss', ...rest } = props;\n const newValue = value ? (moment.isMoment(value) ? value : moment(value, format)) : null;\n return <TimePicker value={newValue} format={format} {...rest} ref={ref} />;\n}\n\nexport default React.forwardRef(VtxTimePicker);\n\nVtxTimePicker.propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\n format: PropTypes.string,\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":["VtxTimePicker","props","ref","value","format","rest","newValue","moment","isMoment","React","forwardRef","propTypes","PropTypes","oneOfType","string","instanceOf"],"sources":["vtx-time-picker/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport TimePicker from 'antd/es/time-picker';\r\nimport moment from 'moment';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction VtxTimePicker(props, ref) {\r\n const { value, format = 'HH:mm:ss', ...rest } = props;\r\n const newValue = value ? (moment.isMoment(value) ? value : moment(value, format)) : null;\r\n return <TimePicker value={newValue} format={format} {...rest} ref={ref} />;\r\n}\r\n\r\nexport default React.forwardRef(VtxTimePicker);\r\n\r\nVtxTimePicker.propTypes = {\r\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(moment)]),\r\n format: PropTypes.string,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8BC,GAA9B,EAAmC;EAC/B,IAAQC,KAAR,GAAgDF,KAAhD,CAAQE,KAAR;EAAA,oBAAgDF,KAAhD,CAAeG,MAAf;EAAA,IAAeA,MAAf,8BAAwB,UAAxB;EAAA,IAAuCC,IAAvC,4BAAgDJ,KAAhD;;EACA,IAAMK,QAAQ,GAAGH,KAAK,GAAII,kBAAA,CAAOC,QAAP,CAAgBL,KAAhB,IAAyBA,KAAzB,GAAiC,IAAAI,kBAAA,EAAOJ,KAAP,EAAcC,MAAd,CAArC,GAA8D,IAApF;EACA,oBAAO,gCAAC,sBAAD;IAAY,KAAK,EAAEE,QAAnB;IAA6B,MAAM,EAAEF;EAArC,GAAiDC,IAAjD;IAAuD,GAAG,EAAEH;EAA5D,GAAP;AACH;;4BAEcO,iBAAA,CAAMC,UAAN,CAAiBV,aAAjB,C;;;AAEfA,aAAa,CAACW,SAAd,GAA0B;EACtBR,KAAK,EAAES,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,MAAX,EAAmBF,qBAAA,CAAUG,UAAV,CAAqBR,kBAArB,CAAnB,CAApB,CADe;EAEtBH,MAAM,EAAEQ,qBAAA,CAAUE;AAFI,CAA1B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-time-picker/style/index.js"],"sourcesContent":["import 'antd/es/time-picker/style/index';\n"],"mappings":";;AAAA"}
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-time-picker/style/index.js"],"sourcesContent":["import 'antd/es/time-picker/style/index';\r\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-time-picker/style/index.js"],"sourcesContent":["import 'antd/es/time-picker/style/index';\n"],"mappings":";;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-time-picker/style/index.js"],"sourcesContent":["import 'antd/es/time-picker/style/index';\r\n"],"mappings":";;AAAA"}
|
|
@@ -4,25 +4,36 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _simple_player = _interopRequireDefault(require("xgplayer/dist/simple_player"));
|
|
13
|
+
|
|
10
14
|
var _controls = require("xgplayer/dist/controls");
|
|
15
|
+
|
|
11
16
|
var _modal = _interopRequireDefault(require("antd/es/modal"));
|
|
17
|
+
|
|
12
18
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
|
|
14
22
|
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; }
|
|
23
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
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; }
|
|
27
|
+
|
|
17
28
|
function Preview(props) {
|
|
18
29
|
var type = props.type,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
30
|
+
name = props.name,
|
|
31
|
+
url = props.url,
|
|
32
|
+
downloadUrl = props.downloadUrl,
|
|
33
|
+
visible = props.visible,
|
|
34
|
+
onCancel = props.onCancel;
|
|
24
35
|
var player = null,
|
|
25
|
-
|
|
36
|
+
timer = null;
|
|
26
37
|
timer = setTimeout(function () {
|
|
27
38
|
if (type == 'video' && document.getElementById('vs')) {
|
|
28
39
|
player = new _simple_player["default"]({
|
|
@@ -30,12 +41,11 @@ function Preview(props) {
|
|
|
30
41
|
url: url,
|
|
31
42
|
width: 600,
|
|
32
43
|
height: 337.5,
|
|
33
|
-
controlPlugins: [_controls.volume,
|
|
34
|
-
//音量
|
|
44
|
+
controlPlugins: [_controls.volume, //音量
|
|
35
45
|
_controls.playbackRate //播放倍速
|
|
36
46
|
],
|
|
37
|
-
|
|
38
47
|
playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
|
|
48
|
+
|
|
39
49
|
});
|
|
40
50
|
}
|
|
41
51
|
}, 500);
|
|
@@ -58,22 +68,26 @@ function Preview(props) {
|
|
|
58
68
|
}
|
|
59
69
|
}, "\u4E0B\u8F7D")]
|
|
60
70
|
};
|
|
71
|
+
|
|
61
72
|
if (type == 'file') {
|
|
62
73
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
63
74
|
wrapClassName: 'vtx-modal-maxClass'
|
|
64
75
|
});
|
|
65
76
|
}
|
|
77
|
+
|
|
66
78
|
if (type == 'video') {
|
|
67
79
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
68
80
|
width: 648
|
|
69
81
|
});
|
|
70
82
|
}
|
|
83
|
+
|
|
71
84
|
var cancel = function cancel() {
|
|
72
85
|
//销毁播放器
|
|
73
86
|
player && player.destroy();
|
|
74
87
|
timer && clearTimeout(timer);
|
|
75
88
|
onCancel();
|
|
76
89
|
};
|
|
90
|
+
|
|
77
91
|
return /*#__PURE__*/_react["default"].createElement(_modal["default"], modalProps, type == 'file' ? /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
78
92
|
src: url,
|
|
79
93
|
style: {
|
|
@@ -85,6 +99,7 @@ function Preview(props) {
|
|
|
85
99
|
id: "vs"
|
|
86
100
|
}) : null);
|
|
87
101
|
}
|
|
102
|
+
|
|
88
103
|
Preview.propTypes = {
|
|
89
104
|
type: _propTypes["default"].string,
|
|
90
105
|
name: _propTypes["default"].string,
|
|
@@ -95,13 +110,17 @@ Preview.propTypes = {
|
|
|
95
110
|
};
|
|
96
111
|
var _default = Preview;
|
|
97
112
|
exports["default"] = _default;
|
|
113
|
+
|
|
98
114
|
var createForm = function createForm(reqURL) {
|
|
99
115
|
var formDom = document.createElement('form'); //定义一个form表单
|
|
116
|
+
|
|
100
117
|
formDom.method = 'post';
|
|
101
118
|
formDom.action = reqURL;
|
|
102
119
|
formDom.style = 'display:none';
|
|
103
120
|
document.body.appendChild(formDom); //将表单放置在web中
|
|
121
|
+
|
|
104
122
|
formDom.submit(); //表单提交
|
|
123
|
+
|
|
105
124
|
formDom.remove();
|
|
106
125
|
};
|
|
107
126
|
//# sourceMappingURL=FilePreview.js.map
|