@vtx/components 3.1.97 → 3.1.99
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 +44 -55
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +4 -1
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getToken.js +15 -7
- package/lib/_util/getToken.js.map +1 -1
- package/lib/_util/getUrlParam.js +8 -1
- 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/useColSize.js +12 -2
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +39 -23
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js +2 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +29 -0
- package/lib/index.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js +28 -11
- 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 +86 -46
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +58 -32
- 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-datagrid/Alert.js +14 -5
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +76 -37
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +15 -3
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +186 -115
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +38 -7
- 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-date-picker/QdatePicker.js +51 -21
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +65 -24
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +7 -1
- 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 +39 -39
- package/lib/vtx-editor/index.js +28 -9
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +1 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +1 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js +27 -14
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +1 -0
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +1 -0
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/index.js +69 -36
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +5 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +5 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-export-async/History.js +100 -59
- package/lib/vtx-export-async/History.js.map +1 -1
- package/lib/vtx-export-async/index.js +105 -64
- package/lib/vtx-export-async/index.js.map +1 -1
- package/lib/vtx-export-async/style/css.js.map +1 -1
- package/lib/vtx-export-async/style/index.js.map +1 -1
- package/lib/vtx-export-async/util.js +13 -2
- package/lib/vtx-export-async/util.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +33 -11
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +11 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +34 -12
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +9 -3
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +8 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +4 -1
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js +24 -9
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +7 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +7 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +216 -216
- package/lib/vtx-image/Image.js +113 -73
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +59 -30
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +47 -17
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +11 -4
- 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-import/index.js +78 -45
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +28 -10
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +3 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +3 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js +8 -1
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +33 -11
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +6 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +14 -7
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +6 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +107 -51
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +3 -0
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +3 -0
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js +27 -10
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +45 -20
- 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 +24 -24
- package/lib/vtx-input/useLength.js +20 -7
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +8 -2
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +82 -49
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +1 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +1 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +8 -3
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +26 -15
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +12 -3
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +60 -30
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +22 -11
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +51 -23
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +10 -1
- 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-page-layout/style/index.less +138 -138
- package/lib/vtx-rps-frame/index.js +57 -37
- 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 +64 -30
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js +26 -7
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +14 -7
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +106 -61
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +4 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +4 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +93 -58
- 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 +91 -39
- 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 +68 -68
- package/lib/vtx-signature/index.js +33 -18
- 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 +33 -33
- package/lib/vtx-split-pane/Pane.js +22 -11
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +39 -19
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +107 -51
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +6 -1
- 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 +76 -76
- package/lib/vtx-statistics-column/Back.js +9 -2
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +30 -14
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +30 -14
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +4 -1
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +18 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js +1 -0
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js +1 -0
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js +18 -4
- 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-tree/index.js +114 -49
- package/lib/vtx-tree/index.js.map +1 -1
- package/lib/vtx-tree/style/css.js +2 -0
- package/lib/vtx-tree/style/css.js.map +1 -1
- package/lib/vtx-tree/style/index.js +2 -0
- package/lib/vtx-tree/style/index.js.map +1 -1
- package/lib/vtx-tree/utils.js +27 -6
- package/lib/vtx-tree/utils.js.map +1 -1
- package/lib/vtx-tree-select/index.js +71 -27
- package/lib/vtx-tree-select/index.js.map +1 -1
- package/lib/vtx-tree-select/style/css.js +3 -0
- package/lib/vtx-tree-select/style/css.js.map +1 -1
- package/lib/vtx-tree-select/style/index.js +3 -0
- package/lib/vtx-tree-select/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +33 -15
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +156 -79
- 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 +61 -61
- package/lib/vtx-wang-editor/index.js +116 -74
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +1 -0
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +1 -0
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js +136 -75
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +119 -69
- 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 +45 -45
- package/lib/vtx-ztree-select/index.js +143 -74
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +3 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +3 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +109 -109
- package/package.json +121 -121
|
@@ -1,52 +1,73 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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;
|
|
8
9
|
exports.isTransformSupported = isTransformSupported;
|
|
9
10
|
exports.setTransform = setTransform;
|
|
11
|
+
|
|
10
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
11
14
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
12
16
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
17
|
+
|
|
13
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
|
|
14
20
|
var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
|
|
21
|
+
|
|
15
22
|
var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
|
|
23
|
+
|
|
16
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
25
|
+
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
28
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
22
32
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
|
+
|
|
23
34
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
35
|
+
|
|
24
36
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
25
|
-
|
|
26
|
-
function
|
|
37
|
+
|
|
38
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
39
|
+
|
|
40
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
+
|
|
27
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
+
|
|
28
44
|
function isTransformSupported(style) {
|
|
29
45
|
return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
|
|
30
46
|
}
|
|
47
|
+
|
|
31
48
|
function setTransform(style, v) {
|
|
32
49
|
style.transform = v;
|
|
33
50
|
style.webkitTransform = v;
|
|
34
51
|
style.mozTransform = v;
|
|
35
52
|
}
|
|
53
|
+
|
|
36
54
|
function VtxScrollableRow(props) {
|
|
55
|
+
var _classnames, _classnames2;
|
|
56
|
+
|
|
37
57
|
var _useState = (0, _react.useState)({
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
58
|
+
next: false,
|
|
59
|
+
prev: false
|
|
60
|
+
}),
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
state = _useState2[0],
|
|
63
|
+
setState = _useState2[1];
|
|
64
|
+
|
|
44
65
|
var next = state.next,
|
|
45
|
-
|
|
66
|
+
prev = state.prev;
|
|
46
67
|
var _props$prefixCls = props.prefixCls,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
68
|
+
prefixCls = _props$prefixCls === void 0 ? 'vtx-scrollable-row' : _props$prefixCls,
|
|
69
|
+
className = props.className,
|
|
70
|
+
style = props.style;
|
|
50
71
|
var offset = (0, _react.useRef)(0);
|
|
51
72
|
var containerRef = (0, _react.useRef)();
|
|
52
73
|
var navWrapRef = (0, _react.useRef)();
|
|
@@ -61,13 +82,15 @@ function VtxScrollableRow(props) {
|
|
|
61
82
|
window.removeEventListener('resize', debouncedResize);
|
|
62
83
|
};
|
|
63
84
|
}, []);
|
|
85
|
+
|
|
64
86
|
function setNextPrev() {
|
|
65
87
|
var navNodeW = navRef.current.scrollWidth;
|
|
66
88
|
var containerW = containerRef.current.offsetWidth;
|
|
67
89
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
68
90
|
var minOffset = containerW - navNodeW;
|
|
69
91
|
var next = state.next,
|
|
70
|
-
|
|
92
|
+
prev = state.prev;
|
|
93
|
+
|
|
71
94
|
if (minOffset >= 0) {
|
|
72
95
|
next = false;
|
|
73
96
|
setOffset(0, false);
|
|
@@ -80,11 +103,13 @@ function VtxScrollableRow(props) {
|
|
|
80
103
|
setOffset(realOffset, false);
|
|
81
104
|
offset.current = realOffset;
|
|
82
105
|
}
|
|
106
|
+
|
|
83
107
|
if (offset.current < 0) {
|
|
84
108
|
prev = true;
|
|
85
109
|
} else {
|
|
86
110
|
prev = false;
|
|
87
111
|
}
|
|
112
|
+
|
|
88
113
|
setState({
|
|
89
114
|
next: next,
|
|
90
115
|
prev: prev
|
|
@@ -94,14 +119,17 @@ function VtxScrollableRow(props) {
|
|
|
94
119
|
prev: prev
|
|
95
120
|
};
|
|
96
121
|
}
|
|
122
|
+
|
|
97
123
|
var setOffset = function setOffset(os) {
|
|
98
124
|
var checkNextPrev = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
99
125
|
var target = Math.min(0, os);
|
|
126
|
+
|
|
100
127
|
if (offset.current !== target) {
|
|
101
128
|
offset.current = target;
|
|
102
129
|
var navOffset = {};
|
|
103
130
|
var navStyle = navRef.current.style;
|
|
104
131
|
var transformSupported = isTransformSupported(navStyle);
|
|
132
|
+
|
|
105
133
|
if (transformSupported) {
|
|
106
134
|
navOffset = {
|
|
107
135
|
value: "translate3d(".concat(target, "px,0,0)")
|
|
@@ -112,47 +140,51 @@ function VtxScrollableRow(props) {
|
|
|
112
140
|
value: "".concat(target, "px")
|
|
113
141
|
};
|
|
114
142
|
}
|
|
143
|
+
|
|
115
144
|
if (transformSupported) {
|
|
116
145
|
setTransform(navStyle, navOffset.value);
|
|
117
146
|
} else {
|
|
118
147
|
navStyle[navOffset.name] = navOffset.value;
|
|
119
148
|
}
|
|
149
|
+
|
|
120
150
|
if (checkNextPrev) {
|
|
121
151
|
setNextPrev();
|
|
122
152
|
}
|
|
123
153
|
}
|
|
124
|
-
};
|
|
154
|
+
}; // 上一页
|
|
155
|
+
|
|
125
156
|
|
|
126
|
-
// 上一页
|
|
127
157
|
var handlePrev = function handlePrev() {
|
|
128
158
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
129
159
|
setOffset(offset.current + navWrapNodeW);
|
|
130
|
-
};
|
|
160
|
+
}; // 下一页
|
|
161
|
+
|
|
131
162
|
|
|
132
|
-
// 下一页
|
|
133
163
|
var handleNext = function handleNext() {
|
|
134
164
|
var navWrapNodeW = navWrapRef.current.offsetWidth;
|
|
135
165
|
setOffset(offset.current - navWrapNodeW);
|
|
136
166
|
};
|
|
167
|
+
|
|
137
168
|
var showNextPrev = prev || next;
|
|
169
|
+
|
|
138
170
|
var prevButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
139
|
-
onClick: prev ? handlePrev : null
|
|
140
|
-
// eslint-disable-next-line react/no-unknown-property
|
|
171
|
+
onClick: prev ? handlePrev : null // eslint-disable-next-line react/no-unknown-property
|
|
141
172
|
,
|
|
142
173
|
unselectable: "on",
|
|
143
|
-
className: (0, _classnames3["default"])(
|
|
174
|
+
className: (0, _classnames3["default"])((_classnames = {}, _defineProperty(_classnames, "".concat(prefixCls, "-prev"), true), _defineProperty(_classnames, "".concat(prefixCls, "-btn-disabled"), !prev), _defineProperty(_classnames, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames))
|
|
144
175
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
145
176
|
className: "".concat(prefixCls, "-prev-icon")
|
|
146
177
|
}, /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null)));
|
|
178
|
+
|
|
147
179
|
var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
148
|
-
onClick: next ? handleNext : null
|
|
149
|
-
// eslint-disable-next-line react/no-unknown-property
|
|
180
|
+
onClick: next ? handleNext : null // eslint-disable-next-line react/no-unknown-property
|
|
150
181
|
,
|
|
151
182
|
unselectable: "on",
|
|
152
|
-
className: (0, _classnames3["default"])(
|
|
183
|
+
className: (0, _classnames3["default"])((_classnames2 = {}, _defineProperty(_classnames2, "".concat(prefixCls, "-next"), true), _defineProperty(_classnames2, "".concat(prefixCls, "-btn-disabled"), !next), _defineProperty(_classnames2, "".concat(prefixCls, "-arrow-show"), showNextPrev), _classnames2))
|
|
153
184
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
154
185
|
className: "".concat(prefixCls, "-next-icon")
|
|
155
186
|
}, /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null)));
|
|
187
|
+
|
|
156
188
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
157
189
|
className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
|
|
158
190
|
style: style,
|
|
@@ -167,7 +199,9 @@ function VtxScrollableRow(props) {
|
|
|
167
199
|
ref: navRef
|
|
168
200
|
}, props.children))));
|
|
169
201
|
}
|
|
170
|
-
|
|
202
|
+
|
|
203
|
+
var _default = VtxScrollableRow;
|
|
204
|
+
exports["default"] = _default;
|
|
171
205
|
VtxScrollableRow.propTypes = {
|
|
172
206
|
prefixCls: _propTypes["default"].string,
|
|
173
207
|
className: _propTypes["default"].string,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames3","_interopRequireDefault","_debounce","_propTypes","_RightOutlined","_LeftOutlined","obj","__esModule","_getRequireWildcardCache","e","WeakMap","r","t","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_defineProperty","key","value","_toPropertyKey","enumerable","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","iterator","f","next","done","push","isArray","isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","_useState","useState","prev","_useState2","state","setState","_props$prefixCls","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","arguments","undefined","target","Math","min","navOffset","navStyle","transformSupported","concat","handlePrev","handleNext","showNextPrev","prevButton","createElement","onClick","unselectable","classnames","nextButton","ref","children","_default","exports","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport classnames from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport PropTypes from 'prop-types';\r\nimport RightOutlined from '@ant-design/icons/RightOutlined';\r\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\r\n\r\nexport function isTransformSupported(style) {\r\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\r\n}\r\n\r\nexport function setTransform(style, v) {\r\n style.transform = v;\r\n style.webkitTransform = v;\r\n style.mozTransform = v;\r\n}\r\n\r\nfunction VtxScrollableRow(props) {\r\n const [state, setState] = useState({\r\n next: false,\r\n prev: false,\r\n });\r\n const { next, prev } = state;\r\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\r\n\r\n const offset = useRef(0);\r\n const containerRef = useRef();\r\n const navWrapRef = useRef();\r\n const navRef = useRef();\r\n\r\n useEffect(() => {\r\n const debouncedResize = debounce(() => {\r\n setNextPrev();\r\n }, 200);\r\n window.addEventListener('resize', debouncedResize);\r\n setNextPrev();\r\n return () => {\r\n window.removeEventListener('resize', debouncedResize);\r\n };\r\n }, []);\r\n\r\n function setNextPrev() {\r\n const navNodeW = navRef.current.scrollWidth;\r\n const containerW = containerRef.current.offsetWidth;\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n\r\n const minOffset = containerW - navNodeW;\r\n let { next, prev } = state;\r\n if (minOffset >= 0) {\r\n next = false;\r\n setOffset(0, false);\r\n offset.current = 0;\r\n } else if (minOffset < offset.current) {\r\n next = true;\r\n } else {\r\n next = false;\r\n const realOffset = navWrapNodeW - navNodeW;\r\n setOffset(realOffset, false);\r\n offset.current = realOffset;\r\n }\r\n\r\n if (offset.current < 0) {\r\n prev = true;\r\n } else {\r\n prev = false;\r\n }\r\n setState({\r\n next, prev\r\n })\r\n return {\r\n next,\r\n prev,\r\n };\r\n }\r\n\r\n const setOffset = (os, checkNextPrev = true) => {\r\n const target = Math.min(0, os);\r\n if (offset.current !== target) {\r\n offset.current = target;\r\n let navOffset = {};\r\n const navStyle = navRef.current.style;\r\n const transformSupported = isTransformSupported(navStyle);\r\n if (transformSupported) {\r\n navOffset = {\r\n value: `translate3d(${target}px,0,0)`,\r\n };\r\n } else {\r\n navOffset = {\r\n name: 'left',\r\n value: `${target}px`,\r\n };\r\n }\r\n if (transformSupported) {\r\n setTransform(navStyle, navOffset.value);\r\n } else {\r\n navStyle[navOffset.name] = navOffset.value;\r\n }\r\n if (checkNextPrev) {\r\n setNextPrev();\r\n }\r\n }\r\n };\r\n\r\n // 上一页\r\n const handlePrev = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current + navWrapNodeW);\r\n };\r\n\r\n // 下一页\r\n const handleNext = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current - navWrapNodeW);\r\n };\r\n\r\n const showNextPrev = prev || next;\r\n\r\n const prevButton = (\r\n <span\r\n onClick={prev ? handlePrev : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-prev`]: true,\r\n [`${prefixCls}-btn-disabled`]: !prev,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-prev-icon`}>\r\n <LeftOutlined />\r\n </span>\r\n </span>\r\n );\r\n const nextButton = (\r\n <span\r\n onClick={next ? handleNext : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-next`]: true,\r\n [`${prefixCls}-btn-disabled`]: !next,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-next-icon`}>\r\n <RightOutlined />\r\n </span>\r\n </span>\r\n );\r\n\r\n return (\r\n <div\r\n className={classnames(`${prefixCls}-container`, className)}\r\n style={style}\r\n ref={containerRef}\r\n >\r\n {prevButton}\r\n {nextButton}\r\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\r\n <div className={`${prefixCls}-nav-scroll`}>\r\n <div className={`${prefixCls}-nav`} ref={navRef}>\r\n {props.children}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default VtxScrollableRow;\r\n\r\nVtxScrollableRow.propTypes = {\r\n prefixCls: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n style.transform = v;\n style.webkitTransform = v;\n style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n const [state, setState] = useState({\n next: false,\n prev: false,\n });\n const { next, prev } = state;\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n const offset = useRef(0);\n const containerRef = useRef();\n const navWrapRef = useRef();\n const navRef = useRef();\n\n useEffect(() => {\n const debouncedResize = debounce(() => {\n setNextPrev();\n }, 200);\n window.addEventListener('resize', debouncedResize);\n setNextPrev();\n return () => {\n window.removeEventListener('resize', debouncedResize);\n };\n }, []);\n\n function setNextPrev() {\n const navNodeW = navRef.current.scrollWidth;\n const containerW = containerRef.current.offsetWidth;\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n const minOffset = containerW - navNodeW;\n let { next, prev } = state;\n if (minOffset >= 0) {\n next = false;\n setOffset(0, false);\n offset.current = 0;\n } else if (minOffset < offset.current) {\n next = true;\n } else {\n next = false;\n const realOffset = navWrapNodeW - navNodeW;\n setOffset(realOffset, false);\n offset.current = realOffset;\n }\n\n if (offset.current < 0) {\n prev = true;\n } else {\n prev = false;\n }\n setState({\n next, prev\n })\n return {\n next,\n prev,\n };\n }\n\n const setOffset = (os, checkNextPrev = true) => {\n const target = Math.min(0, os);\n if (offset.current !== target) {\n offset.current = target;\n let navOffset = {};\n const navStyle = navRef.current.style;\n const transformSupported = isTransformSupported(navStyle);\n if (transformSupported) {\n navOffset = {\n value: `translate3d(${target}px,0,0)`,\n };\n } else {\n navOffset = {\n name: 'left',\n value: `${target}px`,\n };\n }\n if (transformSupported) {\n setTransform(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n setNextPrev();\n }\n }\n };\n\n // 上一页\n const handlePrev = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current + navWrapNodeW);\n };\n\n // 下一页\n const handleNext = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current - navWrapNodeW);\n };\n\n const showNextPrev = prev || next;\n\n const prevButton = (\n <span\n onClick={prev ? handlePrev : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-prev`]: true,\n [`${prefixCls}-btn-disabled`]: !prev,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-prev-icon`}>\n <LeftOutlined />\n </span>\n </span>\n );\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-next`]: true,\n [`${prefixCls}-btn-disabled`]: !next,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-next-icon`}>\n <RightOutlined />\n </span>\n </span>\n );\n\n return (\n <div\n className={classnames(`${prefixCls}-container`, className)}\n style={style}\n ref={containerRef}\n >\n {prevButton}\n {nextButton}\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n <div className={`${prefixCls}-nav-scroll`}>\n <div className={`${prefixCls}-nav`} ref={navRef}>\n {props.children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
@prefix-cls: vtx-scrollable-row;
|
|
4
|
-
@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
5
|
-
@effect-duration: 0.3s;
|
|
6
|
-
|
|
7
|
-
.@{prefix-cls} {
|
|
8
|
-
&-container {
|
|
9
|
-
position: relative;
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
margin-bottom: -1px;
|
|
12
|
-
overflow: hidden;
|
|
13
|
-
font-size: @font-size-base;
|
|
14
|
-
line-height: @line-height-base;
|
|
15
|
-
white-space: nowrap;
|
|
16
|
-
transition: padding @effect-duration @easing-in-out;
|
|
17
|
-
zoom: 1;
|
|
18
|
-
&::after {
|
|
19
|
-
clear: both;
|
|
20
|
-
}
|
|
21
|
-
&::before,
|
|
22
|
-
&::after {
|
|
23
|
-
display: table;
|
|
24
|
-
content: ' ';
|
|
25
|
-
}
|
|
26
|
-
&:hover {
|
|
27
|
-
.@{prefix-cls}-arrow-show {
|
|
28
|
-
display: inline-block;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
&-prev,
|
|
33
|
-
&-next {
|
|
34
|
-
position: absolute;
|
|
35
|
-
z-index: 1;
|
|
36
|
-
display: none;
|
|
37
|
-
line-height: 36px;
|
|
38
|
-
text-align: center;
|
|
39
|
-
background: @component-background;
|
|
40
|
-
border: none;
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
|
|
43
|
-
color @effect-duration @easing-in-out;
|
|
44
|
-
user-select: none;
|
|
45
|
-
&-icon {
|
|
46
|
-
position: absolute;
|
|
47
|
-
top: 50%;
|
|
48
|
-
left: 50%;
|
|
49
|
-
font-weight: 700;
|
|
50
|
-
font-style: normal;
|
|
51
|
-
font-variant: normal;
|
|
52
|
-
line-height: inherit;
|
|
53
|
-
text-align: center;
|
|
54
|
-
text-transform: none;
|
|
55
|
-
vertical-align: baseline;
|
|
56
|
-
-webkit-transform: translate(-50%, -50%);
|
|
57
|
-
-ms-transform: translate(-50%, -50%);
|
|
58
|
-
transform: translate(-50%, -50%);
|
|
59
|
-
}
|
|
60
|
-
&::before {
|
|
61
|
-
display: block;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
&-prev {
|
|
66
|
-
left: 0;
|
|
67
|
-
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
68
|
-
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
69
|
-
}
|
|
70
|
-
&-next {
|
|
71
|
-
right: 0;
|
|
72
|
-
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
73
|
-
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
74
|
-
}
|
|
75
|
-
&-btn-disabled {
|
|
76
|
-
color: #ccc;
|
|
77
|
-
cursor: not-allowed;
|
|
78
|
-
}
|
|
79
|
-
&-arrow-show {
|
|
80
|
-
display: none;
|
|
81
|
-
width: 32px;
|
|
82
|
-
height: 100%;
|
|
83
|
-
opacity: 1;
|
|
84
|
-
pointer-events: auto;
|
|
85
|
-
}
|
|
86
|
-
&-nav-wrap {
|
|
87
|
-
margin-bottom: -1px;
|
|
88
|
-
overflow: hidden;
|
|
89
|
-
}
|
|
90
|
-
&-nav-scroll {
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
line-height: 1;
|
|
93
|
-
white-space: nowrap;
|
|
94
|
-
}
|
|
95
|
-
&-nav {
|
|
96
|
-
position: relative;
|
|
97
|
-
display: inline-block;
|
|
98
|
-
box-sizing: border-box;
|
|
99
|
-
margin: 0;
|
|
100
|
-
padding-left: 0;
|
|
101
|
-
list-style: none;
|
|
102
|
-
transition: transform @effect-duration @easing-in-out,
|
|
103
|
-
-webkit-transform @effect-duration @easing-in-out;
|
|
104
|
-
&::after {
|
|
105
|
-
clear: both;
|
|
106
|
-
}
|
|
107
|
-
&::before,
|
|
108
|
-
&::after {
|
|
109
|
-
display: table;
|
|
110
|
-
content: ' ';
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
@prefix-cls: vtx-scrollable-row;
|
|
4
|
+
@easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
5
|
+
@effect-duration: 0.3s;
|
|
6
|
+
|
|
7
|
+
.@{prefix-cls} {
|
|
8
|
+
&-container {
|
|
9
|
+
position: relative;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
margin-bottom: -1px;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
font-size: @font-size-base;
|
|
14
|
+
line-height: @line-height-base;
|
|
15
|
+
white-space: nowrap;
|
|
16
|
+
transition: padding @effect-duration @easing-in-out;
|
|
17
|
+
zoom: 1;
|
|
18
|
+
&::after {
|
|
19
|
+
clear: both;
|
|
20
|
+
}
|
|
21
|
+
&::before,
|
|
22
|
+
&::after {
|
|
23
|
+
display: table;
|
|
24
|
+
content: ' ';
|
|
25
|
+
}
|
|
26
|
+
&:hover {
|
|
27
|
+
.@{prefix-cls}-arrow-show {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
&-prev,
|
|
33
|
+
&-next {
|
|
34
|
+
position: absolute;
|
|
35
|
+
z-index: 1;
|
|
36
|
+
display: none;
|
|
37
|
+
line-height: 36px;
|
|
38
|
+
text-align: center;
|
|
39
|
+
background: @component-background;
|
|
40
|
+
border: none;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
transition: width @effect-duration @easing-in-out, opacity @effect-duration @easing-in-out,
|
|
43
|
+
color @effect-duration @easing-in-out;
|
|
44
|
+
user-select: none;
|
|
45
|
+
&-icon {
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 50%;
|
|
48
|
+
left: 50%;
|
|
49
|
+
font-weight: 700;
|
|
50
|
+
font-style: normal;
|
|
51
|
+
font-variant: normal;
|
|
52
|
+
line-height: inherit;
|
|
53
|
+
text-align: center;
|
|
54
|
+
text-transform: none;
|
|
55
|
+
vertical-align: baseline;
|
|
56
|
+
-webkit-transform: translate(-50%, -50%);
|
|
57
|
+
-ms-transform: translate(-50%, -50%);
|
|
58
|
+
transform: translate(-50%, -50%);
|
|
59
|
+
}
|
|
60
|
+
&::before {
|
|
61
|
+
display: block;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&-prev {
|
|
66
|
+
left: 0;
|
|
67
|
+
border-radius: @border-radius-base 0 0 @border-radius-base;
|
|
68
|
+
box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
69
|
+
}
|
|
70
|
+
&-next {
|
|
71
|
+
right: 0;
|
|
72
|
+
border-radius: 0 @border-radius-base @border-radius-base 0;
|
|
73
|
+
box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.16);
|
|
74
|
+
}
|
|
75
|
+
&-btn-disabled {
|
|
76
|
+
color: #ccc;
|
|
77
|
+
cursor: not-allowed;
|
|
78
|
+
}
|
|
79
|
+
&-arrow-show {
|
|
80
|
+
display: none;
|
|
81
|
+
width: 32px;
|
|
82
|
+
height: 100%;
|
|
83
|
+
opacity: 1;
|
|
84
|
+
pointer-events: auto;
|
|
85
|
+
}
|
|
86
|
+
&-nav-wrap {
|
|
87
|
+
margin-bottom: -1px;
|
|
88
|
+
overflow: hidden;
|
|
89
|
+
}
|
|
90
|
+
&-nav-scroll {
|
|
91
|
+
overflow: hidden;
|
|
92
|
+
line-height: 1;
|
|
93
|
+
white-space: nowrap;
|
|
94
|
+
}
|
|
95
|
+
&-nav {
|
|
96
|
+
position: relative;
|
|
97
|
+
display: inline-block;
|
|
98
|
+
box-sizing: border-box;
|
|
99
|
+
margin: 0;
|
|
100
|
+
padding-left: 0;
|
|
101
|
+
list-style: none;
|
|
102
|
+
transition: transform @effect-duration @easing-in-out,
|
|
103
|
+
-webkit-transform @effect-duration @easing-in-out;
|
|
104
|
+
&::after {
|
|
105
|
+
clear: both;
|
|
106
|
+
}
|
|
107
|
+
&::before,
|
|
108
|
+
&::after {
|
|
109
|
+
display: table;
|
|
110
|
+
content: ' ';
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
package/lib/vtx-search/VtxCol.js
CHANGED
|
@@ -4,25 +4,34 @@ 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 _col = _interopRequireDefault(require("antd/lib/col"));
|
|
13
|
+
|
|
10
14
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
15
|
+
|
|
11
16
|
require("./style/index.less");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
|
-
function ownKeys(
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
|
|
19
26
|
function VtxCol(props) {
|
|
20
27
|
var addStyle = function addStyle(d) {
|
|
21
28
|
var _d$props;
|
|
29
|
+
|
|
22
30
|
if (typeof d.type === 'function' && ((_d$props = d.props) === null || _d$props === void 0 ? void 0 : _d$props.attr) == 'row') {
|
|
23
31
|
return d;
|
|
24
32
|
} else {
|
|
25
33
|
var _d$props2, _d$props3, _d$props4, _d$props5;
|
|
34
|
+
|
|
26
35
|
if (((_d$props2 = d.props) === null || _d$props2 === void 0 ? void 0 : _d$props2['data-type']) === 'colon') {
|
|
27
36
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
28
37
|
className: "vtx-search-lists"
|
|
@@ -32,7 +41,9 @@ function VtxCol(props) {
|
|
|
32
41
|
className: "vtx-search-list"
|
|
33
42
|
}, d.props.children[1]));
|
|
34
43
|
}
|
|
44
|
+
|
|
35
45
|
var sty = {};
|
|
46
|
+
|
|
36
47
|
if (((_d$props3 = d.props) === null || _d$props3 === void 0 ? void 0 : _d$props3['data-type']) === 'fieldName') {
|
|
37
48
|
sty = _objectSpread(_objectSpread({}, sty), {}, {
|
|
38
49
|
padding: '8px 0px',
|
|
@@ -43,11 +54,13 @@ function VtxCol(props) {
|
|
|
43
54
|
cursor: 'default'
|
|
44
55
|
});
|
|
45
56
|
}
|
|
57
|
+
|
|
46
58
|
if (((_d$props4 = d.props) === null || _d$props4 === void 0 ? void 0 : _d$props4['data-type']) === 'bt') {
|
|
47
59
|
sty = _objectSpread(_objectSpread({}, sty), {}, {
|
|
48
60
|
padding: '8px 0px'
|
|
49
61
|
});
|
|
50
62
|
}
|
|
63
|
+
|
|
51
64
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
65
|
key: d,
|
|
53
66
|
style: _objectSpread({}, sty)
|
|
@@ -57,19 +70,25 @@ function VtxCol(props) {
|
|
|
57
70
|
}, d) : d);
|
|
58
71
|
}
|
|
59
72
|
};
|
|
73
|
+
|
|
60
74
|
var render = function render(d) {
|
|
61
75
|
if (d == '') return '';
|
|
76
|
+
|
|
62
77
|
if (!d.length) {
|
|
63
78
|
return addStyle(d);
|
|
64
79
|
}
|
|
80
|
+
|
|
65
81
|
return d.map(function (item) {
|
|
66
82
|
return addStyle(item);
|
|
67
83
|
});
|
|
68
84
|
};
|
|
85
|
+
|
|
69
86
|
return /*#__PURE__*/_react["default"].createElement(_col["default"], props, render(props.children));
|
|
70
87
|
}
|
|
88
|
+
|
|
71
89
|
VtxCol.propTypes = {
|
|
72
90
|
children: _propTypes["default"].node
|
|
73
91
|
};
|
|
74
|
-
var _default =
|
|
92
|
+
var _default = VtxCol;
|
|
93
|
+
exports["default"] = _default;
|
|
75
94
|
//# sourceMappingURL=VtxCol.js.map
|