@vtx/components 2.5.7 → 2.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/_util/filterSpecialCharacters.js +54 -43
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +1 -4
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js +0 -6
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +0 -1
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +0 -1
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useInterval.js +0 -3
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +16 -34
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +40 -62
- package/lib/index.js.map +1 -1
- package/lib/vtx-color-picker/index.js +7 -23
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +0 -2
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +0 -2
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +37 -77
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +22 -47
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +0 -7
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +0 -7
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +3 -11
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +15 -37
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +2 -13
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +79 -139
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +6 -36
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +0 -10
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +0 -10
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +18 -48
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +9 -32
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +16 -57
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +2 -8
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +0 -1
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +0 -1
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-editor/index.js +7 -25
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +0 -2
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +0 -2
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-export/index.js +22 -54
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +0 -6
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +0 -6
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +6 -27
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +0 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +10 -35
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +2 -7
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +0 -6
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +0 -2
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/index.js +8 -22
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +0 -8
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +0 -8
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +57 -93
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +23 -54
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +13 -42
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +1 -7
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +0 -1
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +0 -1
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-import/index.js +39 -74
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +8 -25
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +0 -2
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +0 -2
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-input/TextArea.js +8 -24
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +15 -41
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +0 -1
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +0 -1
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +4 -16
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +1 -6
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +33 -71
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +0 -2
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +0 -2
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +2 -6
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +9 -21
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +2 -10
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +15 -45
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +5 -17
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +16 -46
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +0 -8
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +52 -63
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +23 -59
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js +0 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js +0 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +2 -23
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +6 -12
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +39 -90
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +0 -5
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +0 -5
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +41 -70
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +0 -2
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +0 -2
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +24 -68
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +0 -8
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +0 -8
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-signature/index.js +15 -29
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +0 -2
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +0 -2
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +5 -17
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +14 -34
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +49 -101
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +0 -4
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +0 -3
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +0 -3
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js +2 -8
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +8 -25
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +8 -25
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +0 -2
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +0 -16
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +4 -17
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +11 -30
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +70 -136
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +0 -6
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +0 -6
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-ztree/index.js +57 -109
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +0 -1
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +0 -1
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +46 -105
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +0 -4
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +0 -4
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC,SAASA,IAAI,CAACC,KAAK,EAAE;EACjB,IAAQC,KAAK,GAA8BD,KAAK,CAAxCC,KAAK;IAAEC,KAAK,GAAuBF,KAAK,CAAjCE,KAAK;IAAEC,SAAS,GAAYH,KAAK,CAA1BG,SAAS;IAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACtC,kBAA0B,IAAAC,iBAAU,EAACC,iBAAQ,CAAC;IAAtCC,IAAI,eAAJA,IAAI;IAAEC,OAAO,eAAPA,OAAO;EAErB,IAAIC,QAAQ,GAAG,CAAC,CAAC;EACjB,IAAID,OAAO,EAAE;IACTC,QAAQ,GAAG;MACPC,KAAK,YAAK,GAAG,GAAGH,IAAI;IACxB,CAAC;EACL;EAEA,oBACI;IACI,SAAS,EAAE,IAAAI,sBAAU,EACjB,4BAA4B,EAC5B;MAAE,kCAAkC,EAAE,CAACH;IAAQ,CAAC,EAChDL,SAAS,CACX;IACF,KAAK,kCAAOM,QAAQ,GAAKL,KAAK;EAAG,gBAEjC;IAAK,SAAS,EAAC;EAAmC,GAAEH,KAAK,CAAO,eAChE;IAAK,SAAS,EAAC;EAAmC,GAAEC,KAAK,CAAO,CAC9D;AAEd;AAEAH,IAAI,CAACa,SAAS,GAAG;EACbX,KAAK,EAAEY,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EACzEf,KAAK,EAAEW,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACK,MAAM,EAAEL,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC;EAChFb,SAAS,EAAEU,qBAAS,CAACE,MAAM;EAC3BX,KAAK,EAAES,qBAAS,CAACM;AACrB,CAAC;AAAC,eAEapB,IAAI;AAAA"}
|
|
@@ -1,50 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
4
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _context = require("./context");
|
|
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
|
-
function
|
|
25
|
-
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
27
|
-
|
|
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; }
|
|
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; }
|
|
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
|
function Total(props) {
|
|
31
19
|
var label = props.label,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
20
|
+
value = props.value,
|
|
21
|
+
className = props.className,
|
|
22
|
+
style = props.style;
|
|
36
23
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
24
|
+
cols = _useContext.cols,
|
|
25
|
+
isTiled = _useContext.isTiled;
|
|
40
26
|
var newStyle = {};
|
|
41
|
-
|
|
42
27
|
if (isTiled) {
|
|
43
28
|
newStyle = {
|
|
44
29
|
width: "".concat(100 / cols, "%")
|
|
45
30
|
};
|
|
46
31
|
}
|
|
47
|
-
|
|
48
32
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
49
33
|
className: (0, _classnames["default"])('vtx-statistics-column-item', 'vtx-statistics-column-item-total', {
|
|
50
34
|
'vtx-statistics-column-item-space': !isTiled
|
|
@@ -56,7 +40,6 @@ function Total(props) {
|
|
|
56
40
|
className: "vtx-statistics-column-item--value"
|
|
57
41
|
}, value));
|
|
58
42
|
}
|
|
59
|
-
|
|
60
43
|
Total.propTypes = {
|
|
61
44
|
label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]).isRequired,
|
|
62
45
|
value: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string, _propTypes["default"].node]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC,SAASA,KAAK,CAACC,KAAK,EAAE;EAClB,IAAQC,KAAK,GAA8BD,KAAK,CAAxCC,KAAK;IAAEC,KAAK,GAAuBF,KAAK,CAAjCE,KAAK;IAAEC,SAAS,GAAYH,KAAK,CAA1BG,SAAS;IAAEC,KAAK,GAAKJ,KAAK,CAAfI,KAAK;EACtC,kBAA0B,IAAAC,iBAAU,EAACC,iBAAQ,CAAC;IAAtCC,IAAI,eAAJA,IAAI;IAAEC,OAAO,eAAPA,OAAO;EAErB,IAAIC,QAAQ,GAAG,CAAC,CAAC;EACjB,IAAID,OAAO,EAAE;IACTC,QAAQ,GAAG;MACPC,KAAK,YAAK,GAAG,GAAGH,IAAI;IACxB,CAAC;EACL;EAEA,oBACI;IACI,SAAS,EAAE,IAAAI,sBAAU,EACjB,4BAA4B,EAC5B,kCAAkC,EAClC;MAAE,kCAAkC,EAAE,CAACH;IAAQ,CAAC,EAChDL,SAAS,CACX;IACF,KAAK,kCAAOM,QAAQ,GAAKL,KAAK;EAAG,gBAEjC;IAAK,SAAS,EAAC;EAAmC,GAAEH,KAAK,CAAO,eAChE;IAAK,SAAS,EAAC;EAAmC,GAAEC,KAAK,CAAO,CAC9D;AAEd;AAEAH,KAAK,CAACa,SAAS,GAAG;EACdX,KAAK,EAAEY,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EACzEf,KAAK,EAAEW,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACK,MAAM,EAAEL,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,IAAI,CAAC,CAAC;EAChFb,SAAS,EAAEU,qBAAS,CAACE,MAAM;EAC3BX,KAAK,EAAES,qBAAS,CAACM;AACrB,CAAC;AAAC,eAEapB,KAAK;AAAA"}
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StoreCtx = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
|
|
11
9
|
exports.StoreCtx = StoreCtx;
|
|
12
10
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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,CAAC,CAAC,CAAC;AAAC"}
|
|
@@ -4,53 +4,37 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _vtxScrollableRow = _interopRequireDefault(require("../vtx-scrollable-row"));
|
|
15
|
-
|
|
16
11
|
var _Total = _interopRequireDefault(require("./Total"));
|
|
17
|
-
|
|
18
12
|
var _Item = _interopRequireDefault(require("./Item"));
|
|
19
|
-
|
|
20
13
|
var _Back = _interopRequireDefault(require("./Back"));
|
|
21
|
-
|
|
22
14
|
var _context = require("./context");
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
16
|
function VtxStatisticsColumn(props) {
|
|
27
17
|
var max = props.max;
|
|
28
|
-
|
|
29
18
|
var items = _react["default"].Children.toArray(props.children).filter(function (c) {
|
|
30
19
|
return c.type === VtxStatisticsColumn.Item || c.type === VtxStatisticsColumn.Total;
|
|
31
20
|
});
|
|
32
|
-
|
|
33
21
|
var isTiled = 'max' in props ? max > items.length : true;
|
|
34
22
|
var store = {
|
|
35
23
|
isTiled: isTiled,
|
|
36
24
|
cols: items.length
|
|
37
25
|
};
|
|
38
|
-
|
|
39
26
|
var content = /*#__PURE__*/_react["default"].createElement("div", {
|
|
40
27
|
className: (0, _classnames["default"])('vtx-statistics-column', {
|
|
41
28
|
'vtx-statistics-column-nowrap': !isTiled
|
|
42
29
|
})
|
|
43
30
|
}, props.children);
|
|
44
|
-
|
|
45
31
|
if (!isTiled) {
|
|
46
32
|
content = /*#__PURE__*/_react["default"].createElement(_vtxScrollableRow["default"], null, content);
|
|
47
33
|
}
|
|
48
|
-
|
|
49
34
|
return /*#__PURE__*/_react["default"].createElement(_context.StoreCtx.Provider, {
|
|
50
35
|
value: store
|
|
51
36
|
}, content);
|
|
52
37
|
}
|
|
53
|
-
|
|
54
38
|
VtxStatisticsColumn.Total = _Total["default"];
|
|
55
39
|
VtxStatisticsColumn.Item = _Item["default"];
|
|
56
40
|
VtxStatisticsColumn.Back = _Back["default"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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;AAAqC;AAErC,SAASA,mBAAmB,CAACC,KAAK,EAAE;EAChC,IAAQC,GAAG,GAAKD,KAAK,CAAbC,GAAG;EACX,IAAMC,KAAK,GAAGC,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACL,KAAK,CAACM,QAAQ,CAAC,CAACC,MAAM,CACvD,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,KAAKV,mBAAmB,CAACW,IAAI,IAAIF,CAAC,CAACC,IAAI,KAAKV,mBAAmB,CAACY,KAAK;EAAA,EACnF;EACD,IAAMC,OAAO,GAAG,KAAK,IAAIZ,KAAK,GAAGC,GAAG,GAAGC,KAAK,CAACW,MAAM,GAAG,IAAI;EAC1D,IAAMC,KAAK,GAAG;IACVF,OAAO,EAAPA,OAAO;IACPG,IAAI,EAAEb,KAAK,CAACW;EAChB,CAAC;EACD,IAAIG,OAAO,gBACP;IACI,SAAS,EAAE,IAAAC,sBAAU,EAAC,uBAAuB,EAAE;MAC3C,8BAA8B,EAAE,CAACL;IACrC,CAAC;EAAE,GAEFZ,KAAK,CAACM,QAAQ,CAEtB;EACD,IAAI,CAACM,OAAO,EAAE;IACVI,OAAO,gBAAG,gCAAC,4BAAgB,QAAEA,OAAO,CAAoB;EAC5D;EACA,oBAAO,gCAAC,iBAAQ,CAAC,QAAQ;IAAC,KAAK,EAAEF;EAAM,GAAEE,OAAO,CAAqB;AACzE;AAEAjB,mBAAmB,CAACY,KAAK,GAAGA,iBAAK;AACjCZ,mBAAmB,CAACW,IAAI,GAAGA,gBAAI;AAC/BX,mBAAmB,CAACmB,IAAI,GAAGA,gBAAI;AAAC,eAEjBnB,mBAAmB;AAAA;AAElCA,mBAAmB,CAACoB,SAAS,GAAG;EAC5BlB,GAAG,EAAEmB,qBAAS,CAACC,MAAM;EACrBf,QAAQ,EAAEc,qBAAS,CAACE;AACxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-statistics-column/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-statistics-column/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _timePicker = _interopRequireDefault(require("antd/es/time-picker"));
|
|
11
|
-
|
|
12
9
|
var _moment = _interopRequireDefault(require("moment"));
|
|
13
|
-
|
|
14
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["value", "format"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
|
-
function _extends() { _extends = Object.assign || 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
|
-
|
|
13
|
+
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); }
|
|
22
14
|
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
|
-
|
|
24
15
|
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
|
-
|
|
26
16
|
function VtxTimePicker(props, ref) {
|
|
27
17
|
var value = props.value,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
_props$format = props.format,
|
|
19
|
+
format = _props$format === void 0 ? 'HH:mm:ss' : _props$format,
|
|
20
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
32
21
|
var newValue = value ? _moment["default"].isMoment(value) ? value : (0, _moment["default"])(value, format) : null;
|
|
33
22
|
return /*#__PURE__*/_react["default"].createElement(_timePicker["default"], _extends({
|
|
34
23
|
value: newValue,
|
|
@@ -37,9 +26,7 @@ function VtxTimePicker(props, ref) {
|
|
|
37
26
|
ref: ref
|
|
38
27
|
}));
|
|
39
28
|
}
|
|
40
|
-
|
|
41
29
|
var _default = /*#__PURE__*/_react["default"].forwardRef(VtxTimePicker);
|
|
42
|
-
|
|
43
30
|
exports["default"] = _default;
|
|
44
31
|
VtxTimePicker.propTypes = {
|
|
45
32
|
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].instanceOf(_moment["default"])]),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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":";;;;;;AAAA;AACA;AACA;AACA;AAAmC;AAAA;AAAA;AAAA;AAAA;AAEnC,SAASA,aAAa,CAACC,KAAK,EAAEC,GAAG,EAAE;EAC/B,IAAQC,KAAK,GAAmCF,KAAK,CAA7CE,KAAK;IAAA,gBAAmCF,KAAK,CAAtCG,MAAM;IAANA,MAAM,8BAAG,UAAU;IAAKC,IAAI,4BAAKJ,KAAK;EACrD,IAAMK,QAAQ,GAAGH,KAAK,GAAII,kBAAM,CAACC,QAAQ,CAACL,KAAK,CAAC,GAAGA,KAAK,GAAG,IAAAI,kBAAM,EAACJ,KAAK,EAAEC,MAAM,CAAC,GAAI,IAAI;EACxF,oBAAO,gCAAC,sBAAU;IAAC,KAAK,EAAEE,QAAS;IAAC,MAAM,EAAEF;EAAO,GAAKC,IAAI;IAAE,GAAG,EAAEH;EAAI,GAAG;AAC9E;AAAC,4BAEcO,iBAAK,CAACC,UAAU,CAACV,aAAa,CAAC;AAAA;AAE9CA,aAAa,CAACW,SAAS,GAAG;EACtBR,KAAK,EAAES,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,UAAU,CAACR,kBAAM,CAAC,CAAC,CAAC;EAC5EH,MAAM,EAAEQ,qBAAS,CAACE;AACtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|
|
@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _simple_player = _interopRequireDefault(require("xgplayer/dist/simple_player"));
|
|
13
|
-
|
|
14
10
|
var _controls = require("xgplayer/dist/controls");
|
|
15
|
-
|
|
16
11
|
var _modal = _interopRequireDefault(require("antd/es/modal"));
|
|
17
|
-
|
|
18
12
|
var _button = _interopRequireDefault(require("antd/es/button"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
-
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
26
16
|
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
|
-
|
|
28
17
|
function Preview(props) {
|
|
29
18
|
var type = props.type,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
name = props.name,
|
|
20
|
+
url = props.url,
|
|
21
|
+
downloadUrl = props.downloadUrl,
|
|
22
|
+
visible = props.visible,
|
|
23
|
+
onCancel = props.onCancel;
|
|
35
24
|
var player = null,
|
|
36
|
-
|
|
25
|
+
timer = null;
|
|
37
26
|
timer = setTimeout(function () {
|
|
38
27
|
if (type == 'video' && document.getElementById('vs')) {
|
|
39
28
|
player = new _simple_player["default"]({
|
|
@@ -41,11 +30,12 @@ function Preview(props) {
|
|
|
41
30
|
url: url,
|
|
42
31
|
width: 600,
|
|
43
32
|
height: 337.5,
|
|
44
|
-
controlPlugins: [_controls.volume,
|
|
33
|
+
controlPlugins: [_controls.volume,
|
|
34
|
+
//音量
|
|
45
35
|
_controls.playbackRate //播放倍速
|
|
46
36
|
],
|
|
47
|
-
playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
|
|
48
37
|
|
|
38
|
+
playbackRate: [0.5, 0.75, 1, 1.5, 2] //传入倍速可选数组
|
|
49
39
|
});
|
|
50
40
|
}
|
|
51
41
|
}, 500);
|
|
@@ -68,26 +58,22 @@ function Preview(props) {
|
|
|
68
58
|
}
|
|
69
59
|
}, "\u4E0B\u8F7D")]
|
|
70
60
|
};
|
|
71
|
-
|
|
72
61
|
if (type == 'file') {
|
|
73
62
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
74
63
|
wrapClassName: 'vtx-modal-maxClass'
|
|
75
64
|
});
|
|
76
65
|
}
|
|
77
|
-
|
|
78
66
|
if (type == 'video') {
|
|
79
67
|
modalProps = _objectSpread(_objectSpread({}, modalProps), {}, {
|
|
80
68
|
width: 648
|
|
81
69
|
});
|
|
82
70
|
}
|
|
83
|
-
|
|
84
71
|
var cancel = function cancel() {
|
|
85
72
|
//销毁播放器
|
|
86
73
|
player && player.destroy();
|
|
87
74
|
timer && clearTimeout(timer);
|
|
88
75
|
onCancel();
|
|
89
76
|
};
|
|
90
|
-
|
|
91
77
|
return /*#__PURE__*/_react["default"].createElement(_modal["default"], modalProps, type == 'file' ? /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
92
78
|
src: url,
|
|
93
79
|
style: {
|
|
@@ -99,7 +85,6 @@ function Preview(props) {
|
|
|
99
85
|
id: "vs"
|
|
100
86
|
}) : null);
|
|
101
87
|
}
|
|
102
|
-
|
|
103
88
|
Preview.propTypes = {
|
|
104
89
|
type: _propTypes["default"].string,
|
|
105
90
|
name: _propTypes["default"].string,
|
|
@@ -110,17 +95,13 @@ Preview.propTypes = {
|
|
|
110
95
|
};
|
|
111
96
|
var _default = Preview;
|
|
112
97
|
exports["default"] = _default;
|
|
113
|
-
|
|
114
98
|
var createForm = function createForm(reqURL) {
|
|
115
99
|
var formDom = document.createElement('form'); //定义一个form表单
|
|
116
|
-
|
|
117
100
|
formDom.method = 'post';
|
|
118
101
|
formDom.action = reqURL;
|
|
119
102
|
formDom.style = 'display:none';
|
|
120
103
|
document.body.appendChild(formDom); //将表单放置在web中
|
|
121
|
-
|
|
122
104
|
formDom.submit(); //表单提交
|
|
123
|
-
|
|
124
105
|
formDom.remove();
|
|
125
106
|
};
|
|
126
107
|
//# sourceMappingURL=FilePreview.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"FilePreview.js","names":["Preview","props","type","name","url","downloadUrl","visible","onCancel","player","timer","setTimeout","document","getElementById","Player","id","width","height","controlPlugins","volume","playbackRate","modalProps","title","cancel","footer","createForm","wrapClassName","destroy","clearTimeout","border","propTypes","PropTypes","string","bool","func","reqURL","formDom","createElement","method","action","style","body","appendChild","submit","remove"],"sources":["vtx-upload/FilePreview.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Player from 'xgplayer/dist/simple_player';\nimport { volume, playbackRate } from 'xgplayer/dist/controls';\nimport Modal from 'antd/es/modal';\nimport Button from 'antd/es/button';\n\nfunction Preview(props) {\n const { type, name, url, downloadUrl, visible, onCancel } = props;\n\n let player = null,\n timer = null;\n timer = setTimeout(() => {\n if (type == 'video' && document.getElementById('vs')) {\n player = new Player({\n id: 'vs',\n url: url,\n width: 600,\n height: 337.5,\n controlPlugins: [\n volume, //音量\n playbackRate, //播放倍速\n ],\n playbackRate: [0.5, 0.75, 1, 1.5, 2], //传入倍速可选数组\n });\n }\n }, 500);\n\n let modalProps = {\n title: name,\n visible,\n onCancel: () => cancel(),\n footer: [\n <Button key=\"close\" onClick={() => cancel()}>\n 关闭\n </Button>,\n <Button key=\"download\" type=\"primary\" onClick={() => createForm(downloadUrl)}>\n 下载\n </Button>,\n ],\n };\n if (type == 'file') {\n modalProps = {\n ...modalProps,\n wrapClassName: 'vtx-modal-maxClass',\n };\n }\n if (type == 'video') {\n modalProps = {\n ...modalProps,\n width: 648,\n };\n }\n\n const cancel = () => {\n //销毁播放器\n player && player.destroy();\n timer && clearTimeout(timer);\n onCancel();\n };\n\n return (\n <Modal {...modalProps}>\n {type == 'file' ? (\n <iframe\n src={url}\n style={{ height: '100%', width: '100%', border: 'none' }}\n ></iframe>\n ) : null}\n {type == 'video' ? <div id=\"vs\"></div> : null}\n </Modal>\n );\n}\n\nPreview.propTypes = {\n type: PropTypes.string,\n name: PropTypes.string,\n url: PropTypes.string,\n visible: PropTypes.bool,\n onCancel: PropTypes.func,\n downloadUrl: PropTypes.string,\n};\n\nexport default Preview;\n\nconst createForm = function(reqURL) {\n let formDom = document.createElement('form'); //定义一个form表单\n formDom.method = 'post';\n formDom.action = reqURL;\n formDom.style = 'display:none';\n document.body.appendChild(formDom); //将表单放置在web中\n formDom.submit(); //表单提交\n formDom.remove();\n};\n"],"mappings":"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"}
|