@teamix/pro 1.4.15 → 1.4.16
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/pro.css +1 -1
- package/dist/pro.js +108 -27
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/base.d.ts +2 -1
- package/es/actions/base.js +11 -1
- package/es/actions/dialog.d.ts +2 -0
- package/es/actions/dialog.js +26 -1
- package/es/actions/drawer.js +7 -0
- package/es/form/ProForm/index.js +2 -0
- package/es/form/ProForm/index.scss +9 -2
- package/es/form/ProForm/useAutoLayout.js +1 -1
- package/es/form/SchemaForm/initializeArrayTable.js +42 -7
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/Layout/index.js +10 -8
- package/lib/actions/base.d.ts +2 -1
- package/lib/actions/base.js +11 -1
- package/lib/actions/dialog.d.ts +2 -0
- package/lib/actions/dialog.js +27 -1
- package/lib/actions/drawer.js +8 -0
- package/lib/form/ProForm/index.js +2 -0
- package/lib/form/ProForm/index.scss +9 -2
- package/lib/form/ProForm/useAutoLayout.js +1 -1
- package/lib/form/SchemaForm/initializeArrayTable.js +42 -7
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/Layout/index.js +10 -8
- package/package.json +1 -1
package/es/actions/base.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { MaybePromise } from '@teamix/utils';
|
3
|
+
import { DialogAction } from './dialog';
|
3
4
|
export interface BaseAction {
|
4
5
|
/** 事件触发方式,默认是 onClick */
|
5
6
|
trigger?: string;
|
@@ -18,7 +19,7 @@ export interface BaseAction {
|
|
18
19
|
/** 事件开始执行完毕的回调函数 */
|
19
20
|
onFinish?: (params?: any) => any;
|
20
21
|
}
|
21
|
-
export declare function eventHandler(action: BaseAction, actionContext: any, onTrigger: (context: any, e: React.MouseEvent<HTMLElement>) => void): {
|
22
|
+
export declare function eventHandler(action: BaseAction & DialogAction, actionContext: any, onTrigger: (context: any, e: React.MouseEvent<HTMLElement>) => void): {
|
22
23
|
[x: string]: (e: React.MouseEvent<HTMLElement>) => Promise<void>;
|
23
24
|
};
|
24
25
|
export default eventHandler;
|
package/es/actions/base.js
CHANGED
@@ -11,7 +11,9 @@ export function eventHandler(action, actionContext, onTrigger) {
|
|
11
11
|
preventDefault = action.preventDefault,
|
12
12
|
stopPropagation = action.stopPropagation,
|
13
13
|
beforeAction = action.beforeAction;
|
14
|
-
|
14
|
+
var openIdentifier = action.openIdentifier;
|
15
|
+
|
16
|
+
var baseProps = _defineProperty({}, "".concat(trigger), function () {
|
15
17
|
var _2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
|
16
18
|
var _action$onTrigger;
|
17
19
|
|
@@ -73,5 +75,13 @@ export function eventHandler(action, actionContext, onTrigger) {
|
|
73
75
|
|
74
76
|
return _;
|
75
77
|
}());
|
78
|
+
|
79
|
+
if (openIdentifier) {
|
80
|
+
baseProps = Object.assign({}, baseProps, {
|
81
|
+
id: openIdentifier
|
82
|
+
});
|
83
|
+
}
|
84
|
+
|
85
|
+
return baseProps;
|
76
86
|
}
|
77
87
|
export default eventHandler;
|
package/es/actions/dialog.d.ts
CHANGED
@@ -29,6 +29,8 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
|
|
29
29
|
onOk?: any;
|
30
30
|
/** 点击取消自定义回调函数 */
|
31
31
|
onCancel?: any;
|
32
|
+
/** 打开工作区 id */
|
33
|
+
openIdentifier?: string | number;
|
32
34
|
}
|
33
35
|
export declare function useDialogAction(action: DialogAction, actionContext?: any, hasForm?: boolean): {
|
34
36
|
[x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
|
package/es/actions/dialog.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel"],
|
2
|
-
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
|
2
|
+
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className", "openIdentifier"];
|
3
3
|
|
4
4
|
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; }
|
5
5
|
|
@@ -38,6 +38,7 @@ import { renderProMessage } from '../utils/message';
|
|
38
38
|
import { eventHandler } from './base';
|
39
39
|
import { doRequest } from './request';
|
40
40
|
import { addContext } from './utils';
|
41
|
+
import { useUrlState } from '@teamix/hooks';
|
41
42
|
|
42
43
|
function addContextForReactNode(content, context) {
|
43
44
|
if (typeof content === 'function' && context) {
|
@@ -81,6 +82,11 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
81
82
|
var footerDescriptionRef = useRef();
|
82
83
|
var history = useHistory();
|
83
84
|
|
85
|
+
var _useUrlState = useUrlState(),
|
86
|
+
_useUrlState2 = _slicedToArray(_useUrlState, 2),
|
87
|
+
urlState = _useUrlState2[0],
|
88
|
+
setUrlState = _useUrlState2[1];
|
89
|
+
|
84
90
|
var onActionStart = function onActionStart(context, e) {
|
85
91
|
var _objectSpread2;
|
86
92
|
|
@@ -121,7 +127,18 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
121
127
|
footerDescription = _getTargetValue.footerDescription,
|
122
128
|
footerAlign = _getTargetValue.footerAlign,
|
123
129
|
className = _getTargetValue.className,
|
130
|
+
openIdentifier = _getTargetValue.openIdentifier,
|
124
131
|
containerOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
|
132
|
+
/**
|
133
|
+
* 判断是否含有 openIdentifierIdentifiy参数 ,更改对应 url
|
134
|
+
*/
|
135
|
+
|
136
|
+
|
137
|
+
if (openIdentifier) {
|
138
|
+
setUrlState({
|
139
|
+
openIdentifier: openIdentifier
|
140
|
+
});
|
141
|
+
}
|
125
142
|
|
126
143
|
var isDrawer = dialogType === 'drawer';
|
127
144
|
var isPop = dialogType === 'pop';
|
@@ -230,7 +247,15 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
230
247
|
var dialogContent = Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({}, addContext(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
|
231
248
|
|
232
249
|
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), onOk), _defineProperty(_objectSpread2, "onCancel", function onCancel() {
|
250
|
+
setUrlState({
|
251
|
+
openIdentifier: undefined
|
252
|
+
});
|
233
253
|
propsOnCancel && propsOnCancel(context);
|
254
|
+
}), _defineProperty(_objectSpread2, "onClose", function onClose() {
|
255
|
+
setUrlState({
|
256
|
+
openIdentifier: undefined
|
257
|
+
});
|
258
|
+
hide === null || hide === void 0 ? void 0 : hide();
|
234
259
|
}), _defineProperty(_objectSpread2, "title", addContextForReactNode(title, dialogContext)), _defineProperty(_objectSpread2, "content", /*#__PURE__*/React.createElement(React.Fragment, null, beforeContent && /*#__PURE__*/React.createElement("div", {
|
235
260
|
className: "teamix-pro-dialog-before-content"
|
236
261
|
}, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/React.createElement("div", {
|
package/es/actions/drawer.js
CHANGED
@@ -1,5 +1,12 @@
|
|
1
|
+
import { useEffect } from 'react';
|
1
2
|
import useDialogAction from './dialog';
|
2
3
|
export function useDrawerAction(action, context) {
|
4
|
+
useEffect(function () {
|
5
|
+
var _action$openIdentifie, _action$openIdentifie2;
|
6
|
+
|
7
|
+
var dom = document.getElementById((_action$openIdentifie = (_action$openIdentifie2 = action.openIdentifier) === null || _action$openIdentifie2 === void 0 ? void 0 : _action$openIdentifie2.toString()) !== null && _action$openIdentifie !== void 0 ? _action$openIdentifie : '');
|
8
|
+
dom === null || dom === void 0 ? void 0 : dom.click();
|
9
|
+
}, []);
|
3
10
|
return useDialogAction(Object.assign({
|
4
11
|
dialogType: 'drawer'
|
5
12
|
}, action), context);
|
package/es/form/ProForm/index.js
CHANGED
@@ -94,9 +94,11 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
|
|
94
94
|
var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), ProFieldComponents);
|
95
95
|
|
96
96
|
var onAutoSubmit = useAutoSubmit(onSubmit, context);
|
97
|
+
console.log(otherProps);
|
97
98
|
var autoTeamixLayout = useAutoLayout(_objectSpread(_objectSpread({}, otherProps), {}, {
|
98
99
|
schema: schema
|
99
100
|
}), formRef);
|
101
|
+
console.log(autoTeamixLayout);
|
100
102
|
useMemo(function () {
|
101
103
|
// 配置表单默认值
|
102
104
|
if (initialValues) {
|
@@ -338,8 +338,15 @@
|
|
338
338
|
}
|
339
339
|
|
340
340
|
// ArrayTable
|
341
|
-
.#{$form-array}-table
|
342
|
-
|
341
|
+
.#{$form-array}-table {
|
342
|
+
&-status-select {
|
343
|
+
display: none;
|
344
|
+
}
|
345
|
+
.#{$css-prefix}formily-item:not(.#{$form-item-cls}-feedback-layout-popover) {
|
346
|
+
.#{$form-item-cls}-help {
|
347
|
+
z-index: 2 !important;
|
348
|
+
}
|
349
|
+
}
|
343
350
|
}
|
344
351
|
|
345
352
|
// SelectTable
|
@@ -30,7 +30,7 @@ var useAutoLayout = function useAutoLayout(_ref, formRef) {
|
|
30
30
|
autoLabel = _ref2.autoLabel;
|
31
31
|
|
32
32
|
var breakpoints = useMemo(function () {
|
33
|
-
return autoLabel ? false :
|
33
|
+
return autoLabel ? false : outBreakpoints;
|
34
34
|
}, []); // 当前断点不支持Col更新
|
35
35
|
|
36
36
|
var _useState = useState({
|
@@ -1,4 +1,5 @@
|
|
1
|
-
var _excluded = ["title", "decoratorProps"]
|
1
|
+
var _excluded = ["title", "decoratorProps"],
|
2
|
+
_excluded2 = ["title", "dataIndex", "cell", "htmlTitle", "sortable", "width", "align", "alignHeader", "filters", "filterMode", "filterMenuProps", "lock", "resizable", "colSpan"];
|
2
3
|
|
3
4
|
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; }
|
4
5
|
|
@@ -12,15 +13,49 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
12
13
|
|
13
14
|
var initializeColumn = function initializeColumn(item) {
|
14
15
|
var title = item.title,
|
15
|
-
decoratorProps = item.decoratorProps,
|
16
|
-
|
16
|
+
_item$decoratorProps = item.decoratorProps,
|
17
|
+
decoratorProps = _item$decoratorProps === void 0 ? {} : _item$decoratorProps,
|
18
|
+
children = _objectWithoutProperties(item, _excluded); // 将Table.Column属性和组件FormItem属性通过decoratorProps统一传入,再分别赋值
|
17
19
|
|
20
|
+
|
21
|
+
var columnTitle = decoratorProps.title,
|
22
|
+
dataIndex = decoratorProps.dataIndex,
|
23
|
+
cell = decoratorProps.cell,
|
24
|
+
htmlTitle = decoratorProps.htmlTitle,
|
25
|
+
sortable = decoratorProps.sortable,
|
26
|
+
width = decoratorProps.width,
|
27
|
+
align = decoratorProps.align,
|
28
|
+
alignHeader = decoratorProps.alignHeader,
|
29
|
+
filters = decoratorProps.filters,
|
30
|
+
filterMode = decoratorProps.filterMode,
|
31
|
+
filterMenuProps = decoratorProps.filterMenuProps,
|
32
|
+
lock = decoratorProps.lock,
|
33
|
+
resizable = decoratorProps.resizable,
|
34
|
+
colSpan = decoratorProps.colSpan,
|
35
|
+
formItemDecoratorProps = _objectWithoutProperties(decoratorProps, _excluded2);
|
36
|
+
|
37
|
+
var columnProperties = {
|
38
|
+
title: title !== null && title !== void 0 ? title : columnTitle,
|
39
|
+
dataIndex: dataIndex,
|
40
|
+
cell: cell,
|
41
|
+
htmlTitle: htmlTitle,
|
42
|
+
sortable: sortable,
|
43
|
+
width: width,
|
44
|
+
align: align,
|
45
|
+
alignHeader: alignHeader,
|
46
|
+
filters: filters,
|
47
|
+
filterMode: filterMode,
|
48
|
+
filterMenuProps: filterMenuProps,
|
49
|
+
lock: lock,
|
50
|
+
resizable: resizable,
|
51
|
+
colSpan: colSpan
|
52
|
+
};
|
18
53
|
return {
|
19
54
|
component: 'ArrayTable.Column',
|
20
|
-
props:
|
21
|
-
|
22
|
-
|
23
|
-
|
55
|
+
props: columnProperties,
|
56
|
+
children: [_objectSpread(_objectSpread({}, children), {}, {
|
57
|
+
decoratorProps: formItemDecoratorProps
|
58
|
+
})]
|
24
59
|
};
|
25
60
|
};
|
26
61
|
|
package/es/index.d.ts
CHANGED
@@ -28,5 +28,5 @@ export * from './table';
|
|
28
28
|
export * from './sidebar';
|
29
29
|
export * from './utils';
|
30
30
|
export * from './timeline';
|
31
|
-
declare const version = "1.4.
|
31
|
+
declare const version = "1.4.16";
|
32
32
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };
|
package/es/index.js
CHANGED
@@ -36,6 +36,6 @@ export * from './table';
|
|
36
36
|
export * from './sidebar';
|
37
37
|
export * from './utils';
|
38
38
|
export * from './timeline';
|
39
|
-
var version = '1.4.
|
39
|
+
var version = '1.4.16';
|
40
40
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
|
41
41
|
ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };
|
@@ -124,16 +124,18 @@ var Layout = function Layout(props) {
|
|
124
124
|
// 没传 dataFilter 但是传了 mainAction
|
125
125
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QueryFilterLayout, {
|
126
126
|
addonBefore: renderMainAction(),
|
127
|
-
addonAfter: renderAddonAfter()
|
128
|
-
|
129
|
-
|
130
|
-
|
127
|
+
addonAfter: renderAddonAfter(),
|
128
|
+
children: afterDataFilter ? /*#__PURE__*/React.createElement("div", {
|
129
|
+
className: "mb8 ".concat(cls('after-data-filter-wrapper'))
|
130
|
+
}, afterDataFilter) : null
|
131
|
+
}));
|
131
132
|
} else {
|
132
133
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QueryFilterLayout, {
|
133
|
-
addonAfter: renderAddonAfter()
|
134
|
-
|
135
|
-
|
136
|
-
|
134
|
+
addonAfter: renderAddonAfter(),
|
135
|
+
children: afterDataFilter ? /*#__PURE__*/React.createElement("div", {
|
136
|
+
className: "mb8 ".concat(cls('after-data-filter-wrapper'))
|
137
|
+
}, afterDataFilter) : null
|
138
|
+
}));
|
137
139
|
}
|
138
140
|
}; // 区域组合渲染
|
139
141
|
|
package/lib/actions/base.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { MaybePromise } from '@teamix/utils';
|
3
|
+
import { DialogAction } from './dialog';
|
3
4
|
export interface BaseAction {
|
4
5
|
/** 事件触发方式,默认是 onClick */
|
5
6
|
trigger?: string;
|
@@ -18,7 +19,7 @@ export interface BaseAction {
|
|
18
19
|
/** 事件开始执行完毕的回调函数 */
|
19
20
|
onFinish?: (params?: any) => any;
|
20
21
|
}
|
21
|
-
export declare function eventHandler(action: BaseAction, actionContext: any, onTrigger: (context: any, e: React.MouseEvent<HTMLElement>) => void): {
|
22
|
+
export declare function eventHandler(action: BaseAction & DialogAction, actionContext: any, onTrigger: (context: any, e: React.MouseEvent<HTMLElement>) => void): {
|
22
23
|
[x: string]: (e: React.MouseEvent<HTMLElement>) => Promise<void>;
|
23
24
|
};
|
24
25
|
export default eventHandler;
|
package/lib/actions/base.js
CHANGED
@@ -20,7 +20,9 @@ function eventHandler(action, actionContext, onTrigger) {
|
|
20
20
|
preventDefault = action.preventDefault,
|
21
21
|
stopPropagation = action.stopPropagation,
|
22
22
|
beforeAction = action.beforeAction;
|
23
|
-
|
23
|
+
var openIdentifier = action.openIdentifier;
|
24
|
+
|
25
|
+
var baseProps = _defineProperty({}, "".concat(trigger), function () {
|
24
26
|
var _2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
|
25
27
|
var _action$onTrigger;
|
26
28
|
|
@@ -82,6 +84,14 @@ function eventHandler(action, actionContext, onTrigger) {
|
|
82
84
|
|
83
85
|
return _;
|
84
86
|
}());
|
87
|
+
|
88
|
+
if (openIdentifier) {
|
89
|
+
baseProps = Object.assign({}, baseProps, {
|
90
|
+
id: openIdentifier
|
91
|
+
});
|
92
|
+
}
|
93
|
+
|
94
|
+
return baseProps;
|
85
95
|
}
|
86
96
|
|
87
97
|
var _default = eventHandler;
|
package/lib/actions/dialog.d.ts
CHANGED
@@ -29,6 +29,8 @@ export interface DialogAction extends Omit<RequestAction, 'url'>, Omit<QuickShow
|
|
29
29
|
onOk?: any;
|
30
30
|
/** 点击取消自定义回调函数 */
|
31
31
|
onCancel?: any;
|
32
|
+
/** 打开工作区 id */
|
33
|
+
openIdentifier?: string | number;
|
32
34
|
}
|
33
35
|
export declare function useDialogAction(action: DialogAction, actionContext?: any, hasForm?: boolean): {
|
34
36
|
[x: string]: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void>;
|
package/lib/actions/dialog.js
CHANGED
@@ -30,8 +30,10 @@ var _request = require("./request");
|
|
30
30
|
|
31
31
|
var _utils2 = require("./utils");
|
32
32
|
|
33
|
+
var _hooks = require("@teamix/hooks");
|
34
|
+
|
33
35
|
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel"],
|
34
|
-
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
|
36
|
+
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className", "openIdentifier"];
|
35
37
|
|
36
38
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
37
39
|
|
@@ -107,6 +109,11 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
107
109
|
var footerDescriptionRef = (0, _react.useRef)();
|
108
110
|
var history = (0, _reactRouterDom.useHistory)();
|
109
111
|
|
112
|
+
var _useUrlState = (0, _hooks.useUrlState)(),
|
113
|
+
_useUrlState2 = _slicedToArray(_useUrlState, 2),
|
114
|
+
urlState = _useUrlState2[0],
|
115
|
+
setUrlState = _useUrlState2[1];
|
116
|
+
|
110
117
|
var onActionStart = function onActionStart(context, e) {
|
111
118
|
var _objectSpread2;
|
112
119
|
|
@@ -147,7 +154,18 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
147
154
|
footerDescription = _getTargetValue.footerDescription,
|
148
155
|
footerAlign = _getTargetValue.footerAlign,
|
149
156
|
className = _getTargetValue.className,
|
157
|
+
openIdentifier = _getTargetValue.openIdentifier,
|
150
158
|
containerOtherProps = _objectWithoutProperties(_getTargetValue, _excluded2);
|
159
|
+
/**
|
160
|
+
* 判断是否含有 openIdentifierIdentifiy参数 ,更改对应 url
|
161
|
+
*/
|
162
|
+
|
163
|
+
|
164
|
+
if (openIdentifier) {
|
165
|
+
setUrlState({
|
166
|
+
openIdentifier: openIdentifier
|
167
|
+
});
|
168
|
+
}
|
151
169
|
|
152
170
|
var isDrawer = dialogType === 'drawer';
|
153
171
|
var isPop = dialogType === 'pop';
|
@@ -256,7 +274,15 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
256
274
|
var dialogContent = Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({}, (0, _utils2.addContext)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
|
257
275
|
|
258
276
|
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), onOk), _defineProperty(_objectSpread2, "onCancel", function onCancel() {
|
277
|
+
setUrlState({
|
278
|
+
openIdentifier: undefined
|
279
|
+
});
|
259
280
|
propsOnCancel && propsOnCancel(context);
|
281
|
+
}), _defineProperty(_objectSpread2, "onClose", function onClose() {
|
282
|
+
setUrlState({
|
283
|
+
openIdentifier: undefined
|
284
|
+
});
|
285
|
+
hide === null || hide === void 0 ? void 0 : hide();
|
260
286
|
}), _defineProperty(_objectSpread2, "title", addContextForReactNode(title, dialogContext)), _defineProperty(_objectSpread2, "content", /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, beforeContent && /*#__PURE__*/_react.default.createElement("div", {
|
261
287
|
className: "teamix-pro-dialog-before-content"
|
262
288
|
}, addContextForReactNode(beforeContent, dialogContext)), message && /*#__PURE__*/_react.default.createElement("div", {
|
package/lib/actions/drawer.js
CHANGED
@@ -6,11 +6,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
exports.default = void 0;
|
7
7
|
exports.useDrawerAction = useDrawerAction;
|
8
8
|
|
9
|
+
var _react = require("react");
|
10
|
+
|
9
11
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
10
12
|
|
11
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12
14
|
|
13
15
|
function useDrawerAction(action, context) {
|
16
|
+
(0, _react.useEffect)(function () {
|
17
|
+
var _action$openIdentifie, _action$openIdentifie2;
|
18
|
+
|
19
|
+
var dom = document.getElementById((_action$openIdentifie = (_action$openIdentifie2 = action.openIdentifier) === null || _action$openIdentifie2 === void 0 ? void 0 : _action$openIdentifie2.toString()) !== null && _action$openIdentifie !== void 0 ? _action$openIdentifie : '');
|
20
|
+
dom === null || dom === void 0 ? void 0 : dom.click();
|
21
|
+
}, []);
|
14
22
|
return (0, _dialog.default)(Object.assign({
|
15
23
|
dialogType: 'drawer'
|
16
24
|
}, action), context);
|
@@ -126,9 +126,11 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
126
126
|
var mergedComponents = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, globalComponents), components), formilyComponents), _ProField.default);
|
127
127
|
|
128
128
|
var onAutoSubmit = (0, _useAutoSubmit.default)(onSubmit, context);
|
129
|
+
console.log(otherProps);
|
129
130
|
var autoTeamixLayout = (0, _useAutoLayout.default)(_objectSpread(_objectSpread({}, otherProps), {}, {
|
130
131
|
schema: schema
|
131
132
|
}), formRef);
|
133
|
+
console.log(autoTeamixLayout);
|
132
134
|
(0, _react.useMemo)(function () {
|
133
135
|
// 配置表单默认值
|
134
136
|
if (initialValues) {
|
@@ -338,8 +338,15 @@
|
|
338
338
|
}
|
339
339
|
|
340
340
|
// ArrayTable
|
341
|
-
.#{$form-array}-table
|
342
|
-
|
341
|
+
.#{$form-array}-table {
|
342
|
+
&-status-select {
|
343
|
+
display: none;
|
344
|
+
}
|
345
|
+
.#{$css-prefix}formily-item:not(.#{$form-item-cls}-feedback-layout-popover) {
|
346
|
+
.#{$form-item-cls}-help {
|
347
|
+
z-index: 2 !important;
|
348
|
+
}
|
349
|
+
}
|
343
350
|
}
|
344
351
|
|
345
352
|
// SelectTable
|
@@ -39,7 +39,7 @@ var useAutoLayout = function useAutoLayout(_ref, formRef) {
|
|
39
39
|
autoLabel = _ref2.autoLabel;
|
40
40
|
|
41
41
|
var breakpoints = (0, _react.useMemo)(function () {
|
42
|
-
return autoLabel ? false :
|
42
|
+
return autoLabel ? false : outBreakpoints;
|
43
43
|
}, []); // 当前断点不支持Col更新
|
44
44
|
|
45
45
|
var _useState = (0, _react.useState)({
|
@@ -4,7 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
var _excluded = ["title", "decoratorProps"]
|
7
|
+
var _excluded = ["title", "decoratorProps"],
|
8
|
+
_excluded2 = ["title", "dataIndex", "cell", "htmlTitle", "sortable", "width", "align", "alignHeader", "filters", "filterMode", "filterMenuProps", "lock", "resizable", "colSpan"];
|
8
9
|
|
9
10
|
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; }
|
10
11
|
|
@@ -18,15 +19,49 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
18
19
|
|
19
20
|
var initializeColumn = function initializeColumn(item) {
|
20
21
|
var title = item.title,
|
21
|
-
decoratorProps = item.decoratorProps,
|
22
|
-
|
22
|
+
_item$decoratorProps = item.decoratorProps,
|
23
|
+
decoratorProps = _item$decoratorProps === void 0 ? {} : _item$decoratorProps,
|
24
|
+
children = _objectWithoutProperties(item, _excluded); // 将Table.Column属性和组件FormItem属性通过decoratorProps统一传入,再分别赋值
|
23
25
|
|
26
|
+
|
27
|
+
var columnTitle = decoratorProps.title,
|
28
|
+
dataIndex = decoratorProps.dataIndex,
|
29
|
+
cell = decoratorProps.cell,
|
30
|
+
htmlTitle = decoratorProps.htmlTitle,
|
31
|
+
sortable = decoratorProps.sortable,
|
32
|
+
width = decoratorProps.width,
|
33
|
+
align = decoratorProps.align,
|
34
|
+
alignHeader = decoratorProps.alignHeader,
|
35
|
+
filters = decoratorProps.filters,
|
36
|
+
filterMode = decoratorProps.filterMode,
|
37
|
+
filterMenuProps = decoratorProps.filterMenuProps,
|
38
|
+
lock = decoratorProps.lock,
|
39
|
+
resizable = decoratorProps.resizable,
|
40
|
+
colSpan = decoratorProps.colSpan,
|
41
|
+
formItemDecoratorProps = _objectWithoutProperties(decoratorProps, _excluded2);
|
42
|
+
|
43
|
+
var columnProperties = {
|
44
|
+
title: title !== null && title !== void 0 ? title : columnTitle,
|
45
|
+
dataIndex: dataIndex,
|
46
|
+
cell: cell,
|
47
|
+
htmlTitle: htmlTitle,
|
48
|
+
sortable: sortable,
|
49
|
+
width: width,
|
50
|
+
align: align,
|
51
|
+
alignHeader: alignHeader,
|
52
|
+
filters: filters,
|
53
|
+
filterMode: filterMode,
|
54
|
+
filterMenuProps: filterMenuProps,
|
55
|
+
lock: lock,
|
56
|
+
resizable: resizable,
|
57
|
+
colSpan: colSpan
|
58
|
+
};
|
24
59
|
return {
|
25
60
|
component: 'ArrayTable.Column',
|
26
|
-
props:
|
27
|
-
|
28
|
-
|
29
|
-
|
61
|
+
props: columnProperties,
|
62
|
+
children: [_objectSpread(_objectSpread({}, children), {}, {
|
63
|
+
decoratorProps: formItemDecoratorProps
|
64
|
+
})]
|
30
65
|
};
|
31
66
|
};
|
32
67
|
|
package/lib/index.d.ts
CHANGED
@@ -28,5 +28,5 @@ export * from './table';
|
|
28
28
|
export * from './sidebar';
|
29
29
|
export * from './utils';
|
30
30
|
export * from './timeline';
|
31
|
-
declare const version = "1.4.
|
31
|
+
declare const version = "1.4.16";
|
32
32
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -145,16 +145,18 @@ var Layout = function Layout(props) {
|
|
145
145
|
// 没传 dataFilter 但是传了 mainAction
|
146
146
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.QueryFilterLayout, {
|
147
147
|
addonBefore: renderMainAction(),
|
148
|
-
addonAfter: renderAddonAfter()
|
149
|
-
|
150
|
-
|
151
|
-
|
148
|
+
addonAfter: renderAddonAfter(),
|
149
|
+
children: afterDataFilter ? /*#__PURE__*/_react.default.createElement("div", {
|
150
|
+
className: "mb8 ".concat(cls('after-data-filter-wrapper'))
|
151
|
+
}, afterDataFilter) : null
|
152
|
+
}));
|
152
153
|
} else {
|
153
154
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.QueryFilterLayout, {
|
154
|
-
addonAfter: renderAddonAfter()
|
155
|
-
|
156
|
-
|
157
|
-
|
155
|
+
addonAfter: renderAddonAfter(),
|
156
|
+
children: afterDataFilter ? /*#__PURE__*/_react.default.createElement("div", {
|
157
|
+
className: "mb8 ".concat(cls('after-data-filter-wrapper'))
|
158
|
+
}, afterDataFilter) : null
|
159
|
+
}));
|
158
160
|
}
|
159
161
|
}; // 区域组合渲染
|
160
162
|
|