@bchr/bchr-front-lib 0.3.133 → 0.3.134

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.
Files changed (5) hide show
  1. package/lib/base/layout/ui_tpl/form/FormForBrowse.js +30 -8
  2. package/lib/base/layout/ui_tpl/form/FormForModify.js +30 -8
  3. package/package.json +1 -1
  4. package/src/base/layout/ui_tpl/form/FormForBrowse.js +10 -4
  5. package/src/base/layout/ui_tpl/form/FormForModify.js +11 -4
package/lib/base/layout/ui_tpl/form/FormForBrowse.js CHANGED
@@ -90,8 +90,12 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
90
90
  return item.belong_form_group === groupName && !item.b_show_infoset_field_group;
91
91
  }).map(function (item, index) {
92
92
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
93
- lg: 12,
94
- md: 24,
93
+ xs: _this.xs,
94
+ sm: _this.sm,
95
+ md: _this.md,
96
+ lg: _this.lg,
97
+ xl: _this.xl,
98
+ xxl: _this.xxl,
95
99
  key: "ext_col_" + index
96
100
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
97
101
  className: "ant-form-item-group-" + _this.props.label_col + (item.className ? " " + item.className : ""),
@@ -113,8 +117,12 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
113
117
  return !item.b_show_infoset_field_group;
114
118
  }).map(function (item, index) {
115
119
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
116
- lg: 12,
117
- md: 24,
120
+ xs: _this.xs,
121
+ sm: _this.sm,
122
+ md: _this.md,
123
+ lg: _this.lg,
124
+ xl: _this.xl,
125
+ xxl: _this.xxl,
118
126
  key: "ext_col_" + index
119
127
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
120
128
  className: "ant-form-item-group-" + _this.props.label_col + (item.className ? " " + item.className : ""),
@@ -304,8 +312,12 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
304
312
  _defineProperty(_assertThisInitialized(_this), "generatorFormItem", function (dataItem, is_ext_field) {
305
313
  if (is_ext_field) {
306
314
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
307
- lg: 12,
308
- md: 24,
315
+ xs: _this.xs,
316
+ sm: _this.sm,
317
+ md: _this.md,
318
+ lg: _this.lg,
319
+ xl: _this.xl,
320
+ xxl: _this.xxl,
309
321
  key: "ext_col_" + dataItem.code
310
322
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
311
323
  className: "ant-form-item-group-" + _this.props.label_col + (dataItem.className ? " " + dataItem.className : ""),
@@ -400,8 +412,12 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
400
412
  }
401
413
 
402
414
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
403
- lg: 12,
404
- md: 24,
415
+ xs: _this.xs,
416
+ sm: _this.sm,
417
+ md: _this.md,
418
+ lg: _this.lg,
419
+ xl: _this.xl,
420
+ xxl: _this.xxl,
405
421
  key: "col_" + code
406
422
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
407
423
  className: "ant-form-item-group-" + _this.props.label_col,
@@ -451,6 +467,12 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
451
467
  });
452
468
 
453
469
  _this.ref = _this.props.formref || /*#__PURE__*/_react["default"].createRef();
470
+ _this.xs = _this.props.xs || 24;
471
+ _this.sm = _this.props.sm || 24;
472
+ _this.md = _this.props.md || 24;
473
+ _this.lg = _this.props.lg || 12;
474
+ _this.xl = _this.props.xl || 12;
475
+ _this.xxl = _this.props.xxl || 12;
454
476
  return _this;
455
477
  }
456
478
 
package/lib/base/layout/ui_tpl/form/FormForModify.js CHANGED
@@ -110,8 +110,12 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
110
110
  return item.belong_form_group === groupName && !item.b_show_infoset_field_group;
111
111
  }).map(function (item, index) {
112
112
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
113
- lg: 12,
114
- md: 24,
113
+ xs: _this2.xs,
114
+ sm: _this2.sm,
115
+ md: _this2.md,
116
+ lg: _this2.lg,
117
+ xl: _this2.xl,
118
+ xxl: _this2.xxl,
115
119
  key: "ext_col_" + index
116
120
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
117
121
  className: "ant-form-item-group-" + _this2.props.label_col + (item.className ? " " + item.className : ""),
@@ -133,8 +137,12 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
133
137
  return !item.b_show_infoset_field_group;
134
138
  }).map(function (item, index) {
135
139
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
136
- lg: 12,
137
- md: 24,
140
+ xs: _this2.xs,
141
+ sm: _this2.sm,
142
+ md: _this2.md,
143
+ lg: _this2.lg,
144
+ xl: _this2.xl,
145
+ xxl: _this2.xxl,
138
146
  key: "ext_col_" + index
139
147
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
140
148
  className: "ant-form-item-group-" + _this2.props.label_col + (item.className ? " " + item.className : ""),
@@ -327,8 +335,12 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
327
335
 
328
336
  if (is_ext_field) {
329
337
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
330
- lg: 12,
331
- md: 24,
338
+ xs: _this2.xs,
339
+ sm: _this2.sm,
340
+ md: _this2.md,
341
+ lg: _this2.lg,
342
+ xl: _this2.xl,
343
+ xxl: _this2.xxl,
332
344
  key: "ext_col_" + dataItem.code
333
345
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
334
346
  className: "ant-form-item-group-" + _this2.props.label_col + (dataItem.className ? " " + dataItem.className : ""),
@@ -602,8 +614,12 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
602
614
  }
603
615
 
604
616
  return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
605
- lg: 12,
606
- md: 24,
617
+ xs: _this2.xs,
618
+ sm: _this2.sm,
619
+ md: _this2.md,
620
+ lg: _this2.lg,
621
+ xl: _this2.xl,
622
+ xxl: _this2.xxl,
607
623
  id: "ant_form_item_".concat(code),
608
624
  key: "col_" + code
609
625
  }, /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, {
@@ -879,6 +895,12 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
879
895
  });
880
896
 
881
897
  _this2.ref = _this2.props.formref || /*#__PURE__*/_react["default"].createRef();
898
+ _this2.xs = _this2.props.xs || 24;
899
+ _this2.sm = _this2.props.sm || 24;
900
+ _this2.md = _this2.props.md || 24;
901
+ _this2.lg = _this2.props.lg || 12;
902
+ _this2.xl = _this2.props.xl || 12;
903
+ _this2.xxl = _this2.props.xxl || 12;
882
904
  _this2.state = {
883
905
  fieldCodeKeyMap: {}
884
906
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bchr/bchr-front-lib",
3
- "version": "0.3.133",
3
+ "version": "0.3.134",
4
4
  "description": "bchr front lib",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
package/src/base/layout/ui_tpl/form/FormForBrowse.js CHANGED
@@ -11,6 +11,12 @@ class FormForBrowse extends React.Component{
11
11
  super(props);
12
12
 
13
13
  this.ref = this.props.formref || React.createRef();
14
+ this.xs = this.props.xs || 24;
15
+ this.sm = this.props.sm || 24;
16
+ this.md = this.props.md || 24;
17
+ this.lg = this.props.lg || 12;
18
+ this.xl = this.props.xl || 12;
19
+ this.xxl = this.props.xxl || 12;
14
20
  }
15
21
 
16
22
  componentDidMount() {
@@ -45,7 +51,7 @@ class FormForBrowse extends React.Component{
45
51
  {
46
52
  ext_form_items.filter(item => item.belong_form_group === groupName && !item.b_show_infoset_field_group).map((item, index) => {
47
53
  return (
48
- <Col lg={12} md={24} key={"ext_col_" + index}>
54
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + index}>
49
55
  {
50
56
  <Form.Item
51
57
  className={("ant-form-item-group-" + this.props.label_col) + (item.className ? " " + item.className : "")}
@@ -73,7 +79,7 @@ class FormForBrowse extends React.Component{
73
79
  {
74
80
  ext_form_items.filter(item => !item.b_show_infoset_field_group).map((item, index) => {
75
81
  return (
76
- <Col lg={12} md={24} key={"ext_col_" + index}>
82
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + index}>
77
83
  {
78
84
  <Form.Item
79
85
  className={("ant-form-item-group-" + this.props.label_col) + (item.className ? " " + item.className : "")}
@@ -276,7 +282,7 @@ class FormForBrowse extends React.Component{
276
282
  if (is_ext_field) {
277
283
 
278
284
  return (
279
- <Col lg={12} md={24} key={"ext_col_" + dataItem.code}>
285
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + dataItem.code}>
280
286
  {
281
287
  <Form.Item
282
288
  className={("ant-form-item-group-" + this.props.label_col) + (dataItem.className ? " " + dataItem.className : "")}
@@ -371,7 +377,7 @@ class FormForBrowse extends React.Component{
371
377
  }
372
378
 
373
379
  return (
374
- <Col lg={12} md={24} key={"col_" + code}>
380
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"col_" + code}>
375
381
  <Form.Item
376
382
  className={"ant-form-item-group-" + this.props.label_col}
377
383
  key={dataItem.code}
package/src/base/layout/ui_tpl/form/FormForModify.js CHANGED
@@ -38,6 +38,13 @@ class FormForModify extends React.Component{
38
38
 
39
39
  this.ref = this.props.formref || React.createRef();
40
40
 
41
+ this.xs = this.props.xs || 24;
42
+ this.sm = this.props.sm || 24;
43
+ this.md = this.props.md || 24;
44
+ this.lg = this.props.lg || 12;
45
+ this.xl = this.props.xl || 12;
46
+ this.xxl = this.props.xxl || 12;
47
+
41
48
  this.state = {
42
49
  fieldCodeKeyMap: {},
43
50
  }
@@ -114,7 +121,7 @@ class FormForModify extends React.Component{
114
121
  {
115
122
  ext_form_items.filter(item => item.belong_form_group === groupName && !item.b_show_infoset_field_group).map((item, index) => {
116
123
  return (
117
- <Col lg={12} md={24} key={"ext_col_" + index}>
124
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + index}>
118
125
  {
119
126
  <Form.Item
120
127
  className={("ant-form-item-group-" + this.props.label_col) + (item.className ? " " + item.className : "")}
@@ -143,7 +150,7 @@ class FormForModify extends React.Component{
143
150
  {
144
151
  ext_form_items.filter(item => !item.b_show_infoset_field_group).map((item, index) => {
145
152
  return (
146
- <Col lg={12} md={24} key={"ext_col_" + index}>
153
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + index}>
147
154
  {
148
155
  <Form.Item
149
156
  className={("ant-form-item-group-" + this.props.label_col) + (item.className ? " " + item.className : "")}
@@ -319,7 +326,7 @@ class FormForModify extends React.Component{
319
326
 
320
327
  if (is_ext_field) {
321
328
  return (
322
- <Col lg={12} md={24} key={"ext_col_" + dataItem.code}>
329
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} key={"ext_col_" + dataItem.code}>
323
330
  {
324
331
  <Form.Item
325
332
  className={("ant-form-item-group-" + this.props.label_col) + (dataItem.className ? " " + dataItem.className : "")}
@@ -702,7 +709,7 @@ class FormForModify extends React.Component{
702
709
  }
703
710
 
704
711
  return (
705
- <Col lg={12} md={24} id={`ant_form_item_${code}`} key={"col_" + code}>
712
+ <Col xs={this.xs} sm={this.sm} md={this.md} lg={this.lg} xl={this.xl} xxl={this.xxl} id={`ant_form_item_${code}`} key={"col_" + code}>
706
713
  <Form.Item
707
714
  className={(b_readonly ? "readonly-form-ant-col " : " ") + " ant-form-item-group-" + this.props.label_col}
708
715
  key={code}