ztxkui 2.4.4 → 2.4.7
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.
|
@@ -20,15 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React
|
|
23
|
+
import React from 'react';
|
|
24
24
|
import { Spin } from 'antd';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
|
-
var Container =
|
|
27
|
-
var loading = _a.loading, children = _a.children, className = _a.className, restProps = __rest(_a, ["loading", "children", "className"]);
|
|
26
|
+
var Container = function (_a) {
|
|
27
|
+
var loading = _a.loading, children = _a.children, className = _a.className, containerRef = _a.containerRef, restProps = __rest(_a, ["loading", "children", "className", "containerRef"]);
|
|
28
28
|
var classes = classNames('zt-container', className);
|
|
29
|
-
return (React.createElement("div", __assign({ className: classes }, restProps, { ref:
|
|
29
|
+
return (React.createElement("div", __assign({ className: classes }, restProps, { ref: containerRef }),
|
|
30
30
|
loading && (React.createElement("div", { className: "zt-container__loading" },
|
|
31
31
|
React.createElement(Spin, { size: "large", spinning: loading }))),
|
|
32
32
|
children));
|
|
33
|
-
}
|
|
33
|
+
};
|
|
34
34
|
export default Container;
|
|
@@ -24,6 +24,7 @@ export interface IFooterDom extends Partial<IPagination & IBtn & IDropdown> {
|
|
|
24
24
|
interface IProps {
|
|
25
25
|
footerDom?: IFooterDom[] | null;
|
|
26
26
|
style?: React.CSSProperties;
|
|
27
|
+
className?: string;
|
|
27
28
|
}
|
|
28
29
|
declare const _default: React.NamedExoticComponent<IProps>;
|
|
29
30
|
export default _default;
|
|
@@ -3,8 +3,8 @@ import { Pagination, Button, Layout, Dropdown } from '../../../index';
|
|
|
3
3
|
var pageSizeOptions = ['10', '20', '30', '100'];
|
|
4
4
|
var ZtFooter = Layout.Footer;
|
|
5
5
|
var Footer = function (_a) {
|
|
6
|
-
var footerDom = _a.footerDom, style = _a.style;
|
|
7
|
-
return (React.createElement(ZtFooter, { className: "footer", style: style }, footerDom ? (React.createElement("div", { className: "footer__btn-group" }, footerDom.map(function (item, index) {
|
|
6
|
+
var footerDom = _a.footerDom, style = _a.style, className = _a.className;
|
|
7
|
+
return (React.createElement(ZtFooter, { className: className ? "footer " + className : 'footer', style: style }, footerDom ? (React.createElement("div", { className: "footer__btn-group" }, footerDom.map(function (item, index) {
|
|
8
8
|
if (item.DOMType === 'button') {
|
|
9
9
|
var type = item.type, loading = item.loading, disabled = item.disabled, onClick = item.onClick;
|
|
10
10
|
return (React.createElement(Button, { key: index, type: type, loading: loading, disabled: disabled, onClick: onClick }, item.text));
|
package/dist/index.js
CHANGED
|
@@ -1,61 +1,82 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import ReactDOM from 'react-dom';
|
|
3
|
-
import App from './App';
|
|
4
|
-
import { ConfigProvider } from 'antd';
|
|
5
|
-
import zhCN from 'antd/lib/locale/zh_CN';
|
|
6
|
-
import * as dayjs from 'dayjs';
|
|
7
|
-
import zhCn from 'dayjs/locale/zh-cn';
|
|
8
|
-
import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
|
|
9
|
-
import Demo from './Demo';
|
|
10
|
-
import TreeSelectDemo from './TreeSelectDemo';
|
|
11
|
-
import TreeDemo from './TreeDemo';
|
|
12
|
-
import UploadDemo from './UploadDemo';
|
|
13
|
-
import CollapseDemo from './DemoCom/CollapseDemo';
|
|
14
|
-
import TimelineDemo from './DemoCom/TimelineDemo';
|
|
15
|
-
import WeChatDemo from './DemoCom/WechatDemo';
|
|
16
|
-
import TableDemo from './DemoCom/TableDemo';
|
|
17
|
-
import BasicDemo from './DemoCom/BasicDemo';
|
|
18
|
-
import FormDemo from './DemoCom/FormDemo';
|
|
19
|
-
dayjs.locale(zhCn);
|
|
20
|
-
ReactDOM.render(
|
|
21
|
-
// <React.StrictMode>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
//
|
|
58
|
-
|
|
1
|
+
// import React from 'react';
|
|
2
|
+
// import ReactDOM from 'react-dom';
|
|
3
|
+
// import App from './App';
|
|
4
|
+
// import { ConfigProvider } from 'antd';
|
|
5
|
+
// import zhCN from 'antd/lib/locale/zh_CN';
|
|
6
|
+
// import * as dayjs from 'dayjs';
|
|
7
|
+
// import zhCn from 'dayjs/locale/zh-cn';
|
|
8
|
+
// import { BrowserRouter, Switch, Route, Link } from 'react-router-dom';
|
|
9
|
+
// import Demo from './Demo';
|
|
10
|
+
// import TreeSelectDemo from './TreeSelectDemo';
|
|
11
|
+
// import TreeDemo from './TreeDemo';
|
|
12
|
+
// import UploadDemo from './UploadDemo';
|
|
13
|
+
// import CollapseDemo from './DemoCom/CollapseDemo';
|
|
14
|
+
// import TimelineDemo from './DemoCom/TimelineDemo';
|
|
15
|
+
// import WeChatDemo from './DemoCom/WechatDemo';
|
|
16
|
+
// import TableDemo from './DemoCom/TableDemo';
|
|
17
|
+
// import BasicDemo from './DemoCom/BasicDemo';
|
|
18
|
+
// import FormDemo from './DemoCom/FormDemo';
|
|
19
|
+
// dayjs.locale(zhCn);
|
|
20
|
+
// ReactDOM.render(
|
|
21
|
+
// // <React.StrictMode>
|
|
22
|
+
// <ConfigProvider locale={zhCN}>
|
|
23
|
+
// <BrowserRouter>
|
|
24
|
+
// <Switch>
|
|
25
|
+
// <Route exact path="/">
|
|
26
|
+
// <App />
|
|
27
|
+
// </Route>
|
|
28
|
+
// <Route exact path="/select">
|
|
29
|
+
// <Demo />
|
|
30
|
+
// </Route>
|
|
31
|
+
// <Route exact path="/tree-select">
|
|
32
|
+
// <TreeSelectDemo />
|
|
33
|
+
// </Route>
|
|
34
|
+
// <Route exact path="/tree">
|
|
35
|
+
// <TreeDemo />
|
|
36
|
+
// </Route>
|
|
37
|
+
// <Route exact path="/upload">
|
|
38
|
+
// <UploadDemo />
|
|
39
|
+
// </Route>
|
|
40
|
+
// <Route exact path="/collapse">
|
|
41
|
+
// <CollapseDemo />
|
|
42
|
+
// </Route>
|
|
43
|
+
// <Route exact path="/timeline">
|
|
44
|
+
// <TimelineDemo />
|
|
45
|
+
// </Route>
|
|
46
|
+
// <Route exact path="/wechat">
|
|
47
|
+
// <WeChatDemo />
|
|
48
|
+
// </Route>
|
|
49
|
+
// <Route exact path="/table">
|
|
50
|
+
// <TableDemo />
|
|
51
|
+
// </Route>
|
|
52
|
+
// <Route exact path="/basic">
|
|
53
|
+
// <BasicDemo />
|
|
54
|
+
// </Route>
|
|
55
|
+
// <Route exact path="/form">
|
|
56
|
+
// <FormDemo />
|
|
57
|
+
// </Route>
|
|
58
|
+
// <Route exact path="/test">
|
|
59
|
+
// <div>
|
|
60
|
+
// <h1>
|
|
61
|
+
// <Link to="/select">select</Link>
|
|
62
|
+
// </h1>
|
|
63
|
+
// <h1>
|
|
64
|
+
// <Link to="/tree-select">tree select</Link>
|
|
65
|
+
// </h1>
|
|
66
|
+
// <h1>
|
|
67
|
+
// <Link to="/tree">tree</Link>
|
|
68
|
+
// </h1>
|
|
69
|
+
// <h1>
|
|
70
|
+
// <Link to="/upload">upload</Link>
|
|
71
|
+
// </h1>
|
|
72
|
+
// </div>
|
|
73
|
+
// </Route>
|
|
74
|
+
// </Switch>
|
|
75
|
+
// </BrowserRouter>
|
|
76
|
+
// </ConfigProvider>,
|
|
77
|
+
// // </React.StrictMode>,
|
|
78
|
+
// document.getElementById('root')
|
|
79
|
+
// );
|
|
59
80
|
export { default as Button } from './components/Button';
|
|
60
81
|
export { default as Calendar } from './components/Calendar';
|
|
61
82
|
export { default as Checkbox } from './components/Checkbox';
|