ztxkui 2.0.8 → 2.0.9

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/dist/App.js CHANGED
@@ -35,6 +35,7 @@ import SearchContainer from './components/business/SearchContainer';
35
35
  import Upload from './components/Upload';
36
36
  import Form from './components/Form';
37
37
  import TransList from './components/business/List';
38
+ import GridList from 'components/business/GridList';
38
39
  import './styles/index.scss';
39
40
  var RangePicker = DatePicker.RangePicker;
40
41
  var Item = Form.Item;
@@ -1370,6 +1371,18 @@ function App() {
1370
1371
  }
1371
1372
  }, []);
1372
1373
  return (React.createElement("div", { className: "App", style: { padding: '10px' } },
1374
+ React.createElement("div", { style: { padding: '10px', width: '60%' } },
1375
+ React.createElement(GridList, null,
1376
+ React.createElement(GridList.Item, { span: 8, title: "\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D" }, "\u59D3\u540D"),
1377
+ React.createElement(GridList.Item, { span: 8, title: "\u59D3\u540D" }, "\u59D3\u540D"),
1378
+ React.createElement(GridList.Item, { span: 8, title: "\u59D3\u540D" }, "\u59D3\u540D")),
1379
+ React.createElement(GridList, null,
1380
+ React.createElement(GridList.Item, { span: 12, titleSpan: 8, title: "\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D" }, "\u59D3\u540D"),
1381
+ React.createElement(GridList.Item, { span: 12, titleSpan: 8, title: "\u59D3\u540D" }, "\u59D3\u540D")),
1382
+ React.createElement(GridList, null,
1383
+ React.createElement(GridList.Item, { span: 24, title: "\u59D3\u540D", titleSpan: 8 }, "\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D")),
1384
+ React.createElement(GridList, null,
1385
+ React.createElement(GridList.Item, { span: 24, title: "\u59D3\u540D", titleSpan: 12 }, "\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3\u540D\u59D3"))),
1373
1386
  React.createElement(DetailList, { records: inspectionDetail, labelWidth: 10, labelAlign: "left", apiBaseUrl: "http://192.168.0.83:8888", fileBaseUrl: "http://192.168.0.83:88",
1374
1387
  // downloadBtnDisable={true}
1375
1388
  hasManOrDate: true, hasSignArea: true, isDark: true }),
@@ -1498,7 +1511,9 @@ function App() {
1498
1511
  dataSource: dataSource, rowKey: "id", showColumnDynamic: true,
1499
1512
  // onAddAndDelHandle={onAddAndDelHandle}
1500
1513
  // onMoveRow={onMoveRowHandle}
1501
- summaryConfig: summaryConfig, summaryFixed: true, scroll: { y: 200 }, onEditableSave: onEditableSaveHandle, rowSelection: rowSelection })))),
1514
+ summaryConfig: summaryConfig, summaryFixed: true,
1515
+ // scroll={{ y: 200 }}
1516
+ onEditableSave: onEditableSaveHandle, rowSelection: rowSelection })))),
1502
1517
  React.createElement("br", null),
1503
1518
  React.createElement("br", null),
1504
1519
  React.createElement("br", null),
@@ -38,7 +38,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
38
38
  import { DndProvider } from 'react-dnd';
39
39
  /**默认scroll配置 */
40
40
  // const _scroll = { y: 500, x: 1000 };
41
- var _scroll = { x: 1000 };
41
+ var _scroll = { x: 1000, y: 500 };
42
42
  /**
43
43
  * @description 定义可拖拽行
44
44
  * 定义可编辑列
@@ -3,6 +3,8 @@ import { ColProps } from 'antd/lib/col';
3
3
  export interface IProps extends ColProps {
4
4
  title: string;
5
5
  colon?: boolean;
6
+ span: number;
7
+ titleSpan?: number;
6
8
  }
7
9
  declare const Item: React.FC<IProps>;
8
10
  export default Item;
@@ -24,12 +24,12 @@ import React from 'react';
24
24
  import { Col } from 'antd';
25
25
  import classNames from 'classnames';
26
26
  var Item = function (_a) {
27
- var children = _a.children, className = _a.className, title = _a.title, colon = _a.colon, restProps = __rest(_a, ["children", "className", "title", "colon"]);
27
+ var children = _a.children, className = _a.className, title = _a.title, colon = _a.colon, span = _a.span, titleSpan = _a.titleSpan, restProps = __rest(_a, ["children", "className", "title", "colon", "span", "titleSpan"]);
28
28
  var classes = classNames('zt-grid-item', className);
29
- return (React.createElement(Col, __assign({ className: classes }, restProps),
30
- React.createElement("span", { className: "zt-grid-item--title" },
29
+ return (React.createElement(Col, __assign({ className: classes, span: span }, restProps),
30
+ React.createElement("span", { className: "zt-grid-item--title", style: titleSpan ? { width: (titleSpan / span) * 38 + "%" } : {} },
31
31
  title,
32
32
  colon && ':'),
33
- React.createElement("span", { className: "zt-grid-item--text" }, children)));
33
+ React.createElement("span", { className: "zt-grid-item--text", style: titleSpan ? { width: 100 - (titleSpan / span) * 38 + "%" } : {} }, children)));
34
34
  };
35
35
  export default Item;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ztxkui",
3
- "version": "2.0.8",
3
+ "version": "2.0.9",
4
4
  "private": false,
5
5
  "description": "React components library",
6
6
  "author": "zt-front-end",