uepay-mesh 4.0.8 → 4.0.11

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.
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _antd = require("antd");
11
+
12
+ var _CloseCircleOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/CloseCircleOutlined"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ const {
17
+ confirm,
18
+ error
19
+ } = _antd.Modal;
20
+
21
+ function errorTip(title, content) {
22
+ function destroy() {
23
+ clearTimeout(idl);
24
+ instance.destroy();
25
+ }
26
+
27
+ const idl = setTimeout(destroy, 5000),
28
+ instance = error({
29
+ title: title,
30
+ icon: /*#__PURE__*/_react.default.createElement(_CloseCircleOutlined.default, null),
31
+ content: content,
32
+ okText: '5秒后自动关闭',
33
+ okType: 'danger',
34
+ onOk: destroy
35
+ });
36
+ }
37
+
38
+ var _default = errorTip;
39
+ exports.default = _default;
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _antd = require("antd");
11
+
12
+ var _CloseCircleOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/CloseCircleOutlined"));
13
+
14
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
+
16
+ const {
17
+ confirm,
18
+ info
19
+ } = _antd.Modal;
20
+
21
+ function none(e) {}
22
+ /**
23
+ * 加载数据提示
24
+ * @param title 弹窗title信息
25
+ * @param content 弹窗content信息
26
+ * @return {{close:function}} close方法用于关闭弹窗
27
+ */
28
+
29
+
30
+ function loadTip(_ref) {
31
+ let {
32
+ title = '等待系统处理',
33
+ content = '系统处理中......'
34
+ } = _ref;
35
+ const instance = info({
36
+ title: title,
37
+ content: /*#__PURE__*/_react.default.createElement(_antd.Spin, null, /*#__PURE__*/_react.default.createElement(_antd.Alert, {
38
+ message: content,
39
+ type: "info"
40
+ })),
41
+ okButtonProps: {
42
+ size: 'small',
43
+ loading: true,
44
+ type: 'link'
45
+ },
46
+ okText: '.',
47
+ onOk: none
48
+ }),
49
+ options = {
50
+ close: function close() {
51
+ instance.destroy();
52
+ }
53
+ };
54
+ return options;
55
+ }
56
+
57
+ var _default = loadTip;
58
+ exports.default = _default;
@@ -415,7 +415,8 @@ class EditAbleForm extends _react.default.Component {
415
415
  host,
416
416
  collect,
417
417
  deliverAuth,
418
- pkData
418
+ pkData,
419
+ insertForceValue
419
420
  } = this.props,
420
421
  {
421
422
  state,
@@ -453,7 +454,8 @@ class EditAbleForm extends _react.default.Component {
453
454
  ref: dom => {
454
455
  this.dom = dom;
455
456
  },
456
- collect: collect
457
+ collect: collect,
458
+ insertForceValue: insertForceValue
457
459
  });
458
460
  break;
459
461
 
@@ -489,7 +491,13 @@ EditAbleForm.propTypes = {
489
491
  onClose: _propTypes.default.func.isRequired,
490
492
  onSubmit: _propTypes.default.func.isRequired,
491
493
  //提交数据成功的回调 (record)=>{}
492
- pkData: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool])
494
+ pkData: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
495
+
496
+ /**
497
+ * 当进行新增时指定的强制默认值.
498
+ * @link StandardAddForm
499
+ */
500
+ insertForceValue: _propTypes.default.object
493
501
  };
494
502
  EditAbleForm.defaultProps = {
495
503
  state: 'VIEW',
@@ -33,6 +33,11 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
33
33
 
34
34
  /**
35
35
  * 表單視圖
36
+ * @param props.insertForceValue {Object} {label:value} 外部传入的强制默认值。当进行添加操作时,这鞋数值会默认填入。如果希望修改数据库
37
+ * @example insertForceValue的使用说明:
38
+ * 外部传入的强制默认值。当进行添加操作时,这鞋数值会默认填入。如果希望修改数据库需要将字段配置为可新增。
39
+ * 结构是{label1:value1,label2:value2}
40
+ * label对应字段的label值,value为默认的数值
36
41
  */
37
42
  class StandardAddForm extends _standardForm.default {
38
43
  constructor() {
@@ -43,6 +48,10 @@ class StandardAddForm extends _standardForm.default {
43
48
  });
44
49
  }
45
50
 
51
+ initState() {
52
+ return this.props.insertForceValue;
53
+ }
54
+
46
55
  processColumns(collect) {
47
56
  return (0, _modifyFormProcessor.processInitColumns)(collect);
48
57
  }
@@ -102,19 +111,31 @@ class StandardAddForm extends _standardForm.default {
102
111
  const {
103
112
  props,
104
113
  state
105
- } = this;
114
+ } = this,
115
+ {
116
+ host,
117
+ data,
118
+ insertForceValue
119
+ } = props;
106
120
  return /*#__PURE__*/_react.default.createElement("div", {
107
121
  className: "uepay-standard-form"
108
122
  }, this.collect.fieldList.filter(i => "FORM" === i.show || "ALL" === i.show).map(i => {
109
123
  let Comp = null;
110
124
 
111
125
  if (_authOptions.OptValidateUtil.isInsert(i.edit)) {
112
- if (i.alias && i.aliasId) {
126
+ if (insertForceValue[i.label]) {
127
+ Comp = /*#__PURE__*/_react.default.createElement(_redundanceCellItem.default, {
128
+ key: i.name,
129
+ column: i,
130
+ defaultData: data,
131
+ data: state
132
+ });
133
+ } else if (i.alias && i.aliasId) {
113
134
  Comp = /*#__PURE__*/_react.default.createElement(_aliasCellItem.default, {
114
- host: props.host,
135
+ host: host,
115
136
  key: i.name,
116
137
  column: i,
117
- defaultData: props.data,
138
+ defaultData: data,
118
139
  data: state,
119
140
  onChange: this.handleChange
120
141
  });
@@ -129,7 +150,7 @@ class StandardAddForm extends _standardForm.default {
129
150
  Comp = /*#__PURE__*/_react.default.createElement(_redundanceCellItem.default, {
130
151
  key: i.name,
131
152
  column: i,
132
- defaultData: props.data,
153
+ defaultData: data,
133
154
  data: state
134
155
  });
135
156
  } else {
@@ -144,7 +165,7 @@ class StandardAddForm extends _standardForm.default {
144
165
  Comp = /*#__PURE__*/_react.default.createElement(_redundanceCellItem.default, {
145
166
  key: i.name,
146
167
  column: i,
147
- defaultData: props.data,
168
+ defaultData: data,
148
169
  data: state
149
170
  });
150
171
  }
@@ -157,7 +178,13 @@ class StandardAddForm extends _standardForm.default {
157
178
 
158
179
  StandardAddForm.propTypes = {
159
180
  host: _propTypes.default.string.isRequired,
160
- collect: _propTypes.default.object.isRequired
181
+ collect: _propTypes.default.object.isRequired,
182
+ insertForceValue: _propTypes.default.object
183
+ };
184
+ StandardAddForm.defaultProps = {
185
+ data: {},
186
+ insertForceValue: {} //從外部傳遞的强制限制的數值,儅對此進行限定時候,表單必須提交此數值
187
+
161
188
  };
162
189
  var _default = StandardAddForm;
163
190
  exports.default = _default;
@@ -53,9 +53,13 @@ class StandardForm extends _react.default.Component {
53
53
  this.columnDict[field.label] = field;
54
54
  }
55
55
 
56
- this.state = this.props.data;
56
+ this.state = this.initState();
57
57
  this.collect = collect;
58
58
  }
59
+
60
+ initState() {
61
+ return this.props.data;
62
+ }
59
63
  /**
60
64
  * @param label 当前修改对应的label
61
65
  * @param record 修改后的数值 {label:value}
@@ -13,13 +13,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
13
13
 
14
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
15
 
16
- const OptionsFormQueryAbleTableContext = /*#__PURE__*/(0, _react.createContext)({
16
+ const QueryAbleTableContext = /*#__PURE__*/(0, _react.createContext)({
17
+ options: [],
17
18
  host: undefined,
18
19
  type: 'auto',
19
20
  collectId: undefined,
20
21
  flush: () => {}
21
22
  });
22
- const Provider = OptionsFormQueryAbleTableContext.Provider;
23
+ const Provider = QueryAbleTableContext.Provider;
23
24
  exports.Provider = Provider;
24
- const Consumer = OptionsFormQueryAbleTableContext.Consumer;
25
+ const Consumer = QueryAbleTableContext.Consumer;
25
26
  exports.Consumer = Consumer;
@@ -1,5 +1,13 @@
1
1
  import QueryAbleTable, {Props} from './queryAbleTable'
2
2
 
3
- declare class FormQueryAbleTable extends QueryAbleTable<Props> {}
3
+
4
+ interface FormQueryAbleTableProps extends Props{
5
+
6
+ /**
7
+ * 当进行新增时指定的强制默认值. 见StandardAddForm说明
8
+ */
9
+ insertForceValue?: Object
10
+ }
11
+ declare class FormQueryAbleTable extends QueryAbleTable<FormQueryAbleTableProps> {}
4
12
 
5
13
  export default FormQueryAbleTable
@@ -21,8 +21,6 @@ var _formBridging = _interopRequireDefault(require("./queryAbleTable/formBridgin
21
21
 
22
22
  var _excelBridging = _interopRequireDefault(require("./queryAbleTable/excelBridging"));
23
23
 
24
- var _serverEnums = require("../config/serverEnums");
25
-
26
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
25
 
28
26
  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; }
@@ -89,13 +87,15 @@ class FormQueryAbleTable extends _queryAbleTable.default {
89
87
  } = this.state,
90
88
  {
91
89
  host,
92
- deliverAuth
90
+ deliverAuth,
91
+ insertForceValue
93
92
  } = this.props,
94
93
  {
95
94
  collect,
96
95
  collectId
97
96
  } = this;
98
97
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_formBridging.default, {
98
+ id: this.getId(),
99
99
  onClose: this.handleFormClose,
100
100
  deliverAuth: deliverAuth,
101
101
  onSubmit: this.handleFormSubmit,
@@ -104,8 +104,10 @@ class FormQueryAbleTable extends _queryAbleTable.default {
104
104
  collectId: collectId,
105
105
  host: host,
106
106
  pkData: form.pkValue,
107
+ insertForceValue: insertForceValue,
107
108
  state: form.state
108
109
  }), /*#__PURE__*/_react.default.createElement(_excelBridging.default, {
110
+ id: this.getId(),
109
111
  onClose: this.handleExcelClose,
110
112
  collect: collect,
111
113
  collectId: collectId,
@@ -118,7 +120,13 @@ class FormQueryAbleTable extends _queryAbleTable.default {
118
120
 
119
121
  }
120
122
 
121
- FormQueryAbleTable.propTypes = _objectSpread({}, _queryAbleTable.default.propTypes);
123
+ FormQueryAbleTable.propTypes = _objectSpread(_objectSpread({}, _queryAbleTable.default.propTypes), {}, {
124
+ /**
125
+ * 当进行新增时指定的强制默认值.
126
+ * @link StandardAddForm
127
+ */
128
+ insertForceValue: _propTypes.default.object
129
+ });
122
130
  FormQueryAbleTable.defaultProps = _objectSpread(_objectSpread({}, _queryAbleTable.default.defaultProps), {}, {
123
131
  options: {
124
132
  add: true,
@@ -15,7 +15,7 @@ var _actionColumnFormOptions = _interopRequireDefault(require("./standardTable/a
15
15
 
16
16
  var _formQueryAbleTable = _interopRequireDefault(require("./formQueryAbleTable"));
17
17
 
18
- var _optionsFormQueryAbleTableContext = require("./context/optionsFormQueryAbleTableContext");
18
+ var _queryAbleTableContext = require("./context/queryAbleTableContext");
19
19
 
20
20
  var _serverEnums = require("../config/serverEnums");
21
21
 
@@ -64,7 +64,7 @@ class OptionsFormQueryAbleTable extends _formQueryAbleTable.default {
64
64
  } = this.props,
65
65
  flush = this.flush;
66
66
  return actionOptions ? {
67
- Provider: _optionsFormQueryAbleTableContext.Provider,
67
+ Provider: _queryAbleTableContext.Provider,
68
68
  value: {
69
69
  actionOptions,
70
70
  type,
@@ -45,12 +45,14 @@ class PopSelectQueryAbleTable extends _react.default.Component {
45
45
  closable: true,
46
46
  onClose: this.handleClose,
47
47
  visible: props.visible
48
+ }, /*#__PURE__*/_react.default.createElement("div", {
49
+ className: "ue-tab-p-w"
48
50
  }, /*#__PURE__*/_react.default.createElement(_selectQueryAbleTable.default, {
49
51
  host: props.host,
50
52
  onSelect: props.onSelect,
51
53
  collectId: props.collectId,
52
54
  onSearch: props.onSearch
53
- }));
55
+ })));
54
56
  }
55
57
 
56
58
  }
@@ -0,0 +1,72 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ require("core-js/modules/web.dom.iterable.js");
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _antd = require("antd");
13
+
14
+ var _icons = require("@ant-design/icons");
15
+
16
+ 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); }
17
+
18
+ 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; }
19
+
20
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
21
+
22
+ const DrawerProps = {
23
+ placement: 'right',
24
+ closable: false,
25
+ width: '95%',
26
+ style: {
27
+ position: 'absolute'
28
+ }
29
+ };
30
+
31
+ function BridgingDrawer(_ref) {
32
+ let {
33
+ containId,
34
+ visible,
35
+ children
36
+ } = _ref;
37
+ const [fullScream, setFullScream] = (0, _react.useState)(false),
38
+ monoEl = (0, _react.useMemo)(() => fullScream ? document.getElementsByTagName('body') : document.getElementById(containId), [visible, fullScream]);
39
+ return /*#__PURE__*/_react.default.createElement(_antd.Drawer, _extends({}, DrawerProps, {
40
+ visible: visible,
41
+ getContainer: monoEl
42
+ }), /*#__PURE__*/_react.default.createElement(ScreamOperation, {
43
+ fullScream: fullScream,
44
+ onChange: full => setFullScream(full)
45
+ }), visible && children);
46
+ }
47
+
48
+ var _default = BridgingDrawer;
49
+ exports.default = _default;
50
+ const ScreamOperationProps = {
51
+ className: 'ach',
52
+ style: {
53
+ position: 'absolute',
54
+ top: 0,
55
+ left: 0
56
+ }
57
+ };
58
+
59
+ function ScreamOperation(_ref2) {
60
+ let {
61
+ fullScream,
62
+ onChange
63
+ } = _ref2;
64
+ return /*#__PURE__*/_react.default.createElement("a", _extends({}, ScreamOperationProps, {
65
+ onClick: () => onChange(!fullScream)
66
+ }), ScreenOperationBtm[fullScream]);
67
+ }
68
+
69
+ const ScreenOperationBtm = {
70
+ true: /*#__PURE__*/_react.default.createElement(_icons.MenuUnfoldOutlined, null),
71
+ false: /*#__PURE__*/_react.default.createElement(_icons.MenuFoldOutlined, null)
72
+ };
@@ -15,6 +15,10 @@ var _antd = require("antd");
15
15
 
16
16
  var _optionsAbleExcel = _interopRequireDefault(require("../../excel/optionsAbleExcel"));
17
17
 
18
+ var _editAbleForm = _interopRequireDefault(require("../../form/editAbleForm"));
19
+
20
+ var _bridgingDrawer = _interopRequireDefault(require("./bridgingDrawer"));
21
+
18
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
23
 
20
24
  /**
@@ -23,15 +27,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
23
27
  * @return {*}
24
28
  * @constructor
25
29
  */
26
- const ExcelBridging = props => /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
27
- placement: "right",
28
- closable: false,
29
- visible: props.visible,
30
- width: "85%",
31
- bodyStyle: {
32
- height: '100%'
33
- }
34
- }, props.visible && /*#__PURE__*/_react.default.createElement(_optionsAbleExcel.default, {
30
+ const ExcelBridging = props => /*#__PURE__*/_react.default.createElement(_bridgingDrawer.default, {
31
+ containId: props.id,
32
+ visible: props.visible
33
+ }, /*#__PURE__*/_react.default.createElement(_optionsAbleExcel.default, {
35
34
  collect: props.collect,
36
35
  collectId: props.collectId,
37
36
  sorter: props.sorter,
@@ -15,29 +15,37 @@ var _editAbleForm = _interopRequireDefault(require("../../form/editAbleForm"));
15
15
 
16
16
  var _serverEnums = require("../../config/serverEnums");
17
17
 
18
+ var _bridgingDrawer = _interopRequireDefault(require("./bridgingDrawer"));
19
+
18
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
21
 
20
22
  /**
21
23
  * table到標攤的橋接
22
- * @param props
24
+ * @param props.id
25
+ * @param props.visible
26
+ * @param props.collectId
27
+ * @param props.collect
28
+ * @param props.deliverAuth
29
+ * @param props.host
30
+ * @param props.state
31
+ * @param props.pkData
32
+ * @param props.insertForceValue
33
+ * @param props.onSubmit
34
+ * @param props.onClose
23
35
  * @return {*}
24
36
  * @constructor
25
37
  */
26
- const FormBridging = props => /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
27
- placement: "right",
28
- closable: false,
29
- visible: props.visible,
30
- width: "85%",
31
- bodyStyle: {
32
- height: '100%'
33
- }
34
- }, props.visible && /*#__PURE__*/_react.default.createElement(_editAbleForm.default, {
38
+ const FormBridging = props => /*#__PURE__*/_react.default.createElement(_bridgingDrawer.default, {
39
+ containId: props.id,
40
+ visible: props.visible
41
+ }, /*#__PURE__*/_react.default.createElement(_editAbleForm.default, {
35
42
  collect: props.collect,
36
43
  collectId: props.collectId,
37
44
  deliverAuth: props.deliverAuth,
38
45
  host: props.host,
39
46
  state: props.state,
40
47
  pkData: props.pkData,
48
+ insertForceValue: props.insertForceValue,
41
49
  onSubmit: props.onSubmit,
42
50
  onClose: props.onClose
43
51
  }));
@@ -50,6 +58,12 @@ FormBridging.propTypes = {
50
58
  collectId: _propTypes.default.number,
51
59
  pkData: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.bool]),
52
60
  visible: _propTypes.default.bool.isRequired,
61
+
62
+ /**
63
+ * 当进行新增时指定的强制默认值.
64
+ * @link StandardAddForm
65
+ */
66
+ insertForceValue: _propTypes.default.object,
53
67
  onSubmit: _propTypes.default.func.isRequired,
54
68
  //(record)=>{}
55
69
  onClose: _propTypes.default.func.isRequired
@@ -50,6 +50,11 @@ const InitState = {
50
50
  msg: '預覽类型Table必须設置collect結構!'
51
51
  }
52
52
  };
53
+ let id = 0;
54
+
55
+ function obtainId() {
56
+ return "tab".concat(++id);
57
+ }
53
58
  /**
54
59
  * 標準數據包裝列表
55
60
  * @param props.type {String} 列表類型 目前支持"preview"和"auto"。
@@ -92,6 +97,7 @@ const InitState = {
92
97
  * handleAction(state, pkValue, record, text) 操作cell被点击的回调
93
98
  */
94
99
 
100
+
95
101
  class QueryAbleTable extends _react.default.Component {
96
102
  constructor() {
97
103
  super(...arguments);
@@ -114,11 +120,17 @@ class QueryAbleTable extends _react.default.Component {
114
120
  host,
115
121
  onSearch
116
122
  } = this.props,
117
- {
123
+ result = onSearch(_objectSpread({}, params));
124
+
125
+ if (result) {
126
+ Object.assign(params, result);
127
+ }
128
+
129
+ const {
118
130
  search,
119
131
  sorter,
120
132
  page
121
- } = onSearch(params);
133
+ } = params;
122
134
 
123
135
  _this.setState({
124
136
  loading: true,
@@ -252,6 +264,8 @@ class QueryAbleTable extends _react.default.Component {
252
264
  } else {
253
265
  this.initMsg = '未指定接口host地址!';
254
266
  }
267
+
268
+ this.id = obtainId(); //當前組件的唯一標識ID
255
269
  }
256
270
 
257
271
  componentDidMount() {
@@ -318,6 +332,10 @@ class QueryAbleTable extends _react.default.Component {
318
332
  */
319
333
 
320
334
 
335
+ getId() {
336
+ return this.id;
337
+ }
338
+
321
339
  getContextProvider() {
322
340
  const {
323
341
  type,
@@ -371,6 +389,7 @@ class QueryAbleTable extends _react.default.Component {
371
389
  deliverAuth
372
390
  } = this.props;
373
391
  Comp = /*#__PURE__*/_react.default.createElement(_standardTable.default, {
392
+ id: this.getId(),
374
393
  onQuery: this.handleQuery,
375
394
  onExcel: this.handleExcel,
376
395
  ref: dom => {
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+
8
+ var _serverEnums = require("../../../config/serverEnums");
9
+
10
+ var _icons = require("@ant-design/icons");
11
+
12
+ var _antd = require("antd");
13
+
14
+ var _deleteRow = _interopRequireDefault(require("./deleteRow"));
15
+
16
+ var _react = _interopRequireDefault(require("react"));
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ const ActionDefOptions = _ref => {
21
+ let {
22
+ collectId,
23
+ collect,
24
+ deliverAuth,
25
+ text,
26
+ record,
27
+ pkColumn,
28
+ onAction
29
+ } = _ref;
30
+ const {
31
+ options
32
+ } = collect;
33
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null,
34
+ /*显示控件*/
35
+ options >= _serverEnums.OptionsFlag.QUERY && /*#__PURE__*/_react.default.createElement("span", {
36
+ onClick: () => {
37
+ onAction(_serverEnums.OptionsState.VIEW, record[pkColumn.label], record, text);
38
+ }
39
+ }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, null))),
40
+ /*编辑控件*/
41
+ _serverEnums.OptionsFlag.EDIT === (deliverAuth & _serverEnums.OptionsFlag.EDIT) && _serverEnums.OptionsFlag.EDIT === (options & _serverEnums.OptionsFlag.EDIT) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
42
+ type: "vertical"
43
+ }), /*#__PURE__*/_react.default.createElement("span", {
44
+ onClick: () => {
45
+ onAction(_serverEnums.OptionsState.EDIT, record[pkColumn.label], record, text);
46
+ }
47
+ }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)))), /*#__PURE__*/_react.default.createElement(_deleteRow.default, {
48
+ collectId: collectId,
49
+ collect: collect,
50
+ text: text,
51
+ record: record,
52
+ deliverAuth: deliverAuth,
53
+ pkColumn: pkColumn
54
+ }));
55
+ };
56
+
57
+ var _default = ActionDefOptions;
58
+ exports.default = _default;
@@ -57,16 +57,13 @@ function DeleteRow(_ref) {
57
57
  text,
58
58
  record
59
59
  } = _ref;
60
- return /*#__PURE__*/_react.default.createElement(_queryAbleTableContext.Consumer, null, function (_ref2) {
61
- let {
62
- flush
63
- } = _ref2;
60
+ return /*#__PURE__*/_react.default.createElement(_queryAbleTableContext.Consumer, null, prams => {
64
61
  return /*#__PURE__*/_react.default.createElement(DeleteOptions, {
65
62
  collectId: collectId,
66
63
  collect: collect,
67
64
  pkColumn: pkColumn,
68
65
  deliverAuth: deliverAuth,
69
- flush: flush,
66
+ flush: prams.flush,
70
67
  text: text,
71
68
  record: record
72
69
  });
@@ -79,7 +76,7 @@ const ERR = {
79
76
  color: 'red'
80
77
  };
81
78
 
82
- function DeleteOptions(_ref3) {
79
+ function DeleteOptions(_ref2) {
83
80
  let {
84
81
  collectId,
85
82
  collect,
@@ -88,7 +85,7 @@ function DeleteOptions(_ref3) {
88
85
  flush,
89
86
  text,
90
87
  record
91
- } = _ref3;
88
+ } = _ref2;
92
89
  const {
93
90
  options
94
91
  } = collect,
@@ -7,15 +7,9 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _icons = require("@ant-design/icons");
11
-
12
10
  var _antd = require("antd");
13
11
 
14
- var _serverEnums = require("../../config/serverEnums");
15
-
16
- var _DeleteOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/DeleteOutlined"));
17
-
18
- var _deleteRow = _interopRequireDefault(require("./actionColumnForm/deleteRow"));
12
+ var _actionDefOptions = _interopRequireDefault(require("./actionColumnForm/actionDefOptions"));
19
13
 
20
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
15
 
@@ -42,30 +36,18 @@ const actionColumnForm = _ref => {
42
36
  deliverAuth,
43
37
  onAction
44
38
  } = _ref;
45
- const {
46
- options
47
- } = collect;
48
39
  return /*#__PURE__*/_react.default.createElement(Column, {
49
40
  title: "\u64CD\u4F5C",
50
41
  key: "action",
51
42
  render: (text, record) => {
52
- return /*#__PURE__*/_react.default.createElement("span", null, options >= _serverEnums.OptionsFlag.QUERY && /*#__PURE__*/_react.default.createElement("span", {
53
- onClick: () => {
54
- onAction(_serverEnums.OptionsState.VIEW, record[pkColumn.label], record, text);
55
- }
56
- }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, null))), _serverEnums.OptionsFlag.EDIT === (deliverAuth & _serverEnums.OptionsFlag.EDIT) && _serverEnums.OptionsFlag.EDIT === (options & _serverEnums.OptionsFlag.EDIT) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
57
- type: "vertical"
58
- }), /*#__PURE__*/_react.default.createElement("span", {
59
- onClick: () => {
60
- onAction(_serverEnums.OptionsState.EDIT, record[pkColumn.label], record, text);
61
- }
62
- }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)))), /*#__PURE__*/_react.default.createElement(_deleteRow.default, {
43
+ return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_actionDefOptions.default, {
63
44
  collectId: collectId,
64
45
  collect: collect,
46
+ deliverAuth: deliverAuth,
65
47
  text: text,
66
48
  record: record,
67
- deliverAuth: deliverAuth,
68
- pkColumn: pkColumn
49
+ pkColumn: pkColumn,
50
+ onAction: onAction
69
51
  }));
70
52
  }
71
53
  });
@@ -7,13 +7,11 @@ exports.default = void 0;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _icons = require("@ant-design/icons");
11
-
12
10
  var _antd = require("antd");
13
11
 
14
- var _serverEnums = require("../../config/serverEnums");
12
+ var _queryAbleTableContext = require("../context/queryAbleTableContext");
15
13
 
16
- var _optionsFormQueryAbleTableContext = require("../context/optionsFormQueryAbleTableContext");
14
+ var _actionDefOptions = _interopRequireDefault(require("./actionColumnForm/actionDefOptions"));
17
15
 
18
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
17
 
@@ -26,6 +24,7 @@ const {
26
24
  } = _antd.Table;
27
25
  /**
28
26
  *
27
+ * @param collectId 数据集ID,如果是预览模式该值不存在
29
28
  * @param collect
30
29
  * @param pkColumn
31
30
  * @param deliverAuth {Number} 传递权限
@@ -36,41 +35,32 @@ const {
36
35
 
37
36
  const actionColumnFormOptions = _ref => {
38
37
  let {
38
+ collectId,
39
39
  collect,
40
40
  pkColumn,
41
41
  deliverAuth,
42
42
  onAction
43
43
  } = _ref;
44
- const {
45
- options
46
- } = collect;
47
44
  return /*#__PURE__*/_react.default.createElement(Column, {
48
45
  title: "\u64CD\u4F5C",
49
46
  key: "action",
50
47
  render: (text, record) => {
51
- return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_optionsFormQueryAbleTableContext.Consumer, null, _ref2 => {
52
- let {
53
- actionOptions
54
- } = _ref2;
55
- return actionOptions.map(i => /*#__PURE__*/_react.default.createElement(Option, _extends({
56
- key: i.type
57
- }, i, {
58
- pkColumn: pkColumn,
59
- record: record,
60
- text: text,
61
- onAction: onAction
62
- })));
63
- }), deliverAuth >= _serverEnums.OptionsFlag.QUERY && options >= _serverEnums.OptionsFlag.QUERY && /*#__PURE__*/_react.default.createElement("span", {
64
- onClick: () => {
65
- onAction(_serverEnums.OptionsState.VIEW, record[pkColumn.label], record, text);
66
- }
67
- }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, null))), deliverAuth >= _serverEnums.OptionsFlag.EDIT && options >= _serverEnums.OptionsFlag.EDIT && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
68
- type: "vertical"
69
- }), /*#__PURE__*/_react.default.createElement("span", {
70
- onClick: () => {
71
- onAction(_serverEnums.OptionsState.EDIT, record[pkColumn.label], record, text);
72
- }
73
- }, /*#__PURE__*/_react.default.createElement("a", null, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null)))));
48
+ return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_queryAbleTableContext.Consumer, null, params => params.actionOptions.map(i => /*#__PURE__*/_react.default.createElement(Option, _extends({
49
+ key: i.type
50
+ }, i, {
51
+ pkColumn: pkColumn,
52
+ record: record,
53
+ text: text,
54
+ onAction: onAction
55
+ })))), /*#__PURE__*/_react.default.createElement(_actionDefOptions.default, {
56
+ collectId: collectId,
57
+ collect: collect,
58
+ deliverAuth: deliverAuth,
59
+ text: text,
60
+ record: record,
61
+ pkColumn: pkColumn,
62
+ onAction: onAction
63
+ }));
74
64
  }
75
65
  });
76
66
  };
@@ -65,6 +65,7 @@ const TableShowType = (() => {
65
65
  /**
66
66
  * 标准查询列表。用于通用的数据查询和数据操作。
67
67
  * table的表头只能定义在组件初始化的时候定义且只能定义一次,如果需要更新表头结构或内容,需要卸载组件再装载。
68
+ * @param props,id {String} 分配給table容器 uepay-standard-table 的ID,用於標識DOM組件
68
69
  * @param props.loading {Boolean} 是否处于加载状态
69
70
  * @param props.actionColumn {Function} 列表操作按鈕
70
71
  * @param props.options {Object|Boolean} 右上角的操作选项配置,结构
@@ -502,6 +503,7 @@ class StandardTable extends _react.default.Component {
502
503
 
503
504
  render() {
504
505
  const {
506
+ id,
505
507
  result,
506
508
  loading,
507
509
  collectId,
@@ -532,6 +534,7 @@ class StandardTable extends _react.default.Component {
532
534
  onRow && (extParams.onRow = onRow);
533
535
  rowClassName && (extParams.rowClassName = rowClassName);
534
536
  return /*#__PURE__*/_react.default.createElement("div", {
537
+ id: id,
535
538
  className: "uepay-standard-table",
536
539
  ref: div => {
537
540
  this.table = div;
@@ -602,6 +605,7 @@ class StandardTable extends _react.default.Component {
602
605
  }
603
606
 
604
607
  StandardTable.propTypes = {
608
+ id: _propTypes.default.string.isRequired,
605
609
  options: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
606
610
  loading: _propTypes.default.bool.isRequired,
607
611
  collectId: _propTypes.default.number,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uepay-mesh",
3
- "version": "4.0.8",
3
+ "version": "4.0.11",
4
4
  "description": "数据中心数据集设计工具前端",
5
5
  "main": "index.js",
6
6
  "typings": "index.d.ts",
@@ -44,6 +44,6 @@
44
44
  "node-sass": "^4.13.0",
45
45
  "react": "^16.12.0",
46
46
  "react-dom": "^16.12.0",
47
- "uepay-ops2": "4.0.4"
47
+ "uepay-ops2": "4.0.7"
48
48
  }
49
49
  }
package/style.css CHANGED
@@ -4,6 +4,13 @@
4
4
 
5
5
  /*table*/
6
6
  /*standard-table*/
7
+ /*uepay table pop wrapper用于对弹窗进行包装*/
8
+ .ue-tab-p-w{
9
+ display: flex;
10
+ height: 100%;
11
+ flex-direction: column;
12
+ }
13
+
7
14
  .uepay-standard-table-contain{
8
15
  }
9
16
 
@@ -24,7 +31,7 @@
24
31
  color: #000000;
25
32
  }
26
33
 
27
- .uepay-standard-table-label .ach{
34
+ .ach{
28
35
  display: block;
29
36
  padding: .2rem .2rem;
30
37
  color: #40a9ff;
@@ -32,7 +39,7 @@
32
39
  border-radius: .1rem;
33
40
  }
34
41
 
35
- .uepay-standard-table-label .ach:hover{
42
+ .ach:hover{
36
43
  background-color: #40a9ff;
37
44
  color: #ffffff;
38
45
  }
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/web.dom.iterable.js");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.Provider = exports.Consumer = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- 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); }
13
-
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
-
16
- const OptionsFormQueryAbleTableContext = /*#__PURE__*/(0, _react.createContext)({
17
- options: [],
18
- host: undefined,
19
- type: 'auto',
20
- collectId: undefined,
21
- flush: () => {}
22
- });
23
- const Provider = OptionsFormQueryAbleTableContext.Provider;
24
- exports.Provider = Provider;
25
- const Consumer = OptionsFormQueryAbleTableContext.Consumer;
26
- exports.Consumer = Consumer;
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isNotBlank = void 0;
7
-
8
- /**
9
- * 检查是否为无效内容
10
- * @param val
11
- * @return {boolean}
12
- */
13
- const isNotBlank = val => {
14
- return typeof val !== 'undefined' && val !== '' && val !== 'null';
15
- };
16
-
17
- exports.isNotBlank = isNotBlank;