@vtx/components 2.5.3 → 3.0.0-0
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 +107 -0
- package/lib/_util/filterSpecialCharacters.js +1 -1
- package/lib/_util/getComponentProps.js +1 -1
- package/lib/_util/useSet.js +3 -3
- package/lib/_util/useSet.js.map +1 -1
- package/lib/index.js +40 -40
- package/lib/vtx-color-picker/index.js +6 -4
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +26 -18
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +8 -6
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/index.css +1 -1
- package/lib/vtx-combogrid/style/index.less +1 -1
- package/lib/vtx-datagrid/Alert.js +3 -3
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +35 -9
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +3 -1
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +36 -28
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +7 -7
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/index.css +18 -6
- package/lib/vtx-datagrid/style/index.less +33 -7
- package/lib/vtx-date-picker/QdatePicker.js +7 -5
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +15 -9
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +16 -11
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-editor/index.js +9 -10
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-export/index.js +13 -12
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +6 -7
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +9 -20
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/index.js +17 -3
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +2 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.css +41 -0
- package/lib/vtx-form-layout/style/index.js +2 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +19 -0
- package/lib/vtx-image/Image.js +5 -5
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +6 -6
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +6 -6
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +3 -3
- package/lib/vtx-import/index.js +12 -6
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +1 -1
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-input/TextArea.js +6 -4
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +8 -6
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +1 -1
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +19 -25
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +2 -2
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +12 -9
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +2 -2
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +6 -6
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +29 -23
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +23 -25
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +2 -2
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +11 -11
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/index.css +1 -0
- package/lib/vtx-search/style/index.less +1 -0
- package/lib/vtx-search-map-input/index.js +4 -4
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-select/index.js +10 -8
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-signature/index.js +3 -3
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +5 -5
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +7 -7
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +26 -20
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +5 -5
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +5 -5
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +3 -1
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +5 -5
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +101 -54
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-ztree/index.js +6 -6
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +30 -23
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/package.json +4 -3
- package/lib/vtx-date-picker/YearPicker.js +0 -84
- package/lib/vtx-date-picker/YearPicker.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - 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
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -15,22 +15,22 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
17
|
|
|
18
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
20
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
20
|
+
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; }
|
|
21
21
|
|
|
22
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
23
|
|
|
24
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
25
|
|
|
26
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
27
|
|
|
28
|
-
var initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode'
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
var initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';
|
|
29
|
+
var initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';
|
|
30
|
+
var initReportServerUrl = '/ReportServer';
|
|
31
31
|
|
|
32
32
|
function VtxRpsFrame(props) {
|
|
33
|
-
var iframeName = (0, _react.useRef)(Math.random() + new Date().getTime()); //flag改变,重新渲染报表
|
|
33
|
+
var iframeName = (0, _react.useRef)(Math.random() + new Date().getTime()); // flag改变,重新渲染报表
|
|
34
34
|
|
|
35
35
|
(0, _react.useEffect)(function () {
|
|
36
36
|
getReportInfoByCode();
|
|
@@ -42,13 +42,15 @@ function VtxRpsFrame(props) {
|
|
|
42
42
|
data_param = props.data_param,
|
|
43
43
|
paramTypeCode = props.paramTypeCode,
|
|
44
44
|
tenantId = props.tenantId,
|
|
45
|
+
_props$isParamEncode = props.isParamEncode,
|
|
46
|
+
isParamEncode = _props$isParamEncode === void 0 ? false : _props$isParamEncode,
|
|
45
47
|
_props$reportParamUrl = props.reportParamUrl,
|
|
46
48
|
reportParamUrl = _props$reportParamUrl === void 0 ? initReportParamUrl : _props$reportParamUrl,
|
|
47
49
|
_props$reportInfoUrl = props.reportInfoUrl,
|
|
48
50
|
reportInfoUrl = _props$reportInfoUrl === void 0 ? initReportInfoUrl : _props$reportInfoUrl,
|
|
49
51
|
_props$reportServerUr = props.reportServerUrl,
|
|
50
52
|
reportServerUrl = _props$reportServerUr === void 0 ? initReportServerUrl : _props$reportServerUr;
|
|
51
|
-
var paramCode = paramTypeCode || 'param_report_constant';
|
|
53
|
+
var paramCode = paramTypeCode || 'param_report_constant'; // 获取公共参数
|
|
52
54
|
|
|
53
55
|
function commonParam() {
|
|
54
56
|
return (0, _axios["default"])({
|
|
@@ -58,7 +60,7 @@ function VtxRpsFrame(props) {
|
|
|
58
60
|
'content-type': 'application/x-www-form-urlencoded'
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
|
-
}
|
|
63
|
+
} // 获取报表code
|
|
62
64
|
|
|
63
65
|
|
|
64
66
|
var param = {
|
|
@@ -66,11 +68,12 @@ function VtxRpsFrame(props) {
|
|
|
66
68
|
timestamp: new Date().valueOf(),
|
|
67
69
|
reqMethod: 0
|
|
68
70
|
};
|
|
71
|
+
var formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);
|
|
69
72
|
|
|
70
73
|
function getReportInfoByCode() {
|
|
71
74
|
return (0, _axios["default"])({
|
|
72
75
|
method: 'get',
|
|
73
|
-
url: "".concat(reportInfoUrl, "?parameters=").concat(
|
|
76
|
+
url: "".concat(reportInfoUrl, "?parameters=").concat(formData),
|
|
74
77
|
headers: {
|
|
75
78
|
'content-type': 'application/x-www-form-urlencoded'
|
|
76
79
|
}
|
|
@@ -79,7 +82,7 @@ function VtxRpsFrame(props) {
|
|
|
79
82
|
|
|
80
83
|
_axios["default"].all([commonParam(), getReportInfoByCode()]).then(_axios["default"].spread(function (commonParamResult, reportInfoByCodeResult) {
|
|
81
84
|
if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {
|
|
82
|
-
|
|
85
|
+
// 报表公共参数
|
|
83
86
|
var commonParamData = commonParamResult.data.data;
|
|
84
87
|
var obj = {};
|
|
85
88
|
commonParamData.forEach(function (d) {
|
|
@@ -121,14 +124,15 @@ VtxRpsFrame.propTypes = {
|
|
|
121
124
|
tenantId: _propTypes["default"].string,
|
|
122
125
|
reportParamUrl: _propTypes["default"].string,
|
|
123
126
|
reportInfoUrl: _propTypes["default"].string,
|
|
124
|
-
reportServerUrl: _propTypes["default"].string
|
|
127
|
+
reportServerUrl: _propTypes["default"].string,
|
|
128
|
+
isParamEncode: _propTypes["default"].bool
|
|
125
129
|
};
|
|
126
130
|
var _default = VtxRpsFrame;
|
|
127
131
|
exports["default"] = _default;
|
|
128
132
|
|
|
129
133
|
var createForm = function createForm(reqURL, param, iframeName) {
|
|
130
|
-
|
|
131
|
-
|
|
134
|
+
// 定义一个form表单
|
|
135
|
+
var formDom = document.createElement('form');
|
|
132
136
|
formDom.method = 'post';
|
|
133
137
|
formDom.target = iframeName;
|
|
134
138
|
formDom.action = reqURL;
|
|
@@ -136,20 +140,22 @@ var createForm = function createForm(reqURL, param, iframeName) {
|
|
|
136
140
|
var inputArray = [];
|
|
137
141
|
|
|
138
142
|
for (var k in param) {
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
143
|
+
if (Object.prototype.hasOwnProperty.call(param, k)) {
|
|
144
|
+
var input1 = document.createElement('input');
|
|
145
|
+
input1.type = 'hidden';
|
|
146
|
+
input1.name = k;
|
|
147
|
+
input1.value = param[k];
|
|
148
|
+
inputArray.push(input1);
|
|
149
|
+
}
|
|
144
150
|
}
|
|
145
151
|
|
|
146
|
-
document.body.appendChild(formDom);
|
|
152
|
+
document.body.appendChild(formDom); // 将表单放置在web中
|
|
147
153
|
|
|
148
154
|
for (var i = 0, len = inputArray.length; i < len; i++) {
|
|
149
155
|
formDom.append(inputArray[i]);
|
|
150
156
|
}
|
|
151
157
|
|
|
152
|
-
formDom.submit();
|
|
158
|
+
formDom.submit(); // 表单提交
|
|
153
159
|
|
|
154
160
|
formDom.remove();
|
|
155
161
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-rps-frame/index.jsx"],"names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","Math","random","Date","getTime","getReportInfoByCode","flag","report_code","report_param","data_param","paramTypeCode","tenantId","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","commonParam","method","url","headers","param","timestamp","valueOf","reqMethod","JSON","stringify","axios","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","reqURL","formDom","document","createElement","target","action","style","inputArray","k","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: yemu\n * @LastEditTime: 2021-11-03 09:00:37\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode',\n initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc',\n initReportServerUrl = '/ReportServer';\n\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n //flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n\n //获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n },\n });\n }\n\n //获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${JSON.stringify(param)}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n //报表公共参数\n let commonParamData = commonParamResult.data.data;\n let obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n let param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${reportServerUrl}?report_code=${report_code}&reportlet=${\n reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n let formDom = document.createElement('form'); //定义一个form表单\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n let inputArray = [];\n for (let k in param) {\n let input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n document.body.appendChild(formDom); //将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); //表单提交\n formDom.remove();\n};\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-rps-frame/index.jsx"],"names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","Math","random","Date","getTime","getReportInfoByCode","flag","report_code","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","commonParam","method","url","headers","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","axios","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\n/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-12 18:49:30\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\nconst initReportServerUrl = '/ReportServer';\n\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n // flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n isParamEncode = false,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n\n // 获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n },\n });\n }\n\n // 获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${formData}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n // 报表公共参数\n const commonParamData = commonParamResult.data.data;\n const obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n const param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${reportServerUrl}?report_code=${report_code}&reportlet=${\n reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n isParamEncode: PropTypes.bool,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n // 定义一个form表单\n const formDom = document.createElement('form');\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n const inputArray = [];\n for (const k in param) {\n if (Object.prototype.hasOwnProperty.call(param, k)) {\n const input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n }\n document.body.appendChild(formDom); // 将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); // 表单提交\n formDom.remove();\n};\n"],"file":"index.js"}
|
|
@@ -1,31 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - 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
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
+
exports["default"] = void 0;
|
|
8
9
|
exports.isTransformSupported = isTransformSupported;
|
|
9
10
|
exports.setTransform = setTransform;
|
|
10
|
-
exports["default"] = void 0;
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
14
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
|
15
15
|
|
|
16
|
-
var _icon = _interopRequireDefault(require("antd/es/icon"));
|
|
17
|
-
|
|
18
16
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
19
17
|
|
|
20
|
-
var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
|
|
21
|
-
|
|
22
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
19
|
|
|
20
|
+
var _icons = require("@ant-design/icons");
|
|
21
|
+
|
|
24
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
23
|
|
|
26
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
24
|
+
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); }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
|
|
28
|
+
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; }
|
|
27
29
|
|
|
28
|
-
function
|
|
30
|
+
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; }
|
|
29
31
|
|
|
30
32
|
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
33
|
|
|
@@ -37,7 +39,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
37
39
|
|
|
38
40
|
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
41
|
|
|
40
|
-
function _iterableToArrayLimit(arr, i) {
|
|
42
|
+
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
43
|
|
|
42
44
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
45
|
|
|
@@ -54,13 +56,13 @@ function setTransform(style, v) {
|
|
|
54
56
|
function VtxScrollableRow(props) {
|
|
55
57
|
var _classnames, _classnames2;
|
|
56
58
|
|
|
57
|
-
var
|
|
59
|
+
var _useState = (0, _react.useState)({
|
|
58
60
|
next: false,
|
|
59
61
|
prev: false
|
|
60
62
|
}),
|
|
61
|
-
|
|
62
|
-
state =
|
|
63
|
-
setState =
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
+
state = _useState2[0],
|
|
65
|
+
setState = _useState2[1];
|
|
64
66
|
|
|
65
67
|
var next = state.next,
|
|
66
68
|
prev = state.prev;
|
|
@@ -153,17 +155,17 @@ function VtxScrollableRow(props) {
|
|
|
153
155
|
|
|
154
156
|
var setPrev = function setPrev(v) {
|
|
155
157
|
if (prev !== v) {
|
|
156
|
-
setState({
|
|
158
|
+
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
157
159
|
prev: v
|
|
158
|
-
});
|
|
160
|
+
}));
|
|
159
161
|
}
|
|
160
162
|
};
|
|
161
163
|
|
|
162
164
|
var setNext = function setNext(v) {
|
|
163
165
|
if (next !== v) {
|
|
164
|
-
setState({
|
|
166
|
+
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
165
167
|
next: v
|
|
166
|
-
});
|
|
168
|
+
}));
|
|
167
169
|
}
|
|
168
170
|
}; // 上一页
|
|
169
171
|
|
|
@@ -183,23 +185,19 @@ function VtxScrollableRow(props) {
|
|
|
183
185
|
|
|
184
186
|
var prevButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
185
187
|
onClick: prev ? handlePrev : null,
|
|
186
|
-
unselectable: "
|
|
188
|
+
unselectable: "on",
|
|
187
189
|
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))
|
|
188
190
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
189
191
|
className: "".concat(prefixCls, "-prev-icon")
|
|
190
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
191
|
-
type: "left"
|
|
192
|
-
})));
|
|
192
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.LeftOutlined, null)));
|
|
193
193
|
|
|
194
194
|
var nextButton = /*#__PURE__*/_react["default"].createElement("span", {
|
|
195
195
|
onClick: next ? handleNext : null,
|
|
196
|
-
unselectable: "
|
|
196
|
+
unselectable: "on",
|
|
197
197
|
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))
|
|
198
198
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
199
199
|
className: "".concat(prefixCls, "-next-icon")
|
|
200
|
-
}, /*#__PURE__*/_react["default"].createElement(
|
|
201
|
-
type: "right"
|
|
202
|
-
})));
|
|
200
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons.RightOutlined, null)));
|
|
203
201
|
|
|
204
202
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
205
203
|
className: (0, _classnames3["default"])("".concat(prefixCls, "-container"), className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-scrollable-row/index.jsx"],"names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","next","prev","state","setState","prefixCls","className","offset","containerRef","navWrapRef","navRef","debouncedResize","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","nextButton","children","propTypes","PropTypes","string","object","node"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport Icon from 'antd/es/icon';\nimport debounce from 'lodash/debounce';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\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] = useSetState({\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 setNext(next);\n setPrev(prev);\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 const setPrev = v => {\n if (prev !== v) {\n setState({\n prev: v,\n });\n }\n };\n\n const setNext = v => {\n if (next !== v) {\n setState({\n next: v,\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 unselectable=\"unselectable\"\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 <Icon type=\"left\" />\n </span>\n </span>\n );\n\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n unselectable=\"unselectable\"\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 <Icon type=\"right\" />\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"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-scrollable-row/index.jsx"],"names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","next","prev","state","setState","prefixCls","className","offset","containerRef","navWrapRef","navRef","debouncedResize","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","nextButton","children","propTypes","PropTypes","string","object","node"],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\n\nimport { RightOutlined, LeftOutlined } from '@ant-design/icons';\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 setNext(next);\n setPrev(prev);\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 const setPrev = v => {\n if (prev !== v) {\n setState({\n ...state,\n prev: v,\n });\n }\n };\n\n const setNext = v => {\n if (next !== v) {\n setState({\n ...state,\n next: v,\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 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\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\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"],"file":"index.js"}
|
package/lib/vtx-search/VtxCol.js
CHANGED
|
@@ -17,9 +17,9 @@ require("./style/index.less");
|
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
|
|
20
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
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
21
|
|
|
22
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
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
23
|
|
|
24
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
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-search/VtxCol.jsx"],"names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACnB,
|
|
1
|
+
{"version":3,"sources":["vtx-search/VtxCol.jsx"],"names":["VtxCol","props","addStyle","d","type","attr","children","sty","padding","overflow","textOverflow","whiteSpace","textAlign","cursor","render","length","map","item","propTypes","PropTypes","node"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACnB,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAAC,CAAC,EAAI;AAAA;;AAClB,QAAI,OAAOA,CAAC,CAACC,IAAT,KAAkB,UAAlB,IAAgC,aAAAD,CAAC,CAACF,KAAF,sDAASI,IAAT,KAAiB,KAArD,EAA4D;AACxD,aAAOF,CAAP;AACH,KAFD,MAEO;AAAA;;AACH,UAAI,cAAAA,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,OAA/B,EAAwC;AACpC,4BACI;AAAK,UAAA,SAAS,EAAC;AAAf,wBACI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAmCE,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAnC,CADJ,eAEI;AAAK,UAAA,SAAS,EAAC;AAAf,WAAkCH,CAAC,CAACF,KAAF,CAAQK,QAAR,CAAiB,CAAjB,CAAlC,CAFJ,CADJ;AAMH;;AACD,UAAIC,GAAG,GAAG,EAAV;;AACA,UAAI,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA/B,EAA4C;AACxCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE,SAFV;AAGCC,UAAAA,QAAQ,EAAE,QAHX;AAICC,UAAAA,YAAY,EAAE,UAJf;AAKCC,UAAAA,UAAU,EAAE,QALb;AAMCC,UAAAA,SAAS,EAAE,OANZ;AAOCC,UAAAA,MAAM,EAAE;AAPT,UAAH;AASH;;AACD,UAAI,cAAAV,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,IAA/B,EAAqC;AACjCM,QAAAA,GAAG,mCACIA,GADJ;AAECC,UAAAA,OAAO,EAAE;AAFV,UAAH;AAIH;;AACD,0BACI;AAAK,QAAA,GAAG,EAAEL,CAAV;AAAa,QAAA,KAAK,oBAAOI,GAAP;AAAlB,SACK,cAAAJ,CAAC,CAACF,KAAF,wDAAU,WAAV,OAA2B,WAA3B,gBACG,gCAAC,mBAAD;AAAS,QAAA,SAAS,EAAC,UAAnB;AAA8B,QAAA,KAAK,EAAEE,CAAC,CAACF,KAAF,CAAQK;AAA7C,SACKH,CADL,CADH,GAKGA,CANR,CADJ;AAWH;AACJ,GA1CD;;AA2CA,MAAMW,MAAM,GAAG,SAATA,MAAS,CAAAX,CAAC,EAAI;AAChB,QAAIA,CAAC,IAAI,EAAT,EAAa,OAAO,EAAP;;AACb,QAAI,CAACA,CAAC,CAACY,MAAP,EAAe;AACX,aAAOb,QAAQ,CAACC,CAAD,CAAf;AACH;;AACD,WAAOA,CAAC,CAACa,GAAF,CAAM,UAAAC,IAAI,EAAI;AACjB,aAAOf,QAAQ,CAACe,IAAD,CAAf;AACH,KAFM,CAAP;AAGH,GARD;;AASA,sBAAO,gCAAC,eAAD,EAAShB,KAAT,EAAiBa,MAAM,CAACb,KAAK,CAACK,QAAP,CAAvB,CAAP;AACH;;AAEDN,MAAM,CAACkB,SAAP,GAAmB;AACfZ,EAAAA,QAAQ,EAAEa,sBAAUC;AADL,CAAnB;eAGepB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Col from 'antd/es/col';\nimport Tooltip from 'antd/es/tooltip';\nimport './style/index.less';\n\nfunction VtxCol(props) {\n const addStyle = d => {\n if (typeof d.type === 'function' && d.props?.attr == 'row') {\n return d;\n } else {\n if (d.props?.['data-type'] === 'colon') {\n return (\n <div className=\"vtx-search-lists\">\n <div className=\"vtx-search-colon\">{d.props.children[0]}</div>\n <div className=\"vtx-search-list\">{d.props.children[1]}</div>\n </div>\n );\n }\n let sty = {};\n if (d.props?.['data-type'] === 'fieldName') {\n sty = {\n ...sty,\n padding: '8px 0px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'right',\n cursor: 'default',\n };\n }\n if (d.props?.['data-type'] === 'bt') {\n sty = {\n ...sty,\n padding: '8px 0px',\n };\n }\n return (\n <div key={d} style={{ ...sty }}>\n {d.props?.['data-type'] === 'fieldName' ? (\n <Tooltip placement=\"rightTop\" title={d.props.children}>\n {d}\n </Tooltip>\n ) : (\n d\n )}\n </div>\n );\n }\n };\n const render = d => {\n if (d == '') return '';\n if (!d.length) {\n return addStyle(d);\n }\n return d.map(item => {\n return addStyle(item);\n });\n };\n return <Col {...props}>{render(props.children)}</Col>;\n}\n\nVtxCol.propTypes = {\n children: PropTypes.node,\n};\nexport default VtxCol;\n"],"file":"VtxCol.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-search/VtxRow.jsx"],"names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;
|
|
1
|
+
{"version":3,"sources":["vtx-search/VtxRow.jsx"],"names":["VtxRow","props","children","gutter","type","align","justify","className","RowProps","propTypes","PropTypes","node","number","string"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACnB,MAAQC,QAAR,GAAkED,KAAlE,CAAQC,QAAR;AAAA,sBAAkED,KAAlE,CAAkBE,MAAlB;AAAA,MAAkBA,MAAlB,8BAA2B,CAA3B;AAAA,MAA8BC,IAA9B,GAAkEH,KAAlE,CAA8BG,IAA9B;AAAA,MAAoCC,KAApC,GAAkEJ,KAAlE,CAAoCI,KAApC;AAAA,MAA2CC,OAA3C,GAAkEL,KAAlE,CAA2CK,OAA3C;AAAA,MAAoDC,SAApD,GAAkEN,KAAlE,CAAoDM,SAApD;AACA,MAAMC,QAAQ,GAAG;AAAEL,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA,IAAV;AAAgBC,IAAAA,KAAK,EAALA,KAAhB;AAAuBC,IAAAA,OAAO,EAAPA,OAAvB;AAAgCC,IAAAA,SAAS,EAATA;AAAhC,GAAjB;AACA,sBAAO,gCAAC,eAAD,EAASC,QAAT,EAAoBN,QAApB,CAAP;AACH;;AAEDF,MAAM,CAACS,SAAP,GAAmB;AACfP,EAAAA,QAAQ,EAAEQ,sBAAUC,IADL;AAEfR,EAAAA,MAAM,EAAEO,sBAAUE,MAFH;AAGfR,EAAAA,IAAI,EAAEM,sBAAUG,MAHD;AAIfR,EAAAA,KAAK,EAAEK,sBAAUE,MAJF;AAKfN,EAAAA,OAAO,EAAEI,sBAAUE,MALJ;AAMfL,EAAAA,SAAS,EAAEG,sBAAUG;AANN,CAAnB;eAQeb,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/es/row';\n\nfunction VtxRow(props) {\n const { children, gutter = 0, type, align, justify, className } = props;\n const RowProps = { gutter, type, align, justify, className };\n return <Row {...RowProps}>{children}</Row>;\n}\n\nVtxRow.propTypes = {\n children: PropTypes.node,\n gutter: PropTypes.number,\n type: PropTypes.string,\n align: PropTypes.number,\n justify: PropTypes.number,\n className: PropTypes.string,\n};\nexport default VtxRow;\n"],"file":"VtxRow.js"}
|
package/lib/vtx-search/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - 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
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
@@ -19,7 +19,9 @@ var _button = _interopRequireDefault(require("antd/es/button"));
|
|
|
19
19
|
|
|
20
20
|
var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _UpOutlined = _interopRequireDefault(require("@ant-design/icons/UpOutlined"));
|
|
23
|
+
|
|
24
|
+
var _DownOutlined = _interopRequireDefault(require("@ant-design/icons/DownOutlined"));
|
|
23
25
|
|
|
24
26
|
var _VtxRow = _interopRequireDefault(require("./VtxRow"));
|
|
25
27
|
|
|
@@ -29,13 +31,13 @@ var _TableLayout = require("../vtx-page-layout/TableLayout");
|
|
|
29
31
|
|
|
30
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
33
|
|
|
32
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
34
|
+
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); }
|
|
33
35
|
|
|
34
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
|
|
36
|
+
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; }
|
|
35
37
|
|
|
36
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
38
|
+
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; }
|
|
37
39
|
|
|
38
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
40
|
+
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; }
|
|
39
41
|
|
|
40
42
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
41
43
|
|
|
@@ -43,7 +45,7 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
|
|
|
43
45
|
|
|
44
46
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
45
47
|
|
|
46
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator
|
|
48
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
47
49
|
|
|
48
50
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
49
51
|
|
|
@@ -55,7 +57,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
55
57
|
|
|
56
58
|
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; }
|
|
57
59
|
|
|
58
|
-
function _iterableToArrayLimit(arr, i) {
|
|
60
|
+
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; }
|
|
59
61
|
|
|
60
62
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
61
63
|
|
|
@@ -292,9 +294,7 @@ function VtxSearch(props) {
|
|
|
292
294
|
return isShowMore();
|
|
293
295
|
},
|
|
294
296
|
className: "vtx-search-more"
|
|
295
|
-
}, "\u5C55\u5F00", /*#__PURE__*/_react["default"].createElement(
|
|
296
|
-
type: height > rowHeight ? 'up' : 'down'
|
|
297
|
-
}))))));
|
|
297
|
+
}, "\u5C55\u5F00", height > rowHeight ? /*#__PURE__*/_react["default"].createElement(_UpOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_DownOutlined["default"], null))))));
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
VtxSearch.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-search/index.jsx"],"names":["VtxSearch","props","layout","column","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","confirmText","clearText","onConfirm","onClear","renderButtons","showAll","onToggleShow","StoreCtx","onCollapse","initStyle","height","weightiness","setWeightiness","style","setStyle","boxStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","map","current","clientHeight","isShowMore","padding","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","paddingTop","propTypes","PropTypes","oneOf","array","number","string","node","bool","func"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-15 15:46:33\n * @Description: 查询布局组件\n * @FilePath: \\react-components\\components\\vtx-search\\index.jsx\n */\nimport React, { useState, useLayoutEffect, useRef, useContext } from 'react';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/es/button';\nimport Tooltip from 'antd/es/tooltip';\nimport Icon from 'antd/es/icon';\nimport VtxRow from './VtxRow';\nimport VtxCol from './VtxCol';\nimport { StoreCtx } from '../vtx-page-layout/TableLayout';\n\nfunction VtxSearch(props) {\n //参数列表\n const {\n layout = 'horizontal',\n column = 4, //一行显示几列\n gridWeight = [],\n titles = [],\n labelWidth = 84, //搜索条件名宽度\n wrapClassName,\n isConfirmButton = true, //是否显示确认按钮\n isClearButton = true, //是否显示清空按钮\n isMoreButton = true, //是否显示更多按钮\n confirmText = '查询', //确认按钮文本\n clearText = '重置', //情况按钮文本\n onConfirm, //确认按钮回调\n onClear, //清空按钮回调\n renderButtons, //自定义按钮块\n showAll = false, //是否展示所有查询条件\n onToggleShow,\n } = props;\n\n const { onCollapse } = useContext(StoreCtx);\n\n const initStyle = {\n height: layout === 'horizontal' ? 48 : 68,\n };\n //初始化\n const [weightiness, setWeightiness] = useState(0);\n const [style, setStyle] = useSetState(initStyle);\n const { height, boxStyle } = style;\n const ref = useRef();\n\n const newGridWeight = gridWeight.filter(item => !!item);\n const newTitles = titles.filter(item => !!item);\n const newChildren = Array.isArray(props?.children)\n ? props?.children.filter(item => !!item)\n : props?.children;\n\n const rowHeight = layout === 'horizontal' ? 48 : 68;\n\n useLayoutEffect(() => {\n let weightiness = 0;\n newGridWeight.map(item => {\n weightiness += item;\n });\n\n setWeightiness(weightiness);\n if (showAll) {\n setStyle(\n weightiness > column\n ? {\n height: ref.current.clientHeight,\n }\n : initStyle,\n );\n }\n }, [gridWeight]);\n\n const isShowMore = () => {\n const padding = 16;\n if (height > rowHeight) {\n setStyle(initStyle);\n if (onToggleShow && typeof onToggleShow === 'function') {\n onToggleShow(rowHeight + padding);\n }\n onCollapse && onCollapse(rowHeight + padding);\n } else {\n setStyle({\n height: ref.current.clientHeight,\n });\n if (onToggleShow && typeof onToggleShow === 'function') {\n onToggleShow(ref.current.clientHeight + padding);\n }\n onCollapse && onCollapse(ref.current.clientHeight + padding);\n }\n };\n\n const analyzeChildren = data => {\n let cData = data;\n if (!cData) return null;\n if (typeof data == 'function') {\n cData = data();\n }\n if (!cData.length) {\n return render(cData, 0);\n } else {\n let chData = [];\n cData.forEach(item => {\n if (typeof item == 'function') {\n let ite = item();\n if (Array.isArray(ite)) {\n chData.push(...ite);\n }\n chData.push(ite);\n return;\n }\n if (Array.isArray(item)) {\n chData.push(...item);\n return;\n }\n chData.push(item);\n });\n return chData.map((item, index) => {\n return render(item, index);\n });\n }\n };\n\n const layout_h = (d, i) => (\n <VtxRow gutter={2} attr=\"row\">\n <Tooltip title={newTitles[i]} placement=\"topRight\">\n <div\n className=\"vtx-search-label_h\"\n style={{ textAlign: 'right', width: labelWidth }}\n >\n {newTitles[i]}\n </div>\n </Tooltip>\n <div className=\"vtx-search-lists_h\" style={{ width: `calc(100% - ${labelWidth}px)` }}>\n <span className=\"vtx-search-list\">{d}</span>\n </div>\n </VtxRow>\n );\n\n const layout_v = (d, i) => (\n <VtxRow gutter={2} attr=\"row\" className=\"vtx-search-item__v\">\n <Tooltip title={newTitles[i]} placement=\"topLeft\">\n <div className=\"vtx-search-label_v\">{newTitles[i]}</div>\n </Tooltip>\n <div className=\"vtx-search-lists_v\">\n <span className=\"vtx-search-list\">{d}</span>\n </div>\n </VtxRow>\n );\n\n let render = (d, i) => {\n let gwt = newGridWeight[i];\n return (\n <VtxCol key={i} span={(24 / column) * gwt} className=\"a\">\n {layout === 'horizontal' && layout_h(d, i)}\n {layout === 'vertical' && layout_v(d, i)}\n </VtxCol>\n );\n };\n\n return (\n <div\n className={classnames('vtx-search', wrapClassName)}\n style={{ height: `${height + 16}px`, ...boxStyle }}\n >\n <div className=\"vtx-search-element\" ref={ref}>\n <VtxRow gutter={24} attr=\"row\">\n {analyzeChildren(newChildren)}\n </VtxRow>\n </div>\n\n <div\n className=\"vtx-search-buttons\"\n style={{ paddingTop: layout === 'vertical' ? 28 : 0 }}\n >\n {renderButtons ? (\n <VtxRow gutter={8} attr=\"row\">\n {renderButtons}\n </VtxRow>\n ) : (\n <VtxRow gutter={8} attr=\"row\">\n {isConfirmButton && (\n <VtxCol span={9}>\n <span data-type={'bt'}>\n <Button\n style={{ width: '100%' }}\n type=\"primary\"\n onClick={onConfirm}\n >\n {confirmText}\n </Button>\n </span>\n </VtxCol>\n )}\n {isClearButton && (\n <VtxCol span={9}>\n <span data-type={'bt'}>\n <Button style={{ width: '100%' }} onClick={onClear}>\n {clearText}\n </Button>\n </span>\n </VtxCol>\n )}\n {weightiness > column && isMoreButton && (\n <VtxCol span={6}>\n <div\n data-type={'bt'}\n onClick={() => isShowMore()}\n className=\"vtx-search-more\"\n >\n 展开\n <Icon type={height > rowHeight ? 'up' : 'down'} />\n </div>\n </VtxCol>\n )}\n </VtxRow>\n )}\n </div>\n </div>\n );\n}\n\nVtxSearch.propTypes = {\n layout: PropTypes.oneOf(['vertical', 'horizontal']),\n column: PropTypes.oneOf([1, 2, 3, 4]),\n gridWeight: PropTypes.array,\n titles: PropTypes.array,\n labelWidth: PropTypes.number,\n wrapClassName: PropTypes.string,\n children: PropTypes.node,\n isConfirmButton: PropTypes.bool,\n isClearButton: PropTypes.bool,\n isMoreButton: PropTypes.bool,\n onConfirm: PropTypes.func,\n confirmText: PropTypes.string,\n onClear: PropTypes.func,\n clearText: PropTypes.string,\n renderButtons: PropTypes.node,\n showAll: PropTypes.bool,\n onToggleShow: PropTypes.func,\n};\nexport default VtxSearch;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-search/index.jsx"],"names":["VtxSearch","props","layout","column","gridWeight","titles","labelWidth","wrapClassName","isConfirmButton","isClearButton","isMoreButton","confirmText","clearText","onConfirm","onClear","renderButtons","showAll","onToggleShow","StoreCtx","onCollapse","initStyle","height","weightiness","setWeightiness","style","setStyle","boxStyle","ref","newGridWeight","filter","item","newTitles","newChildren","Array","isArray","children","rowHeight","map","current","clientHeight","isShowMore","padding","analyzeChildren","data","cData","length","render","chData","forEach","ite","push","index","layout_h","d","i","textAlign","width","layout_v","gwt","paddingTop","propTypes","PropTypes","oneOf","array","number","string","node","bool","func"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-11 22:33:08\n * @Description: 查询布局组件\n * @FilePath: \\react-components\\components\\vtx-search\\index.jsx\n */\nimport React, { useState, useLayoutEffect, useRef, useContext } from 'react';\nimport useSetState from 'ahooks/es/useSetState';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Button from 'antd/es/button';\nimport Tooltip from 'antd/es/tooltip';\nimport UpOutlined from '@ant-design/icons/UpOutlined';\nimport DownOutlined from '@ant-design/icons/DownOutlined';\nimport VtxRow from './VtxRow';\nimport VtxCol from './VtxCol';\nimport { StoreCtx } from '../vtx-page-layout/TableLayout';\n\nfunction VtxSearch(props) {\n //参数列表\n const {\n layout = 'horizontal',\n column = 4, //一行显示几列\n gridWeight = [],\n titles = [],\n labelWidth = 84, //搜索条件名宽度\n wrapClassName,\n isConfirmButton = true, //是否显示确认按钮\n isClearButton = true, //是否显示清空按钮\n isMoreButton = true, //是否显示更多按钮\n confirmText = '查询', //确认按钮文本\n clearText = '重置', //情况按钮文本\n onConfirm, //确认按钮回调\n onClear, //清空按钮回调\n renderButtons, //自定义按钮块\n showAll = false, //是否展示所有查询条件\n onToggleShow,\n } = props;\n\n const { onCollapse } = useContext(StoreCtx);\n\n const initStyle = {\n height: layout === 'horizontal' ? 48 : 68,\n };\n //初始化\n const [weightiness, setWeightiness] = useState(0);\n const [style, setStyle] = useSetState(initStyle);\n const { height, boxStyle } = style;\n const ref = useRef();\n\n const newGridWeight = gridWeight.filter(item => !!item);\n const newTitles = titles.filter(item => !!item);\n const newChildren = Array.isArray(props?.children)\n ? props?.children.filter(item => !!item)\n : props?.children;\n\n const rowHeight = layout === 'horizontal' ? 48 : 68;\n\n useLayoutEffect(() => {\n let weightiness = 0;\n newGridWeight.map(item => {\n weightiness += item;\n });\n\n setWeightiness(weightiness);\n if (showAll) {\n setStyle(\n weightiness > column\n ? {\n height: ref.current.clientHeight,\n }\n : initStyle,\n );\n }\n }, [gridWeight]);\n\n const isShowMore = () => {\n const padding = 16;\n if (height > rowHeight) {\n setStyle(initStyle);\n if (onToggleShow && typeof onToggleShow === 'function') {\n onToggleShow(rowHeight + padding);\n }\n onCollapse && onCollapse(rowHeight + padding);\n } else {\n setStyle({\n height: ref.current.clientHeight,\n });\n if (onToggleShow && typeof onToggleShow === 'function') {\n onToggleShow(ref.current.clientHeight + padding);\n }\n onCollapse && onCollapse(ref.current.clientHeight + padding);\n }\n };\n\n const analyzeChildren = data => {\n let cData = data;\n if (!cData) return null;\n if (typeof data == 'function') {\n cData = data();\n }\n if (!cData.length) {\n return render(cData, 0);\n } else {\n let chData = [];\n cData.forEach(item => {\n if (typeof item == 'function') {\n let ite = item();\n if (Array.isArray(ite)) {\n chData.push(...ite);\n }\n chData.push(ite);\n return;\n }\n if (Array.isArray(item)) {\n chData.push(...item);\n return;\n }\n chData.push(item);\n });\n return chData.map((item, index) => {\n return render(item, index);\n });\n }\n };\n\n const layout_h = (d, i) => (\n <VtxRow gutter={2} attr=\"row\">\n <Tooltip title={newTitles[i]} placement=\"topRight\">\n <div\n className=\"vtx-search-label_h\"\n style={{ textAlign: 'right', width: labelWidth }}\n >\n {newTitles[i]}\n </div>\n </Tooltip>\n <div className=\"vtx-search-lists_h\" style={{ width: `calc(100% - ${labelWidth}px)` }}>\n <span className=\"vtx-search-list\">{d}</span>\n </div>\n </VtxRow>\n );\n\n const layout_v = (d, i) => (\n <VtxRow gutter={2} attr=\"row\" className=\"vtx-search-item__v\">\n <Tooltip title={newTitles[i]} placement=\"topLeft\">\n <div className=\"vtx-search-label_v\">{newTitles[i]}</div>\n </Tooltip>\n <div className=\"vtx-search-lists_v\">\n <span className=\"vtx-search-list\">{d}</span>\n </div>\n </VtxRow>\n );\n\n let render = (d, i) => {\n let gwt = newGridWeight[i];\n return (\n <VtxCol key={i} span={(24 / column) * gwt} className=\"a\">\n {layout === 'horizontal' && layout_h(d, i)}\n {layout === 'vertical' && layout_v(d, i)}\n </VtxCol>\n );\n };\n\n return (\n <div\n className={classnames('vtx-search', wrapClassName)}\n style={{ height: `${height + 16}px`, ...boxStyle }}\n >\n <div className=\"vtx-search-element\" ref={ref}>\n <VtxRow gutter={24} attr=\"row\">\n {analyzeChildren(newChildren)}\n </VtxRow>\n </div>\n\n <div\n className=\"vtx-search-buttons\"\n style={{ paddingTop: layout === 'vertical' ? 28 : 0 }}\n >\n {renderButtons ? (\n <VtxRow gutter={8} attr=\"row\">\n {renderButtons}\n </VtxRow>\n ) : (\n <VtxRow gutter={8} attr=\"row\">\n {isConfirmButton && (\n <VtxCol span={9}>\n <span data-type={'bt'}>\n <Button\n style={{ width: '100%' }}\n type=\"primary\"\n onClick={onConfirm}\n >\n {confirmText}\n </Button>\n </span>\n </VtxCol>\n )}\n {isClearButton && (\n <VtxCol span={9}>\n <span data-type={'bt'}>\n <Button style={{ width: '100%' }} onClick={onClear}>\n {clearText}\n </Button>\n </span>\n </VtxCol>\n )}\n {weightiness > column && isMoreButton && (\n <VtxCol span={6}>\n <div\n data-type={'bt'}\n onClick={() => isShowMore()}\n className=\"vtx-search-more\"\n >\n 展开\n {height > rowHeight ? <UpOutlined /> : <DownOutlined />}\n </div>\n </VtxCol>\n )}\n </VtxRow>\n )}\n </div>\n </div>\n );\n}\n\nVtxSearch.propTypes = {\n layout: PropTypes.oneOf(['vertical', 'horizontal']),\n column: PropTypes.oneOf([1, 2, 3, 4]),\n gridWeight: PropTypes.array,\n titles: PropTypes.array,\n labelWidth: PropTypes.number,\n wrapClassName: PropTypes.string,\n children: PropTypes.node,\n isConfirmButton: PropTypes.bool,\n isClearButton: PropTypes.bool,\n isMoreButton: PropTypes.bool,\n onConfirm: PropTypes.func,\n confirmText: PropTypes.string,\n onClear: PropTypes.func,\n clearText: PropTypes.string,\n renderButtons: PropTypes.node,\n showAll: PropTypes.bool,\n onToggleShow: PropTypes.func,\n};\nexport default VtxSearch;\n"],"file":"index.js"}
|