@quansitech/antd-admin 1.1.28 → 1.1.29
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/components/Column/Cascader.js +20 -1
- package/dist/components/Column/Readonly/Action/Link.d.ts +1 -0
- package/dist/components/Column/Readonly/Action.d.ts +1 -0
- package/dist/components/Column/Readonly/Cascader.js +45 -24
- package/dist/components/Form/Action/Button.d.ts +1 -0
- package/dist/components/Layout/New.d.ts +1 -1
- package/dist/components/Layout/New.js +3 -4
- package/dist/components/Layout.d.ts +5 -1
- package/dist/components/Layout.js +17 -8
- package/dist/components/LayoutContext.d.ts +4 -1
- package/dist/components/Table/Action/Button.d.ts +1 -0
- package/dist/components/Table.js +51 -49
- package/dist/lib/container.d.ts +1 -1
- package/dist/lib/helpers.d.ts +1 -0
- package/dist/lib/schemaHandler.js +1 -1
- package/dist/types.d.ts +3 -1
- package/package.json +1 -1
- package/readme.md +27 -0
|
@@ -14,8 +14,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
14
14
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
15
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
16
|
import { Cascader } from "antd";
|
|
17
|
-
import React, { useEffect, useState } from "react";
|
|
17
|
+
import React, { useContext, useEffect, useState } from "react";
|
|
18
18
|
import http from "../../lib/http";
|
|
19
|
+
import { FormContext } from "../FormContext";
|
|
20
|
+
import { TableContext } from "../TableContext";
|
|
19
21
|
export default function (props) {
|
|
20
22
|
var _useState = useState(),
|
|
21
23
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -25,6 +27,8 @@ export default function (props) {
|
|
|
25
27
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
26
28
|
values = _useState4[0],
|
|
27
29
|
setValues = _useState4[1];
|
|
30
|
+
var formContext = useContext(FormContext);
|
|
31
|
+
var tableContext = useContext(TableContext);
|
|
28
32
|
var findValue = function findValue(options, value) {
|
|
29
33
|
for (var i = 0; i < options.length; i++) {
|
|
30
34
|
var _option$children;
|
|
@@ -57,6 +61,21 @@ export default function (props) {
|
|
|
57
61
|
setValues(findValue(props.fieldProps.options, value));
|
|
58
62
|
}
|
|
59
63
|
}
|
|
64
|
+
var extraData;
|
|
65
|
+
if (formContext.extraRenderValues) {
|
|
66
|
+
extraData = formContext.extraRenderValues[props.fieldProps.dataIndex];
|
|
67
|
+
}
|
|
68
|
+
if (tableContext.extraRenderValues) {
|
|
69
|
+
var _tableContext$extraRe;
|
|
70
|
+
extraData = (_tableContext$extraRe = tableContext.extraRenderValues[props.index]) === null || _tableContext$extraRe === void 0 ? void 0 : _tableContext$extraRe[props.fieldProps.dataIndex];
|
|
71
|
+
}
|
|
72
|
+
if (extraData) {
|
|
73
|
+
setOptions(extraData.options);
|
|
74
|
+
if (value) {
|
|
75
|
+
setValues(findValue(extraData.options, value));
|
|
76
|
+
}
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
60
79
|
|
|
61
80
|
// 远程获取数据
|
|
62
81
|
if (props.fieldProps.loadDataUrl) {
|
|
@@ -8,43 +8,64 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
8
8
|
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; }
|
|
9
9
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
10
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
11
|
-
import React, { useEffect, useState } from "react";
|
|
11
|
+
import React, { useContext, useEffect, useState } from "react";
|
|
12
12
|
import http from "../../../lib/http";
|
|
13
|
+
import { FormContext } from "../../FormContext";
|
|
14
|
+
import { TableContext } from "../../TableContext";
|
|
13
15
|
export default function (props) {
|
|
14
16
|
var _useState = useState('-'),
|
|
15
17
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16
18
|
text = _useState2[0],
|
|
17
19
|
setText = _useState2[1];
|
|
20
|
+
var formContext = useContext(FormContext);
|
|
21
|
+
var tableContext = useContext(TableContext);
|
|
22
|
+
var findValue = function findValue(options, value) {
|
|
23
|
+
for (var i = 0; i < options.length; i++) {
|
|
24
|
+
var option = options[i];
|
|
25
|
+
if (option.value === value) {
|
|
26
|
+
return [option.label];
|
|
27
|
+
} else if (option.children) {
|
|
28
|
+
return [option.label].concat(_toConsumableArray(findValue(option.children, value)));
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
18
32
|
useEffect(function () {
|
|
19
33
|
var _props$fieldProps;
|
|
20
34
|
setText(props.fieldProps.value);
|
|
21
35
|
var value = props.fieldProps.value;
|
|
36
|
+
var extraData;
|
|
37
|
+
if (formContext.extraRenderValues) {
|
|
38
|
+
extraData = formContext.extraRenderValues[props.fieldProps.dataIndex];
|
|
39
|
+
}
|
|
40
|
+
if (tableContext.extraRenderValues) {
|
|
41
|
+
var _tableContext$extraRe;
|
|
42
|
+
var key = tableContext.getTableProps().rowKey;
|
|
43
|
+
var index = tableContext.dataSource.findIndex(function (item) {
|
|
44
|
+
return item[key] === props.record[key];
|
|
45
|
+
});
|
|
46
|
+
extraData = (_tableContext$extraRe = tableContext.extraRenderValues[index]) === null || _tableContext$extraRe === void 0 ? void 0 : _tableContext$extraRe[props.fieldProps.dataIndex];
|
|
47
|
+
}
|
|
48
|
+
if (extraData) {
|
|
49
|
+
setText(findValue(extraData.options, value).join(' / '));
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
22
52
|
|
|
23
53
|
// 远程获取数据
|
|
24
|
-
if ((_props$fieldProps = props.fieldProps) !== null && _props$fieldProps !== void 0 && _props$fieldProps.loadDataUrl) {
|
|
25
|
-
|
|
26
|
-
url: props.fieldProps.loadDataUrl,
|
|
27
|
-
method: 'get',
|
|
28
|
-
params: {
|
|
29
|
-
value: value
|
|
30
|
-
}
|
|
31
|
-
}).then(function (res) {
|
|
32
|
-
if (!value) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
var findValue = function findValue(options, value) {
|
|
36
|
-
for (var i = 0; i < options.length; i++) {
|
|
37
|
-
var option = options[i];
|
|
38
|
-
if (option.value === value) {
|
|
39
|
-
return [option.label];
|
|
40
|
-
} else if (option.children) {
|
|
41
|
-
return [option.label].concat(_toConsumableArray(findValue(option.children, value)));
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
setText(findValue(res.data, value).join(' / '));
|
|
46
|
-
});
|
|
54
|
+
if (!((_props$fieldProps = props.fieldProps) !== null && _props$fieldProps !== void 0 && _props$fieldProps.loadDataUrl)) {
|
|
55
|
+
return;
|
|
47
56
|
}
|
|
57
|
+
http({
|
|
58
|
+
url: props.fieldProps.loadDataUrl,
|
|
59
|
+
method: 'get',
|
|
60
|
+
params: {
|
|
61
|
+
value: value
|
|
62
|
+
}
|
|
63
|
+
}).then(function (res) {
|
|
64
|
+
if (!value) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
setText(findValue(res.data, value).join(' / '));
|
|
68
|
+
});
|
|
48
69
|
}, []);
|
|
49
70
|
return /*#__PURE__*/React.createElement("div", null, text);
|
|
50
71
|
}
|
|
@@ -29,7 +29,6 @@ export default function (_ref) {
|
|
|
29
29
|
var _layoutContext$props$;
|
|
30
30
|
var children = _ref.children,
|
|
31
31
|
pageTitle = _ref.pageTitle,
|
|
32
|
-
siteTitle = _ref.siteTitle,
|
|
33
32
|
setDarkMode = _ref.setDarkMode;
|
|
34
33
|
var contentRef = useRef(null);
|
|
35
34
|
var layoutContext = useContext(LayoutContext);
|
|
@@ -174,7 +173,7 @@ export default function (_ref) {
|
|
|
174
173
|
};
|
|
175
174
|
var proContext = useContext(ProProvider);
|
|
176
175
|
var actionsRender = function actionsRender() {
|
|
177
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
176
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.headerActions, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
|
|
178
177
|
type: 'text',
|
|
179
178
|
onClick: function onClick() {
|
|
180
179
|
setDarkMode(!proContext.dark);
|
|
@@ -194,7 +193,7 @@ export default function (_ref) {
|
|
|
194
193
|
return "".concat(pageTitle, " | ").concat(layoutProps.title, " \u540E\u53F0\u7BA1\u7406");
|
|
195
194
|
},
|
|
196
195
|
footerRender: function footerRender() {
|
|
197
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("a", {
|
|
196
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.footer !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, layoutProps.footer) : /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("a", {
|
|
198
197
|
href: "https://www.quansitech.com/",
|
|
199
198
|
target: '_blank'
|
|
200
199
|
}, "\u5168\u601D\u79D1\u6280"), /*#__PURE__*/React.createElement("a", {
|
|
@@ -203,7 +202,7 @@ export default function (_ref) {
|
|
|
203
202
|
}, "Github")));
|
|
204
203
|
},
|
|
205
204
|
avatarProps: {
|
|
206
|
-
title:
|
|
205
|
+
title: layoutProps.userName,
|
|
207
206
|
render: function render(p, dom) {
|
|
208
207
|
var _layoutContext$props$4;
|
|
209
208
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type ExportLayoutProps = {
|
|
3
|
+
footer?: React.ReactNode;
|
|
4
|
+
};
|
|
5
|
+
export default function (props: Record<string, any> & React.PropsWithChildren<ExportLayoutProps>): React.JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
3
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -30,10 +29,16 @@ function ChildApp(props) {
|
|
|
30
29
|
global.notification = notification;
|
|
31
30
|
global.message = message;
|
|
32
31
|
}, []);
|
|
33
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, props.enableNewLayout ? /*#__PURE__*/React.createElement(New,
|
|
32
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, props.enableNewLayout ? /*#__PURE__*/React.createElement(New, {
|
|
33
|
+
pageTitle: props.pageTitle,
|
|
34
|
+
siteTitle: props.siteTitle,
|
|
35
|
+
setDarkMode: props.setDarkMode
|
|
36
|
+
}, props.children) : /*#__PURE__*/React.createElement(Blank, {
|
|
37
|
+
pageTitle: props.pageTitle
|
|
38
|
+
}, props.children));
|
|
34
39
|
}
|
|
35
40
|
export default function (props) {
|
|
36
|
-
var _pageProps$layoutProp, _pageProps$layoutProp2, _pageProps$layoutProp3, _pageProps$layoutProp4, _pageProps$layoutProp5, _pageProps$layoutProp6, _pageProps$layoutProp7;
|
|
41
|
+
var _pageProps$layoutProp, _pageProps$layoutProp2, _pageProps$layoutProp3, _pageProps$layoutProp4, _pageProps$layoutProp5, _pageProps$layoutProp6, _pageProps$layoutProp7, _pageProps$layoutProp8, _pageProps$layoutProp10;
|
|
37
42
|
var _useState = useState(false),
|
|
38
43
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
44
|
darkMode = _useState2[0],
|
|
@@ -52,7 +57,10 @@ export default function (props) {
|
|
|
52
57
|
topMenu: (_pageProps$layoutProp4 = pageProps.layoutProps) === null || _pageProps$layoutProp4 === void 0 ? void 0 : _pageProps$layoutProp4.topMenu,
|
|
53
58
|
menuList: (_pageProps$layoutProp5 = pageProps.layoutProps) === null || _pageProps$layoutProp5 === void 0 ? void 0 : _pageProps$layoutProp5.menuList,
|
|
54
59
|
logo: (_pageProps$layoutProp6 = pageProps.layoutProps) === null || _pageProps$layoutProp6 === void 0 ? void 0 : _pageProps$layoutProp6.logo,
|
|
55
|
-
userMenu: (_pageProps$layoutProp7 = pageProps.layoutProps) === null || _pageProps$layoutProp7 === void 0 ? void 0 : _pageProps$layoutProp7.userMenu
|
|
60
|
+
userMenu: (_pageProps$layoutProp7 = pageProps.layoutProps) === null || _pageProps$layoutProp7 === void 0 ? void 0 : _pageProps$layoutProp7.userMenu,
|
|
61
|
+
userName: (_pageProps$layoutProp8 = pageProps.layoutProps) === null || _pageProps$layoutProp8 === void 0 ? void 0 : _pageProps$layoutProp8.userName,
|
|
62
|
+
footer: props.footer,
|
|
63
|
+
headerActions: props.headerActions
|
|
56
64
|
}),
|
|
57
65
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
58
66
|
layoutProps = _useState6[0],
|
|
@@ -61,9 +69,9 @@ export default function (props) {
|
|
|
61
69
|
setLayoutProps(Object.assign(layoutProps, newProps));
|
|
62
70
|
};
|
|
63
71
|
useEffect(function () {
|
|
64
|
-
var _pageProps$
|
|
72
|
+
var _pageProps$layoutProp9;
|
|
65
73
|
console.log('props=>', pageProps);
|
|
66
|
-
if ((_pageProps$
|
|
74
|
+
if ((_pageProps$layoutProp9 = pageProps.layoutProps) !== null && _pageProps$layoutProp9 !== void 0 && _pageProps$layoutProp9.enableNewLayout) {
|
|
67
75
|
setEnableNewLayout(true);
|
|
68
76
|
}
|
|
69
77
|
var listener = function listener(e) {
|
|
@@ -116,9 +124,10 @@ export default function (props) {
|
|
|
116
124
|
}, /*#__PURE__*/React.createElement(ProConfigProvider, {
|
|
117
125
|
valueTypeMap: getProValueTypeMap(),
|
|
118
126
|
dark: darkMode
|
|
119
|
-
}, /*#__PURE__*/React.createElement(AntdApp, null, /*#__PURE__*/React.createElement(ChildApp,
|
|
127
|
+
}, /*#__PURE__*/React.createElement(AntdApp, null, /*#__PURE__*/React.createElement(ChildApp, {
|
|
120
128
|
setDarkMode: setDarkMode,
|
|
129
|
+
siteTitle: (_pageProps$layoutProp10 = pageProps.layoutProps) === null || _pageProps$layoutProp10 === void 0 ? void 0 : _pageProps$layoutProp10.siteTitle,
|
|
121
130
|
pageTitle: layoutProps.metaTitle,
|
|
122
131
|
enableNewLayout: enableNewLayout
|
|
123
|
-
})))))
|
|
132
|
+
}, props.children)))));
|
|
124
133
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
import { MenuDataItem } from "@ant-design/pro-components";
|
|
3
3
|
declare type LayoutContextValue = {
|
|
4
4
|
assignProps: (props: LayoutProps) => void;
|
|
@@ -16,11 +16,14 @@ export declare type LayoutProps = {
|
|
|
16
16
|
}[];
|
|
17
17
|
menuList?: MenuDataItem[];
|
|
18
18
|
logo?: string;
|
|
19
|
+
userName?: string;
|
|
19
20
|
userMenu?: {
|
|
20
21
|
title: string;
|
|
21
22
|
url: string;
|
|
22
23
|
type: string;
|
|
23
24
|
}[];
|
|
25
|
+
footer?: ReactNode;
|
|
26
|
+
headerActions?: ReactNode;
|
|
24
27
|
};
|
|
25
28
|
export declare const LayoutContext: import("react").Context<LayoutContextValue>;
|
|
26
29
|
export {};
|
package/dist/components/Table.js
CHANGED
|
@@ -34,18 +34,17 @@ export default function (props) {
|
|
|
34
34
|
var searchUrl = props.searchUrl;
|
|
35
35
|
var request = /*#__PURE__*/function () {
|
|
36
36
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params, sort, filter) {
|
|
37
|
+
var _formRef$current;
|
|
37
38
|
var data, only, res;
|
|
38
39
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
39
40
|
while (1) switch (_context.prev = _context.next) {
|
|
40
41
|
case 0:
|
|
41
42
|
setLoading(true);
|
|
42
|
-
data = _objectSpread(_objectSpread(_objectSpread({},
|
|
43
|
+
data = _objectSpread(_objectSpread(_objectSpread({}, filter), (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.getFieldsValue()), {}, {
|
|
43
44
|
sort: sort
|
|
44
45
|
});
|
|
45
46
|
if (props.pagination) {
|
|
46
|
-
data[props.pagination.paramName || 'page'] =
|
|
47
|
-
delete data.current;
|
|
48
|
-
delete data.pageSize;
|
|
47
|
+
data[props.pagination.paramName || 'page'] = params.current;
|
|
49
48
|
}
|
|
50
49
|
setEditableKeys([]);
|
|
51
50
|
setEditableValues([]);
|
|
@@ -68,6 +67,7 @@ export default function (props) {
|
|
|
68
67
|
if (tabsContext.inTabs) {
|
|
69
68
|
props = getValueByPath(props, tabsContext.propsPath);
|
|
70
69
|
}
|
|
70
|
+
setLastQuery(data);
|
|
71
71
|
setDataSource(postData(props.dataSource));
|
|
72
72
|
setExtraRenderValues(props.extraRenderValues);
|
|
73
73
|
setPagination(props.pagination);
|
|
@@ -96,19 +96,20 @@ export default function (props) {
|
|
|
96
96
|
if (res.data.extraRenderValues) {
|
|
97
97
|
setExtraRenderValues(res.data.extraRenderValues);
|
|
98
98
|
}
|
|
99
|
+
setLastQuery(data);
|
|
99
100
|
return _context.abrupt("return", {
|
|
100
101
|
data: res.data.dataSource || [],
|
|
101
102
|
success: true
|
|
102
103
|
});
|
|
103
|
-
case
|
|
104
|
-
_context.prev =
|
|
104
|
+
case 18:
|
|
105
|
+
_context.prev = 18;
|
|
105
106
|
setLoading(false);
|
|
106
|
-
return _context.finish(
|
|
107
|
-
case
|
|
107
|
+
return _context.finish(18);
|
|
108
|
+
case 21:
|
|
108
109
|
case "end":
|
|
109
110
|
return _context.stop();
|
|
110
111
|
}
|
|
111
|
-
}, _callee, null, [[10,,
|
|
112
|
+
}, _callee, null, [[10,, 18, 21]]);
|
|
112
113
|
}));
|
|
113
114
|
return function request(_x, _x2, _x3) {
|
|
114
115
|
return _ref.apply(this, arguments);
|
|
@@ -151,41 +152,45 @@ export default function (props) {
|
|
|
151
152
|
};
|
|
152
153
|
var formRef = useRef();
|
|
153
154
|
var actionRef = useRef();
|
|
154
|
-
var _useState = useState(
|
|
155
|
+
var _useState = useState({}),
|
|
156
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
157
|
+
lastQuery = _useState2[0],
|
|
158
|
+
setLastQuery = _useState2[1];
|
|
159
|
+
var _useState3 = useState(function () {
|
|
155
160
|
return [];
|
|
156
161
|
}),
|
|
157
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
158
|
-
editableKeys = _useState2[0],
|
|
159
|
-
setEditableKeys = _useState2[1];
|
|
160
|
-
var _useState3 = useState([]),
|
|
161
162
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
162
|
-
|
|
163
|
-
|
|
163
|
+
editableKeys = _useState4[0],
|
|
164
|
+
setEditableKeys = _useState4[1];
|
|
164
165
|
var _useState5 = useState([]),
|
|
165
166
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
var _useState7 = useState(
|
|
167
|
+
selectedRows = _useState6[0],
|
|
168
|
+
setSelectedRows = _useState6[1];
|
|
169
|
+
var _useState7 = useState([]),
|
|
169
170
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
var _useState9 = useState(props.pagination),
|
|
171
|
+
editableValues = _useState8[0],
|
|
172
|
+
setEditableValues = _useState8[1];
|
|
173
|
+
var _useState9 = useState(false),
|
|
174
174
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
175
|
+
loading = _useState10[0],
|
|
176
|
+
setLoading = _useState10[1];
|
|
177
|
+
// @ts-ignore
|
|
178
|
+
var _useState11 = useState(props.pagination),
|
|
178
179
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
var _useState13 = useState(
|
|
180
|
+
pagination = _useState12[0],
|
|
181
|
+
setPagination = _useState12[1];
|
|
182
|
+
var _useState13 = useState(postData(props.dataSource)),
|
|
182
183
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
var _useState15 = useState(
|
|
184
|
+
dataSource = _useState14[0],
|
|
185
|
+
setDataSource = _useState14[1];
|
|
186
|
+
var _useState15 = useState(true),
|
|
186
187
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
187
|
-
|
|
188
|
-
|
|
188
|
+
sticky = _useState16[0],
|
|
189
|
+
setSticky = _useState16[1];
|
|
190
|
+
var _useState17 = useState(props.extraRenderValues),
|
|
191
|
+
_useState18 = _slicedToArray(_useState17, 2),
|
|
192
|
+
extraRenderValues = _useState18[0],
|
|
193
|
+
setExtraRenderValues = _useState18[1];
|
|
189
194
|
var modalContext = useContext(ModalContext);
|
|
190
195
|
var tabsContext = useContext(TabsContext);
|
|
191
196
|
useEffect(function () {
|
|
@@ -201,10 +206,7 @@ export default function (props) {
|
|
|
201
206
|
if (!searchUrl) {
|
|
202
207
|
searchUrl = window.location.href;
|
|
203
208
|
}
|
|
204
|
-
|
|
205
|
-
var _formRef$current;
|
|
206
|
-
(_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue(props.defaultSearchValue);
|
|
207
|
-
}
|
|
209
|
+
setLastQuery(props.defaultSearchValue);
|
|
208
210
|
if (!modalContext.inModal) {
|
|
209
211
|
var query = qs.parse(window.location.search.replace(/^\?/, ''));
|
|
210
212
|
if (query && Object.keys(query).length) {
|
|
@@ -253,20 +255,20 @@ export default function (props) {
|
|
|
253
255
|
postData: postData,
|
|
254
256
|
sticky: sticky,
|
|
255
257
|
form: {
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
var
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
258
|
+
initialValues: props.defaultSearchValue,
|
|
259
|
+
onValuesChange: function onValuesChange(changedValues, allValues) {
|
|
260
|
+
var _formRef$current3;
|
|
261
|
+
var submit = columns.filter(function (c) {
|
|
262
|
+
if (!c.searchOnChange) {
|
|
263
|
+
return false;
|
|
264
|
+
}
|
|
265
|
+
return lastQuery[c.dataIndex] !== allValues[c.dataIndex];
|
|
266
|
+
}).length;
|
|
267
|
+
if (!submit) {
|
|
262
268
|
return;
|
|
263
269
|
}
|
|
264
270
|
// 是否立即搜索
|
|
265
|
-
|
|
266
|
-
var _formRef$current3;
|
|
267
|
-
// @ts-ignore
|
|
268
|
-
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 || _formRef$current3.submit();
|
|
269
|
-
}
|
|
271
|
+
(_formRef$current3 = formRef.current) === null || _formRef$current3 === void 0 || _formRef$current3.submit();
|
|
270
272
|
}
|
|
271
273
|
},
|
|
272
274
|
rowSelection: props.rowSelection && {
|
package/dist/lib/container.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ declare const container: {
|
|
|
4
4
|
get(name: string): any;
|
|
5
5
|
check(name: string): boolean;
|
|
6
6
|
list(prefix: string): Record<string, any>;
|
|
7
|
-
schemaHandler: Record<string, (schema: any) => import("@ant-design/pro-
|
|
7
|
+
schemaHandler: Record<string, (schema: any) => import("@ant-design/pro-table").ProColumnType | import("@ant-design/pro-utils").ProSchema>;
|
|
8
8
|
routerNavigateTo: typeof routerNavigateTo;
|
|
9
9
|
};
|
|
10
10
|
export default container;
|
package/dist/lib/helpers.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { VisitOptions } from "@inertiajs/core/types/types";
|
|
2
2
|
import { ModalFuncProps } from "antd";
|
|
3
|
+
import { Condition, ModalOptions } from "../types";
|
|
3
4
|
export declare function replaceUrl(url: string, params: any): string;
|
|
4
5
|
export declare function replaceParams(params: Record<string, any>, data: Record<string, any>): Record<string, any>;
|
|
5
6
|
export declare function routerNavigateTo(url: string, config?: VisitOptions): void;
|
|
@@ -54,6 +54,7 @@ export var commonHandler = function commonHandler(schema) {
|
|
|
54
54
|
}
|
|
55
55
|
// 有些表单项宽度并不能撑满,这里强制设置宽度
|
|
56
56
|
deepSet(schema, 'fieldProps.style.width', '100%');
|
|
57
|
+
deepSet(schema, 'fieldProps.dataIndex', schema.dataIndex);
|
|
57
58
|
return schema;
|
|
58
59
|
};
|
|
59
60
|
export var schemaHandler = {
|
|
@@ -101,7 +102,6 @@ export var schemaHandler = {
|
|
|
101
102
|
schema.formItemProps.rules.push({
|
|
102
103
|
validator: uploadValidator
|
|
103
104
|
});
|
|
104
|
-
schema.fieldProps.dataIndex = schema.dataIndex;
|
|
105
105
|
return _objectSpread(_objectSpread({}, schema), {}, {
|
|
106
106
|
transform: uploadTransform
|
|
107
107
|
});
|
package/dist/types.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import {TableContextValue} from "./components/TableContext";
|
|
2
|
+
|
|
1
3
|
type RequestOptions = {
|
|
2
4
|
url: string,
|
|
3
5
|
method: string,
|
|
@@ -14,7 +16,7 @@ type Condition = {
|
|
|
14
16
|
}
|
|
15
17
|
|
|
16
18
|
type ModalOptions = {
|
|
17
|
-
tableContext:
|
|
19
|
+
tableContext: TableContextValue,
|
|
18
20
|
contexts?: Record<string, any>
|
|
19
21
|
title?: string,
|
|
20
22
|
content: {
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -10,6 +10,33 @@ npm install @quansitech/antd-admin
|
|
|
10
10
|
|
|
11
11
|
## 使用参考
|
|
12
12
|
|
|
13
|
+
### Layout组件Props
|
|
14
|
+
|
|
15
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
16
|
+
|---------------|------|-----------|---------------|
|
|
17
|
+
| headerActions | 顶部操作 | ReactNode | - |
|
|
18
|
+
| footer | 底部内容 | ReactNode | 全思科技 - Github |
|
|
19
|
+
|
|
20
|
+
可在项目目录 `/resources/js/backend/app.tsx` 中修改,如:
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
createInertiaApp({
|
|
24
|
+
resolve: async name => {
|
|
25
|
+
const pages = import.meta.glob('./Pages/**/*.tsx')
|
|
26
|
+
const page: any = await pages[`./Pages/${name}.tsx`]()
|
|
27
|
+
page.default.layout = page.default.layout || ((page: ReactNode) => <Layout
|
|
28
|
+
|
|
29
|
+
headerActions={<HeaderActions/>} //顶部操作
|
|
30
|
+
footer={<>这是底部内容</>} // 底部内容
|
|
31
|
+
|
|
32
|
+
children={page}/>
|
|
33
|
+
)
|
|
34
|
+
return page
|
|
35
|
+
},
|
|
36
|
+
//...
|
|
37
|
+
})
|
|
38
|
+
```
|
|
39
|
+
|
|
13
40
|
### valueType列表
|
|
14
41
|
|
|
15
42
|
参考 [ant-design-pro#valueType](https://procomponents.ant.design/components/schema#valuetype-%E5%88%97%E8%A1%A8)
|