@zgfe/business-lib 1.0.7 → 1.0.10
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/es/addToPanel/components/addPanel.d.ts +7 -0
- package/es/addToPanel/components/addPanel.js +101 -0
- package/es/addToPanel/components/radioGroup.d.ts +7 -0
- package/es/addToPanel/components/radioGroup.js +29 -0
- package/es/addToPanel/components/styleList.d.ts +5 -0
- package/es/{dialog/components/tab.js → addToPanel/components/styleList.js} +10 -6
- package/es/{dialog/demo/index2.d.ts → addToPanel/demo/edit.d.ts} +0 -0
- package/es/{dialog/components/list.js → addToPanel/demo/edit.js} +63 -44
- package/es/{dialog/demo/index3.d.ts → addToPanel/demo/index.d.ts} +0 -0
- package/es/addToPanel/demo/index.js +78 -0
- package/es/addToPanel/index.d.ts +6 -0
- package/es/addToPanel/index.js +233 -0
- package/es/addToPanel/styles/addPanel.less +25 -0
- package/es/addToPanel/styles/index.less +6 -0
- package/es/{dialog/components/styles/tab.less → addToPanel/styles/style.less} +7 -2
- package/es/addToPanel/types.d.ts +56 -0
- package/es/addToPanel/types.js +1 -0
- package/es/addToScene/addGroup.d.ts +11 -0
- package/es/addToScene/addGroup.js +34 -0
- package/es/addToScene/demo/index.d.ts +2 -0
- package/es/addToScene/demo/index.js +34 -0
- package/es/addToScene/index.d.ts +6 -0
- package/es/addToScene/index.js +187 -0
- package/es/addToScene/styles/index.less +23 -0
- package/es/addToScene/types.d.ts +29 -0
- package/es/addToScene/types.js +1 -0
- package/es/analysisLayout/demo/index.js +6 -1
- package/es/analysisLayout/index.d.ts +1 -0
- package/es/analysisLayout/index.js +1 -0
- package/es/assets/styles/chunks.less +14 -2
- package/es/attrConditions/components/stringList.js +3 -3
- package/es/attrConditions/demo/group.js +2 -2
- package/es/attrConditions/demo/index.js +1 -1
- package/es/attrConditions/index.js +2 -2
- package/es/attrConditions/types.d.ts +1 -1
- package/es/attributeSelector/demo/index.js +1 -1
- package/es/attributeSelector/index.js +12 -2
- package/es/attributeSelector/styles/index.less +0 -1
- package/es/chart/demo/index.js +36 -4
- package/es/chart/index.d.ts +1 -1
- package/es/chart/index.js +16 -5
- package/es/constants/apis.d.ts +8 -0
- package/es/constants/apis.js +8 -0
- package/es/dialog/demo/index.d.ts +0 -23
- package/es/dialog/demo/index.js +6 -129
- package/es/dialog/index.d.ts +1 -2
- package/es/dialog/index.js +14 -183
- package/es/dialog/types.d.ts +2 -74
- package/es/index.d.ts +3 -1
- package/es/index.js +3 -1
- package/es/select/index.js +4 -2
- package/es/select/overlay.js +3 -1
- package/es/select/styles/handle.less +1 -0
- package/es/select/types.d.ts +2 -0
- package/es/targetConditionGroup/demo/index.js +1 -1
- package/es/userCondition/conditions/propCondition.js +3 -3
- package/es/userGroup/demo/index.js +4 -1
- package/es/userGroup/index.js +1 -1
- package/es/utils/ajax.d.ts +21 -7
- package/es/utils/ajax.js +205 -111
- package/package.json +3 -2
- package/es/dialog/components/itemNode.d.ts +0 -10
- package/es/dialog/components/itemNode.js +0 -109
- package/es/dialog/components/list.d.ts +0 -5
- package/es/dialog/components/selectToInput.d.ts +0 -6
- package/es/dialog/components/selectToInput.js +0 -175
- package/es/dialog/components/styles/handle.less +0 -39
- package/es/dialog/components/styles/list.less +0 -60
- package/es/dialog/components/tab.d.ts +0 -5
- package/es/dialog/data/data.d.ts +0 -20
- package/es/dialog/data/data.js +0 -73
- package/es/dialog/demo/index2.js +0 -109
- package/es/dialog/demo/index3.js +0 -61
package/es/chart/demo/index.js
CHANGED
|
@@ -1,10 +1,42 @@
|
|
|
1
|
-
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
3
|
+
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."); }
|
|
4
|
+
|
|
5
|
+
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); }
|
|
6
|
+
|
|
7
|
+
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; }
|
|
8
|
+
|
|
9
|
+
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; }
|
|
10
|
+
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
13
|
+
import React, { useRef, useState } from 'react';
|
|
2
14
|
import { BizChart } from '@zgfe/business-lib';
|
|
3
15
|
import chartData from './data/data';
|
|
16
|
+
import { Button, Image } from 'antd';
|
|
4
17
|
export default (function () {
|
|
5
|
-
|
|
18
|
+
var chartRef = useRef();
|
|
19
|
+
|
|
20
|
+
var _useState = useState(),
|
|
21
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
+
chartImg = _useState2[0],
|
|
23
|
+
setChartImg = _useState2[1];
|
|
24
|
+
|
|
25
|
+
var onClick = function onClick() {
|
|
26
|
+
var url = chartRef.current.instance.getDataURL();
|
|
27
|
+
setChartImg(url);
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BizChart, {
|
|
6
31
|
data: chartData,
|
|
7
32
|
type: "line",
|
|
8
|
-
legendPosition: "bottom"
|
|
9
|
-
|
|
33
|
+
legendPosition: "bottom",
|
|
34
|
+
ref: chartRef
|
|
35
|
+
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Button, {
|
|
36
|
+
onClick: onClick
|
|
37
|
+
}, "\u83B7\u53D6\u56FE\u8868\u56FE\u7247"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Image, {
|
|
38
|
+
src: chartImg,
|
|
39
|
+
width: "100%",
|
|
40
|
+
height: 300
|
|
41
|
+
}));
|
|
10
42
|
});
|
package/es/chart/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './util/data/china.js';
|
|
3
3
|
import { ChartTypes } from './types';
|
|
4
|
-
declare const BizChart: React.
|
|
4
|
+
declare const BizChart: React.ForwardRefExoticComponent<ChartTypes.Props & React.RefAttributes<any>>;
|
|
5
5
|
export default BizChart;
|
package/es/chart/index.js
CHANGED
|
@@ -16,15 +16,14 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
16
16
|
|
|
17
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
18
|
|
|
19
|
-
import React, { useEffect, useState } from 'react';
|
|
19
|
+
import React, { useEffect, useImperativeHandle, useState } from 'react';
|
|
20
20
|
import ReactEChartsCore from 'echarts-for-react/lib/core';
|
|
21
21
|
import * as echarts from 'echarts';
|
|
22
22
|
import { getChartOption, getPieOption, getMapOption } from './util/chartOptionConfig';
|
|
23
23
|
import { provinceSeries, citySeries, maxMinValue } from './util/mapUtil';
|
|
24
24
|
import { formatPieData, formatChartData } from './util/formatData';
|
|
25
25
|
import './util/data/china.js';
|
|
26
|
-
|
|
27
|
-
var BizChart = function BizChart(props) {
|
|
26
|
+
var BizChart = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
28
27
|
var type = props.type,
|
|
29
28
|
data = props.data,
|
|
30
29
|
showList = props.showList,
|
|
@@ -50,6 +49,11 @@ var BizChart = function BizChart(props) {
|
|
|
50
49
|
chartOption = _useState2[0],
|
|
51
50
|
setChartOption = _useState2[1];
|
|
52
51
|
|
|
52
|
+
var _useState3 = useState(),
|
|
53
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
54
|
+
instance = _useState4[0],
|
|
55
|
+
setInstance = _useState4[1];
|
|
56
|
+
|
|
53
57
|
useEffect(function () {
|
|
54
58
|
if (option) {
|
|
55
59
|
setChartOption(function () {
|
|
@@ -82,7 +86,15 @@ var BizChart = function BizChart(props) {
|
|
|
82
86
|
return _objectSpread({}, eOption);
|
|
83
87
|
});
|
|
84
88
|
}, [data, showAll, showList, reverseXAxis]);
|
|
89
|
+
useImperativeHandle(ref, function () {
|
|
90
|
+
return {
|
|
91
|
+
instance: instance
|
|
92
|
+
};
|
|
93
|
+
});
|
|
85
94
|
return /*#__PURE__*/React.createElement(ReactEChartsCore, {
|
|
95
|
+
ref: function ref(e) {
|
|
96
|
+
setInstance(e === null || e === void 0 ? void 0 : e.getEchartsInstance());
|
|
97
|
+
},
|
|
86
98
|
echarts: echarts,
|
|
87
99
|
option: chartOption,
|
|
88
100
|
notMerge: true,
|
|
@@ -92,8 +104,7 @@ var BizChart = function BizChart(props) {
|
|
|
92
104
|
width: '100%'
|
|
93
105
|
}
|
|
94
106
|
});
|
|
95
|
-
};
|
|
96
|
-
|
|
107
|
+
});
|
|
97
108
|
BizChart.defaultProps = {
|
|
98
109
|
showAll: false,
|
|
99
110
|
reverseXAxis: false,
|
|
@@ -1,25 +1,2 @@
|
|
|
1
|
-
export declare const chartTypes: ({
|
|
2
|
-
label: string;
|
|
3
|
-
value: string;
|
|
4
|
-
icon: string;
|
|
5
|
-
disabled?: undefined;
|
|
6
|
-
children?: undefined;
|
|
7
|
-
} | {
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
icon: string;
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
children?: undefined;
|
|
13
|
-
} | {
|
|
14
|
-
label: string;
|
|
15
|
-
value: string;
|
|
16
|
-
icon: string;
|
|
17
|
-
children: {
|
|
18
|
-
label: string;
|
|
19
|
-
value: string;
|
|
20
|
-
icon: string;
|
|
21
|
-
}[];
|
|
22
|
-
disabled?: undefined;
|
|
23
|
-
})[];
|
|
24
1
|
declare const _default: () => JSX.Element;
|
|
25
2
|
export default _default;
|
package/es/dialog/demo/index.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
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; }
|
|
2
|
-
|
|
3
|
-
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; }
|
|
4
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
2
|
|
|
9
3
|
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."); }
|
|
@@ -19,142 +13,25 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
19
13
|
import React, { useState } from 'react';
|
|
20
14
|
import { BizDialog } from '@zgfe/business-lib';
|
|
21
15
|
import { Button } from 'antd';
|
|
22
|
-
var options = [{
|
|
23
|
-
id: 11,
|
|
24
|
-
name: '分类一'
|
|
25
|
-
}, {
|
|
26
|
-
id: 22,
|
|
27
|
-
name: '分类二'
|
|
28
|
-
}, {
|
|
29
|
-
id: 33,
|
|
30
|
-
name: '分分类三一'
|
|
31
|
-
}];
|
|
32
|
-
export var chartTypes = [{
|
|
33
|
-
label: '趋势图',
|
|
34
|
-
value: 'line',
|
|
35
|
-
icon: 'qushitu1'
|
|
36
|
-
}, {
|
|
37
|
-
label: '汇总图',
|
|
38
|
-
value: 'bar',
|
|
39
|
-
icon: 'huizongtu'
|
|
40
|
-
}, {
|
|
41
|
-
label: '地图',
|
|
42
|
-
value: 'map',
|
|
43
|
-
icon: 'ditu',
|
|
44
|
-
disabled: true
|
|
45
|
-
}, {
|
|
46
|
-
label: '表格',
|
|
47
|
-
value: 'table',
|
|
48
|
-
icon: 'biaoge',
|
|
49
|
-
children: [{
|
|
50
|
-
label: '趋势图',
|
|
51
|
-
value: 'line',
|
|
52
|
-
icon: 'qushitu1'
|
|
53
|
-
}, {
|
|
54
|
-
label: '汇总图',
|
|
55
|
-
value: 'bar',
|
|
56
|
-
icon: 'huizongtu'
|
|
57
|
-
}]
|
|
58
|
-
}, {
|
|
59
|
-
label: '分数',
|
|
60
|
-
value: 'fraction',
|
|
61
|
-
icon: 'fenshu'
|
|
62
|
-
}];
|
|
63
|
-
var fields = [{
|
|
64
|
-
label: '分类',
|
|
65
|
-
name: 'class',
|
|
66
|
-
extendName: 'range',
|
|
67
|
-
type: 'selectToInput',
|
|
68
|
-
options: options,
|
|
69
|
-
children: ['range'],
|
|
70
|
-
fieldNames: {
|
|
71
|
-
label: 'name',
|
|
72
|
-
value: 'id'
|
|
73
|
-
},
|
|
74
|
-
rules: [{
|
|
75
|
-
required: true,
|
|
76
|
-
message: '请选择分类'
|
|
77
|
-
}],
|
|
78
|
-
onChange: function onChange(val) {
|
|
79
|
-
console.log('value>>>', val);
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
label: '名称',
|
|
83
|
-
name: 'name',
|
|
84
|
-
type: 'input',
|
|
85
|
-
rules: [{
|
|
86
|
-
required: true,
|
|
87
|
-
message: '请输入名称'
|
|
88
|
-
}]
|
|
89
|
-
}, {
|
|
90
|
-
label: '图表',
|
|
91
|
-
name: 'chart',
|
|
92
|
-
type: 'tab',
|
|
93
|
-
options: chartTypes,
|
|
94
|
-
rules: [{
|
|
95
|
-
required: true,
|
|
96
|
-
message: '请选择图表'
|
|
97
|
-
}]
|
|
98
|
-
}, {
|
|
99
|
-
label: '显示',
|
|
100
|
-
name: 'show',
|
|
101
|
-
type: 'radio',
|
|
102
|
-
direction: 'vertical',
|
|
103
|
-
dependenceFields: {
|
|
104
|
-
chart: 'line'
|
|
105
|
-
},
|
|
106
|
-
options: [{
|
|
107
|
-
label: '动态显示数据最多的10个分组',
|
|
108
|
-
value: 'dynamic'
|
|
109
|
-
}, {
|
|
110
|
-
label: '固定显示当前选择的分组',
|
|
111
|
-
value: 'fix'
|
|
112
|
-
}],
|
|
113
|
-
rules: [{
|
|
114
|
-
required: true,
|
|
115
|
-
message: '请选择'
|
|
116
|
-
}]
|
|
117
|
-
}];
|
|
118
|
-
var formData = {
|
|
119
|
-
class: {
|
|
120
|
-
id: 11,
|
|
121
|
-
name: '分类一'
|
|
122
|
-
},
|
|
123
|
-
range: 'public',
|
|
124
|
-
show: 'dynamic',
|
|
125
|
-
chart: 'line'
|
|
126
|
-
};
|
|
127
16
|
export default (function () {
|
|
128
17
|
var _useState = useState(false),
|
|
129
18
|
_useState2 = _slicedToArray(_useState, 2),
|
|
130
19
|
visible = _useState2[0],
|
|
131
20
|
setVisible = _useState2[1];
|
|
132
21
|
|
|
133
|
-
var _useState3 = useState(),
|
|
134
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
135
|
-
dialogData = _useState4[0],
|
|
136
|
-
setDialogData = _useState4[1];
|
|
137
|
-
|
|
138
|
-
var handleSubmit = function handleSubmit(data) {
|
|
139
|
-
setDialogData(function () {
|
|
140
|
-
return _objectSpread({}, data);
|
|
141
|
-
});
|
|
142
|
-
setVisible(false);
|
|
143
|
-
};
|
|
144
|
-
|
|
145
22
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
146
23
|
type: "primary",
|
|
147
24
|
onClick: function onClick() {
|
|
148
25
|
setVisible(true);
|
|
149
26
|
}
|
|
150
|
-
}, "\
|
|
151
|
-
title: "\
|
|
27
|
+
}, "\u6253\u5F00\u5F39\u7A97"), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(BizDialog, {
|
|
28
|
+
title: "\u6807\u9898",
|
|
152
29
|
visible: visible,
|
|
153
|
-
onOk:
|
|
154
|
-
|
|
155
|
-
|
|
30
|
+
onOk: function onOk() {
|
|
31
|
+
setVisible(false);
|
|
32
|
+
},
|
|
156
33
|
onCancel: function onCancel() {
|
|
157
34
|
setVisible(false);
|
|
158
35
|
}
|
|
159
|
-
}));
|
|
36
|
+
}, "fdfdfdsa"));
|
|
160
37
|
});
|
package/es/dialog/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { FormItemProps, ModalProps } from 'antd';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { DialogTypes } from './types';
|
|
4
3
|
import './styles/index.less';
|
|
5
4
|
export declare const classPrefix = "biz-dialog";
|
|
6
|
-
declare const BizDialog: React.FC<
|
|
5
|
+
declare const BizDialog: React.FC<DialogTypes.Props>;
|
|
7
6
|
export default BizDialog;
|
package/es/dialog/index.js
CHANGED
|
@@ -1,207 +1,38 @@
|
|
|
1
|
-
var _excluded = ["width", "initialValues", "fields", "visible", "showMark", "layout"];
|
|
2
|
-
|
|
3
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
4
|
-
|
|
5
1
|
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; }
|
|
6
2
|
|
|
7
3
|
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; }
|
|
8
4
|
|
|
9
5
|
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; }
|
|
10
6
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
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."); }
|
|
14
|
-
|
|
15
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
16
|
-
|
|
17
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
18
|
-
|
|
19
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
20
|
-
|
|
21
|
-
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."); }
|
|
22
|
-
|
|
23
|
-
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); }
|
|
24
|
-
|
|
25
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
30
|
-
|
|
31
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
32
|
-
|
|
33
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
34
|
-
|
|
35
|
-
import { Form, Modal } from 'antd';
|
|
36
|
-
import React, { useEffect, useState } from 'react';
|
|
7
|
+
import { Modal } from 'antd';
|
|
8
|
+
import React from 'react';
|
|
37
9
|
import './styles/index.less';
|
|
38
|
-
import ItemNode from './components/itemNode';
|
|
39
10
|
export var classPrefix = 'biz-dialog';
|
|
40
11
|
|
|
41
12
|
var BizDialog = function BizDialog(props) {
|
|
42
|
-
|
|
43
|
-
initialValues = props.initialValues,
|
|
44
|
-
fields = props.fields,
|
|
45
|
-
visible = props.visible,
|
|
46
|
-
showMark = props.showMark,
|
|
47
|
-
layout = props.layout,
|
|
48
|
-
res = _objectWithoutProperties(props, _excluded);
|
|
49
|
-
|
|
50
|
-
var _Form$useForm = Form.useForm(),
|
|
51
|
-
_Form$useForm2 = _slicedToArray(_Form$useForm, 1),
|
|
52
|
-
form = _Form$useForm2[0];
|
|
53
|
-
|
|
54
|
-
var _useState = useState(fields),
|
|
55
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
56
|
-
formFields = _useState2[0],
|
|
57
|
-
setFormFields = _useState2[1];
|
|
58
|
-
|
|
59
|
-
useEffect(function () {
|
|
60
|
-
if (visible) {
|
|
61
|
-
form.resetFields();
|
|
62
|
-
}
|
|
63
|
-
}, [visible]);
|
|
64
|
-
useEffect(function () {
|
|
65
|
-
setFormFields(function () {
|
|
66
|
-
return _toConsumableArray(fields);
|
|
67
|
-
});
|
|
68
|
-
}, [fields]);
|
|
69
|
-
|
|
70
|
-
var onOk = function onOk() {
|
|
71
|
-
form.validateFields().then(function (values) {
|
|
72
|
-
props.onOk && props.onOk(values);
|
|
73
|
-
}).catch(function (info) {
|
|
74
|
-
console.log('Validate Failed:', info);
|
|
75
|
-
});
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
var onCancel = function onCancel() {
|
|
79
|
-
if (props.onCancel) props.onCancel();
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
return /*#__PURE__*/React.createElement(Modal, _objectSpread(_objectSpread({
|
|
83
|
-
width: width,
|
|
84
|
-
centered: true,
|
|
85
|
-
visible: visible,
|
|
13
|
+
return /*#__PURE__*/React.createElement(Modal, _objectSpread({
|
|
86
14
|
maskStyle: {
|
|
87
15
|
background: '#021429',
|
|
88
16
|
opacity: 0.8
|
|
89
17
|
},
|
|
90
18
|
bodyStyle: {
|
|
91
19
|
borderRadius: '10px'
|
|
92
|
-
},
|
|
93
|
-
cancelText: "\u53D6\u6D88",
|
|
94
|
-
okText: "\u786E\u5B9A",
|
|
95
|
-
closable: false
|
|
96
|
-
}, res), {}, {
|
|
97
|
-
onCancel: onCancel,
|
|
98
|
-
onOk: onOk
|
|
99
|
-
}), /*#__PURE__*/React.createElement(Form, {
|
|
100
|
-
className: classPrefix,
|
|
101
|
-
form: form,
|
|
102
|
-
requiredMark: showMark,
|
|
103
|
-
initialValues: initialValues,
|
|
104
|
-
layout: layout
|
|
105
|
-
}, formFields === null || formFields === void 0 ? void 0 : formFields.map(function (item) {
|
|
106
|
-
if (item.dependenceFields && Object.keys(item.dependenceFields).length > 0) {
|
|
107
|
-
var keys = Object.keys(item.dependenceFields);
|
|
108
|
-
var dependenceFields = item.dependenceFields;
|
|
109
|
-
return /*#__PURE__*/React.createElement(Form.Item, {
|
|
110
|
-
key: item.name,
|
|
111
|
-
noStyle: true,
|
|
112
|
-
shouldUpdate: function shouldUpdate(prevValues, curValues) {
|
|
113
|
-
var flag = false;
|
|
114
|
-
|
|
115
|
-
var _iterator = _createForOfIteratorHelper(keys),
|
|
116
|
-
_step;
|
|
117
|
-
|
|
118
|
-
try {
|
|
119
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
120
|
-
var key = _step.value;
|
|
121
|
-
|
|
122
|
-
if (item.dependencekeys && item.dependencekeys[key]) {
|
|
123
|
-
var dKey = item.dependencekeys[key];
|
|
124
|
-
|
|
125
|
-
if (prevValues[key][dKey] !== curValues[key][dKey]) {
|
|
126
|
-
flag = true;
|
|
127
|
-
break;
|
|
128
|
-
}
|
|
129
|
-
} else {
|
|
130
|
-
if (prevValues[key] !== curValues[key]) {
|
|
131
|
-
flag = true;
|
|
132
|
-
break;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
} catch (err) {
|
|
137
|
-
_iterator.e(err);
|
|
138
|
-
} finally {
|
|
139
|
-
_iterator.f();
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
return flag;
|
|
143
|
-
}
|
|
144
|
-
}, function (_ref) {
|
|
145
|
-
var getFieldValue = _ref.getFieldValue;
|
|
146
|
-
var flag = true;
|
|
147
|
-
|
|
148
|
-
var _iterator2 = _createForOfIteratorHelper(keys),
|
|
149
|
-
_step2;
|
|
150
|
-
|
|
151
|
-
try {
|
|
152
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
153
|
-
var key = _step2.value;
|
|
154
|
-
|
|
155
|
-
if (getFieldValue(key) !== dependenceFields[key]) {
|
|
156
|
-
flag = false;
|
|
157
|
-
break;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
} catch (err) {
|
|
161
|
-
_iterator2.e(err);
|
|
162
|
-
} finally {
|
|
163
|
-
_iterator2.f();
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
return flag ? /*#__PURE__*/React.createElement(Form.Item, {
|
|
167
|
-
label: item.label,
|
|
168
|
-
name: item.name,
|
|
169
|
-
hidden: item.hidden,
|
|
170
|
-
rules: item.rules,
|
|
171
|
-
help: item.help,
|
|
172
|
-
wrapperCol: {
|
|
173
|
-
offset: !item.label && layout === 'horizontal' ? 2 : 0
|
|
174
|
-
},
|
|
175
|
-
shouldUpdate: true
|
|
176
|
-
}, /*#__PURE__*/React.createElement(ItemNode, {
|
|
177
|
-
field: item,
|
|
178
|
-
fieldNames: item.fieldNames
|
|
179
|
-
})) : null;
|
|
180
|
-
});
|
|
181
|
-
} else {
|
|
182
|
-
return /*#__PURE__*/React.createElement(Form.Item, {
|
|
183
|
-
key: item.name,
|
|
184
|
-
label: item.label,
|
|
185
|
-
name: item.name,
|
|
186
|
-
hidden: item.hidden,
|
|
187
|
-
rules: item.rules,
|
|
188
|
-
help: item.help,
|
|
189
|
-
wrapperCol: {
|
|
190
|
-
offset: !item.label && layout === 'horizontal' ? 2 : 0
|
|
191
|
-
},
|
|
192
|
-
shouldUpdate: true
|
|
193
|
-
}, /*#__PURE__*/React.createElement(ItemNode, {
|
|
194
|
-
field: item,
|
|
195
|
-
fieldNames: item.fieldNames
|
|
196
|
-
}));
|
|
197
20
|
}
|
|
198
|
-
}))
|
|
21
|
+
}, props), props.children);
|
|
199
22
|
};
|
|
200
23
|
|
|
201
24
|
BizDialog.defaultProps = {
|
|
202
25
|
width: 520,
|
|
203
26
|
visible: false,
|
|
204
|
-
|
|
205
|
-
|
|
27
|
+
cancelText: '取消',
|
|
28
|
+
okText: '确定',
|
|
29
|
+
closable: false,
|
|
30
|
+
centered: true,
|
|
31
|
+
okButtonProps: {
|
|
32
|
+
size: 'large'
|
|
33
|
+
},
|
|
34
|
+
cancelButtonProps: {
|
|
35
|
+
size: 'large'
|
|
36
|
+
}
|
|
206
37
|
};
|
|
207
38
|
export default BizDialog;
|
package/es/dialog/types.d.ts
CHANGED
|
@@ -1,77 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ReactNode } from 'react';
|
|
3
|
-
import { BizSelectTypes } from '../select/types';
|
|
4
|
-
export declare namespace TabTypes {
|
|
5
|
-
interface Props {
|
|
6
|
-
value?: string;
|
|
7
|
-
options: Array<TabItem>;
|
|
8
|
-
onChange?: (value: string) => void;
|
|
9
|
-
}
|
|
10
|
-
interface TabItemChild {
|
|
11
|
-
label: string;
|
|
12
|
-
value: string;
|
|
13
|
-
icon: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
}
|
|
16
|
-
interface TabItem extends TabItemChild {
|
|
17
|
-
children?: Array<TabItemChild>;
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
export interface SelectInputProps {
|
|
21
|
-
name?: string;
|
|
22
|
-
extendName?: string;
|
|
23
|
-
value?: string;
|
|
24
|
-
onChange?: (value?: BizSelectTypes.Option | undefined) => void;
|
|
25
|
-
}
|
|
26
|
-
export interface ItemProps {
|
|
27
|
-
id: string | number;
|
|
28
|
-
title?: string;
|
|
29
|
-
content?: string;
|
|
30
|
-
icon?: string;
|
|
31
|
-
}
|
|
32
|
-
export interface ListProps {
|
|
33
|
-
value?: string | number;
|
|
34
|
-
options?: Array<ItemProps>;
|
|
35
|
-
onChange?: (value: string | number) => void;
|
|
36
|
-
}
|
|
1
|
+
import { ModalProps } from 'antd';
|
|
37
2
|
export declare namespace DialogTypes {
|
|
38
|
-
|
|
39
|
-
label: string;
|
|
40
|
-
value: string;
|
|
41
|
-
}
|
|
42
|
-
interface Option {
|
|
43
|
-
[otherProp: string]: any;
|
|
44
|
-
}
|
|
45
|
-
export interface FieldProps {
|
|
46
|
-
label?: string;
|
|
47
|
-
type?: string;
|
|
48
|
-
value?: string | number;
|
|
49
|
-
dependenceFields?: {
|
|
50
|
-
[pro: string]: string;
|
|
51
|
-
};
|
|
52
|
-
dependencekeys?: {
|
|
53
|
-
[pro: string]: string;
|
|
54
|
-
};
|
|
55
|
-
placeholder?: string;
|
|
56
|
-
direction?: 'horizontal' | 'vertical';
|
|
57
|
-
options?: Option[];
|
|
58
|
-
extendName?: string;
|
|
59
|
-
fieldNames?: FieldOption;
|
|
60
|
-
children?: Array<string>;
|
|
61
|
-
multiple?: boolean;
|
|
62
|
-
selectType?: 'group' | 'normal';
|
|
63
|
-
enableSearch?: boolean;
|
|
64
|
-
overlayWidth?: number;
|
|
65
|
-
extra?: (option: Option) => ReactNode;
|
|
66
|
-
onChange?: (value?: any) => void;
|
|
67
|
-
}
|
|
68
|
-
export interface Props {
|
|
69
|
-
layout?: 'horizontal' | 'vertical' | 'inline';
|
|
70
|
-
fields: Array<FieldProps & FormItemProps>;
|
|
71
|
-
initialValues?: object;
|
|
72
|
-
showMark?: boolean;
|
|
73
|
-
onOk?: (data: object) => void;
|
|
74
|
-
onCancel?: () => void;
|
|
3
|
+
interface Props extends ModalProps {
|
|
75
4
|
}
|
|
76
|
-
export {};
|
|
77
5
|
}
|
package/es/index.d.ts
CHANGED
|
@@ -19,7 +19,9 @@ import convertAttributeData from './attributeSelector/util';
|
|
|
19
19
|
import BizGlobalDataContext from './context';
|
|
20
20
|
import BizUserCondition from './userCondition';
|
|
21
21
|
import BizSearchInput from './searchInput';
|
|
22
|
-
|
|
22
|
+
import BizAddToScene from './addToScene';
|
|
23
|
+
import BizAddToPanel from './addToPanel';
|
|
24
|
+
export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, ajax, util, theme, convertAttributeData, };
|
|
23
25
|
export type { UserGroupTypes } from './userGroup/types';
|
|
24
26
|
export type { BizSelectTypes } from './select/types';
|
|
25
27
|
export type { AttributeSelect } from './attributeSelector/types';
|
package/es/index.js
CHANGED
|
@@ -18,4 +18,6 @@ import convertAttributeData from './attributeSelector/util';
|
|
|
18
18
|
import BizGlobalDataContext from './context';
|
|
19
19
|
import BizUserCondition from './userCondition';
|
|
20
20
|
import BizSearchInput from './searchInput';
|
|
21
|
-
|
|
21
|
+
import BizAddToScene from './addToScene';
|
|
22
|
+
import BizAddToPanel from './addToPanel';
|
|
23
|
+
export { BizSearchInput, BizSelect, BizDialog, BizChart, BizTable, BizAnalysisLayout, BizUserGroup, IconFont, BizTargetSelector, BizEventSelector, BizAttributeSelector, BizGlobalDataContext, BizTargetCondition, BizDatePicker, BizConditionItem, BizConditionGroup, BizUserCondition, BizAddToScene, BizAddToPanel, ajax, util, theme, convertAttributeData };
|