@teamix/pro 1.4.17 → 1.4.18
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 +131 -31
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/dialog.d.ts +2 -0
- package/es/actions/dialog.js +9 -3
- package/es/card/index.js +8 -6
- package/es/form/typing.d.ts +5 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/info/components/baseInfo/index.js +10 -7
- package/es/table/components/Layout/index.js +1 -1
- package/lib/actions/dialog.d.ts +2 -0
- package/lib/actions/dialog.js +9 -3
- package/lib/card/index.js +10 -8
- package/lib/form/typing.d.ts +5 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/info/components/baseInfo/index.js +10 -7
- package/lib/table/components/Layout/index.js +1 -1
- package/package.json +1 -1
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
|
+
/** 隐藏footer区域 */
|
33
|
+
hideFooter?: boolean;
|
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,4 +1,4 @@
|
|
1
|
-
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel"],
|
1
|
+
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel", "hideFooter"],
|
2
2
|
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
|
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; }
|
@@ -99,6 +99,7 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
99
99
|
onError = action.onError,
|
100
100
|
propsOnOk = action.onOk,
|
101
101
|
propsOnCancel = action.onCancel,
|
102
|
+
hideFooter = action.hideFooter,
|
102
103
|
others = _objectWithoutProperties(action, _excluded);
|
103
104
|
|
104
105
|
var _getTargetValue = getTargetValue(others, context),
|
@@ -229,7 +230,7 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
229
230
|
});
|
230
231
|
var dialogContent = Component ? /*#__PURE__*/React.createElement(Component, _objectSpread({}, addContext(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
|
231
232
|
|
232
|
-
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), onOk), _defineProperty(_objectSpread2, "onCancel", function
|
233
|
+
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), hideFooter && !isPop && isDrawer ? false : onOk), _defineProperty(_objectSpread2, "onCancel", hideFooter && !isPop && isDrawer ? false : function () {
|
233
234
|
propsOnCancel && propsOnCancel(context);
|
234
235
|
}), _defineProperty(_objectSpread2, "title", addContextForReactNode(title, dialogContext)), _defineProperty(_objectSpread2, "content", /*#__PURE__*/React.createElement(React.Fragment, null, beforeContent && /*#__PURE__*/React.createElement("div", {
|
235
236
|
className: "teamix-pro-dialog-before-content"
|
@@ -243,7 +244,12 @@ export function useDialogAction(action, actionContext, hasForm) {
|
|
243
244
|
className: classnames('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
|
244
245
|
}, renderDialogFooterDescription(footerDescription)))), _defineProperty(_objectSpread2, "footerAlign", footerAlign), _defineProperty(_objectSpread2, "className", classnames('teamix-pro-action-dialog', {
|
245
246
|
'has-footer-description': !!footerDescription
|
246
|
-
})), _objectSpread2), containerProps), containerOtherProps);
|
247
|
+
})), _objectSpread2), containerProps), containerOtherProps); // TODO Drawer 基础组件未支持此配置,日后支持,并修改onOk、onCancel写法
|
248
|
+
|
249
|
+
|
250
|
+
if (!dialogType || dialogType === 'dialog') {
|
251
|
+
quickShowProps['footer'] = !hideFooter;
|
252
|
+
}
|
247
253
|
|
248
254
|
var ret = container.show(quickShowProps);
|
249
255
|
store.hide = ret ? ret.hide || ret.close : function () {};
|
package/es/card/index.js
CHANGED
@@ -23,7 +23,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
23
23
|
|
24
24
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
25
25
|
|
26
|
-
import React from 'react';
|
26
|
+
import React, { useEffect } from 'react';
|
27
27
|
import classnames from 'classnames';
|
28
28
|
import Result from '@teamix/result';
|
29
29
|
import { Card as BasicCard, Balloon } from '@alicloudfe/components';
|
@@ -125,11 +125,11 @@ export var ProCard = function ProCard(props) {
|
|
125
125
|
|
126
126
|
var _formatSpacing = formatSpacing(spacing),
|
127
127
|
horizonal = _formatSpacing.horizonal,
|
128
|
-
vertical = _formatSpacing.vertical;
|
129
|
-
// calculateHeaderWidth();
|
130
|
-
// }, []);
|
131
|
-
|
128
|
+
vertical = _formatSpacing.vertical;
|
132
129
|
|
130
|
+
useEffect(function () {
|
131
|
+
calculateHeaderWidth();
|
132
|
+
}, []);
|
133
133
|
var hasDivider = (divider || !!split) && (title || extra);
|
134
134
|
var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
|
135
135
|
var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
|
@@ -278,7 +278,9 @@ export var ProCard = function ProCard(props) {
|
|
278
278
|
free: true,
|
279
279
|
className: cardClassName,
|
280
280
|
style: style,
|
281
|
-
actions: renderActionGroup(actions, context)
|
281
|
+
actions: renderActionGroup(actions, context),
|
282
|
+
// @ts-ignore
|
283
|
+
ref: cardRef
|
282
284
|
}, others), !loading && image && /*#__PURE__*/React.createElement(BasicCard.Media, {
|
283
285
|
component: "img",
|
284
286
|
src: image
|
package/es/form/typing.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { ReactNode } from 'react';
|
2
|
-
import type { IFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
|
2
|
+
import type { IFormFeedback as InnerFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
|
3
3
|
import type { IFormLayoutProps } from '@teamix/formily';
|
4
4
|
import type { CommonRequestConfig } from '@teamix/utils';
|
5
5
|
import type { UrlStateOptions } from '@teamix/hooks';
|
@@ -15,6 +15,10 @@ export interface ProFormInitializeItem {
|
|
15
15
|
* ProForm 实例类型
|
16
16
|
*/
|
17
17
|
export declare type ProFormType = FormType;
|
18
|
+
/**
|
19
|
+
* ProForm 反馈类型
|
20
|
+
*/
|
21
|
+
export declare type IFormFeedback = InnerFormFeedback;
|
18
22
|
declare type IBaseComponent = 'Input' | 'Password' | 'TextArea' | 'NumberPicker' | 'Percent' | 'Money' | 'Select' | 'MultipleSelect' | 'TreeSelect' | 'Cascader' | 'MultipleCascader' | 'ArbitraryCascader' | 'Radio' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'DateTimePicker' | 'WeekPicker' | 'MonthPicker' | 'YearPicker' | 'QuarterPicker' | 'DateRangePicker' | 'TimeRangePicker' | 'DateTimeRangePicker' | 'WeekRangePicker' | 'MonthRangePicker' | 'YearRangePicker' | 'QuarterRangePicker' | 'Transfer' | 'Upload' | 'ColorPicker' | 'ColorRadio' | 'IconPicker' | 'JsonInput' | 'TagPicker' | 'MultipleTagPicker' | 'Range' | 'Search' | 'SelectGroup' | 'SelectTable' | 'SelectTable.Column';
|
19
23
|
declare type IButtonComponent = 'Submit' | 'Reset';
|
20
24
|
declare type IComboComponent = 'ArrayCards' | 'ArrayCards.Addition' | 'ArrayCards.Remove' | 'ArrayCards.MoveUp' | 'ArrayCards.MoveDown' | 'ArrayCards.Index' | 'ArrayCollapse' | 'ArrayCollapse.CollapsePanel' | 'ArrayCollapse.Addition' | 'ArrayCollapse.Remove' | 'ArrayCollapse.MoveUp' | 'ArrayCollapse.MoveDown' | 'ArrayCollapse.Index' | 'ArrayTable' | 'ArrayTable.Column' | 'ArrayTable.SortHandle' | 'ArrayTable.Addition' | 'ArrayTable.Remove' | 'ArrayTable.MoveDown' | 'ArrayTable.MoveUp' | 'ArrayTable.Index' | 'ArrayItems' | 'ArrayItems.Item' | 'ArrayItems.SortHandle' | 'ArrayItems.Addition' | 'ArrayItems.Remove' | 'ArrayItems.MoveDown' | 'ArrayItems.MoveUp' | 'ArrayItems.Index' | 'Editable' | 'Editable.Popover' | 'Editable.Dialog' | 'Editable.Drawer';
|
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.18";
|
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.18';
|
40
40
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
|
41
41
|
ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, hooks, nocode, templates, utils };
|
@@ -38,16 +38,19 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
38
38
|
var newWrapperSpan = formItemLayout.wrapperCol.span; // 计算合并列情况。label与wrapper需要重新计算
|
39
39
|
|
40
40
|
if (colspan) {
|
41
|
-
|
41
|
+
var _layout$span, _layout$span2;
|
42
|
+
|
43
|
+
var realColspan = ((_layout$span = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span !== void 0 ? _layout$span : 24 / defaultLayout.span > colspan) ? colspan : (_layout$span2 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span2 !== void 0 ? _layout$span2 : 24 / defaultLayout.span;
|
44
|
+
newLabelSpan = newLabelSpan / realColspan;
|
42
45
|
newWrapperSpan = newWrapperSpan + (formItemLayout.labelCol.span - newLabelSpan);
|
43
46
|
}
|
44
47
|
|
45
48
|
var newFormItemLayout = {
|
46
49
|
labelCol: {
|
47
|
-
span: newLabelSpan
|
50
|
+
span: newLabelSpan.toFixed()
|
48
51
|
},
|
49
52
|
wrapperCol: {
|
50
|
-
span: newWrapperSpan
|
53
|
+
span: newWrapperSpan.toFixed()
|
51
54
|
}
|
52
55
|
};
|
53
56
|
return Object.assign(formItemLayout, newFormItemLayout);
|
@@ -55,7 +58,7 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
55
58
|
|
56
59
|
var renderContent = function renderContent() {
|
57
60
|
return columns.map(function (item, index) {
|
58
|
-
var _ref, _ref2, _layout$
|
61
|
+
var _ref, _ref2, _layout$span3, _layout$span4, _item$title, _item$valueType, _ref3, _item$colSpan;
|
59
62
|
|
60
63
|
var hidden = isHidden(item === null || item === void 0 ? void 0 : item.hidden, getDataIndexValue(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}), (_ref2 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref2 !== void 0 ? _ref2 : {}, context);
|
61
64
|
|
@@ -63,10 +66,10 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
63
66
|
return;
|
64
67
|
}
|
65
68
|
|
66
|
-
var span = item.colSpan ? defaultLayout.span
|
67
|
-
var layoutSpan = item.colSpan ? ((_layout$
|
69
|
+
var span = item.colSpan ? defaultLayout.span : defaultLayout.span;
|
70
|
+
var layoutSpan = item.colSpan ? ((_layout$span3 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span3 !== void 0 ? _layout$span3 : span) * item.colSpan : (_layout$span4 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span4 !== void 0 ? _layout$span4 : span;
|
68
71
|
return /*#__PURE__*/React.createElement(Col, {
|
69
|
-
span: layoutSpan,
|
72
|
+
span: layoutSpan > 24 ? 24 : layoutSpan,
|
70
73
|
key: index
|
71
74
|
}, /*#__PURE__*/React.createElement(ProInfoItem, {
|
72
75
|
label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
|
@@ -166,7 +166,7 @@ var Layout = function Layout(props) {
|
|
166
166
|
actionRef: actionRef,
|
167
167
|
quickAction: extra,
|
168
168
|
rowSelection: rowSelection
|
169
|
-
}), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && renderQueryFilter())), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) && renderQueryFilter());
|
169
|
+
}), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && !afterDataFilter && renderQueryFilter())), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) > 0 || afterDataFilter && renderQueryFilter());
|
170
170
|
} else if (!header && mainAction) {
|
171
171
|
return /*#__PURE__*/React.createElement(React.Fragment, null, renderQueryFilter());
|
172
172
|
} else if (!header && !mainAction) {
|
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
|
+
/** 隐藏footer区域 */
|
33
|
+
hideFooter?: boolean;
|
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,7 +30,7 @@ var _request = require("./request");
|
|
30
30
|
|
31
31
|
var _utils2 = require("./utils");
|
32
32
|
|
33
|
-
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel"],
|
33
|
+
var _excluded = ["trigger", "url", "customRequest", "method", "params", "data", "extendParams", "successMsg", "errorMsg", "formatParams", "formatResult", "onSuccess", "onError", "onOk", "onCancel", "hideFooter"],
|
34
34
|
_excluded2 = ["title", "content", "component", "schema", "onFinish", "dialogType", "dialogQuickShowType", "messageType", "popType", "beforeRequest", "onTrigger", "link", "beforeContent", "afterContent", "message", "footerDescription", "footerAlign", "className"];
|
35
35
|
|
36
36
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -125,6 +125,7 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
125
125
|
onError = action.onError,
|
126
126
|
propsOnOk = action.onOk,
|
127
127
|
propsOnCancel = action.onCancel,
|
128
|
+
hideFooter = action.hideFooter,
|
128
129
|
others = _objectWithoutProperties(action, _excluded);
|
129
130
|
|
130
131
|
var _getTargetValue = (0, _utils.getTargetValue)(others, context),
|
@@ -255,7 +256,7 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
255
256
|
});
|
256
257
|
var dialogContent = Component ? /*#__PURE__*/_react.default.createElement(Component, _objectSpread({}, (0, _utils2.addContext)(componentProps, dialogContext))) : addContextForReactNode(content, dialogContext);
|
257
258
|
|
258
|
-
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), onOk), _defineProperty(_objectSpread2, "onCancel", function
|
259
|
+
var quickShowProps = _objectSpread(_objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, "".concat(isPop ? 'onConfirm' : 'onOk'), hideFooter && !isPop && isDrawer ? false : onOk), _defineProperty(_objectSpread2, "onCancel", hideFooter && !isPop && isDrawer ? false : function () {
|
259
260
|
propsOnCancel && propsOnCancel(context);
|
260
261
|
}), _defineProperty(_objectSpread2, "title", addContextForReactNode(title, dialogContext)), _defineProperty(_objectSpread2, "content", /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, beforeContent && /*#__PURE__*/_react.default.createElement("div", {
|
261
262
|
className: "teamix-pro-dialog-before-content"
|
@@ -269,7 +270,12 @@ function useDialogAction(action, actionContext, hasForm) {
|
|
269
270
|
className: (0, _classnames.default)('teamix-pro-dialog-footer-description', getFooterAlignClass(isDrawer, footerAlign))
|
270
271
|
}, renderDialogFooterDescription(footerDescription)))), _defineProperty(_objectSpread2, "footerAlign", footerAlign), _defineProperty(_objectSpread2, "className", (0, _classnames.default)('teamix-pro-action-dialog', {
|
271
272
|
'has-footer-description': !!footerDescription
|
272
|
-
})), _objectSpread2), containerProps), containerOtherProps);
|
273
|
+
})), _objectSpread2), containerProps), containerOtherProps); // TODO Drawer 基础组件未支持此配置,日后支持,并修改onOk、onCancel写法
|
274
|
+
|
275
|
+
|
276
|
+
if (!dialogType || dialogType === 'dialog') {
|
277
|
+
quickShowProps['footer'] = !hideFooter;
|
278
|
+
}
|
273
279
|
|
274
280
|
var ret = container.show(quickShowProps);
|
275
281
|
store.hide = ret ? ret.hide || ret.close : function () {};
|
package/lib/card/index.js
CHANGED
@@ -10,7 +10,7 @@ var _exportNames = {
|
|
10
10
|
};
|
11
11
|
exports.default = exports.ProCard = void 0;
|
12
12
|
|
13
|
-
var _react =
|
13
|
+
var _react = _interopRequireWildcard(require("react"));
|
14
14
|
|
15
15
|
var _classnames3 = _interopRequireDefault(require("classnames"));
|
16
16
|
|
@@ -60,12 +60,12 @@ Object.keys(_cardContainer).forEach(function (key) {
|
|
60
60
|
var _excluded = ["context"],
|
61
61
|
_excluded2 = ["children", "title", "subTitle", "tooltip", "tooltipIcon", "tags", "description", "extra", "actions", "message", "style", "className", "image", "hoveredShadow", "divider", "bordered", "compacted", "centered", "loading", "contentLoading", "empty", "borderColor", "backgroundColor", "contentClassName", "contentStyle", "direction", "wrap", "spacing", "split", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "context"];
|
62
62
|
|
63
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
64
|
+
|
63
65
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
64
66
|
|
65
67
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
66
68
|
|
67
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
68
|
-
|
69
69
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
70
70
|
|
71
71
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -173,11 +173,11 @@ var ProCard = function ProCard(props) {
|
|
173
173
|
|
174
174
|
var _formatSpacing = (0, _utils2.formatSpacing)(spacing),
|
175
175
|
horizonal = _formatSpacing.horizonal,
|
176
|
-
vertical = _formatSpacing.vertical;
|
177
|
-
// calculateHeaderWidth();
|
178
|
-
// }, []);
|
179
|
-
|
176
|
+
vertical = _formatSpacing.vertical;
|
180
177
|
|
178
|
+
(0, _react.useEffect)(function () {
|
179
|
+
calculateHeaderWidth();
|
180
|
+
}, []);
|
181
181
|
var hasDivider = (divider || !!split) && (title || extra);
|
182
182
|
var hasCollapse = collapsible === true || defaultCollapsed !== undefined || collapsed !== undefined;
|
183
183
|
var collapseState = collapsed !== undefined ? collapsed : innerCollapseState;
|
@@ -328,7 +328,9 @@ var ProCard = function ProCard(props) {
|
|
328
328
|
free: true,
|
329
329
|
className: cardClassName,
|
330
330
|
style: style,
|
331
|
-
actions: renderActionGroup(actions, context)
|
331
|
+
actions: renderActionGroup(actions, context),
|
332
|
+
// @ts-ignore
|
333
|
+
ref: cardRef
|
332
334
|
}, others), !loading && image && /*#__PURE__*/_react.default.createElement(_components.Card.Media, {
|
333
335
|
component: "img",
|
334
336
|
src: image
|
package/lib/form/typing.d.ts
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { ReactNode } from 'react';
|
2
|
-
import type { IFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
|
2
|
+
import type { IFormFeedback as InnerFormFeedback, Form as FormType, FieldPatternTypes } from '@formily/core';
|
3
3
|
import type { IFormLayoutProps } from '@teamix/formily';
|
4
4
|
import type { CommonRequestConfig } from '@teamix/utils';
|
5
5
|
import type { UrlStateOptions } from '@teamix/hooks';
|
@@ -15,6 +15,10 @@ export interface ProFormInitializeItem {
|
|
15
15
|
* ProForm 实例类型
|
16
16
|
*/
|
17
17
|
export declare type ProFormType = FormType;
|
18
|
+
/**
|
19
|
+
* ProForm 反馈类型
|
20
|
+
*/
|
21
|
+
export declare type IFormFeedback = InnerFormFeedback;
|
18
22
|
declare type IBaseComponent = 'Input' | 'Password' | 'TextArea' | 'NumberPicker' | 'Percent' | 'Money' | 'Select' | 'MultipleSelect' | 'TreeSelect' | 'Cascader' | 'MultipleCascader' | 'ArbitraryCascader' | 'Radio' | 'Checkbox' | 'Switch' | 'DatePicker' | 'TimePicker' | 'DateTimePicker' | 'WeekPicker' | 'MonthPicker' | 'YearPicker' | 'QuarterPicker' | 'DateRangePicker' | 'TimeRangePicker' | 'DateTimeRangePicker' | 'WeekRangePicker' | 'MonthRangePicker' | 'YearRangePicker' | 'QuarterRangePicker' | 'Transfer' | 'Upload' | 'ColorPicker' | 'ColorRadio' | 'IconPicker' | 'JsonInput' | 'TagPicker' | 'MultipleTagPicker' | 'Range' | 'Search' | 'SelectGroup' | 'SelectTable' | 'SelectTable.Column';
|
19
23
|
declare type IButtonComponent = 'Submit' | 'Reset';
|
20
24
|
declare type IComboComponent = 'ArrayCards' | 'ArrayCards.Addition' | 'ArrayCards.Remove' | 'ArrayCards.MoveUp' | 'ArrayCards.MoveDown' | 'ArrayCards.Index' | 'ArrayCollapse' | 'ArrayCollapse.CollapsePanel' | 'ArrayCollapse.Addition' | 'ArrayCollapse.Remove' | 'ArrayCollapse.MoveUp' | 'ArrayCollapse.MoveDown' | 'ArrayCollapse.Index' | 'ArrayTable' | 'ArrayTable.Column' | 'ArrayTable.SortHandle' | 'ArrayTable.Addition' | 'ArrayTable.Remove' | 'ArrayTable.MoveDown' | 'ArrayTable.MoveUp' | 'ArrayTable.Index' | 'ArrayItems' | 'ArrayItems.Item' | 'ArrayItems.SortHandle' | 'ArrayItems.Addition' | 'ArrayItems.Remove' | 'ArrayItems.MoveDown' | 'ArrayItems.MoveUp' | 'ArrayItems.Index' | 'Editable' | 'Editable.Popover' | 'Editable.Dialog' | 'Editable.Drawer';
|
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.18";
|
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
@@ -57,16 +57,19 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
57
57
|
var newWrapperSpan = formItemLayout.wrapperCol.span; // 计算合并列情况。label与wrapper需要重新计算
|
58
58
|
|
59
59
|
if (colspan) {
|
60
|
-
|
60
|
+
var _layout$span, _layout$span2;
|
61
|
+
|
62
|
+
var realColspan = ((_layout$span = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span !== void 0 ? _layout$span : 24 / defaultLayout.span > colspan) ? colspan : (_layout$span2 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span2 !== void 0 ? _layout$span2 : 24 / defaultLayout.span;
|
63
|
+
newLabelSpan = newLabelSpan / realColspan;
|
61
64
|
newWrapperSpan = newWrapperSpan + (formItemLayout.labelCol.span - newLabelSpan);
|
62
65
|
}
|
63
66
|
|
64
67
|
var newFormItemLayout = {
|
65
68
|
labelCol: {
|
66
|
-
span: newLabelSpan
|
69
|
+
span: newLabelSpan.toFixed()
|
67
70
|
},
|
68
71
|
wrapperCol: {
|
69
|
-
span: newWrapperSpan
|
72
|
+
span: newWrapperSpan.toFixed()
|
70
73
|
}
|
71
74
|
};
|
72
75
|
return Object.assign(formItemLayout, newFormItemLayout);
|
@@ -74,7 +77,7 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
74
77
|
|
75
78
|
var renderContent = function renderContent() {
|
76
79
|
return columns.map(function (item, index) {
|
77
|
-
var _ref, _ref2, _layout$
|
80
|
+
var _ref, _ref2, _layout$span3, _layout$span4, _item$title, _item$valueType, _ref3, _item$colSpan;
|
78
81
|
|
79
82
|
var hidden = (0, _utils2.isHidden)(item === null || item === void 0 ? void 0 : item.hidden, (0, _utils2.getDataIndexValue)(item.dataIndex, (_ref = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref !== void 0 ? _ref : {}), (_ref2 = dataSource !== null && dataSource !== void 0 ? dataSource : result) !== null && _ref2 !== void 0 ? _ref2 : {}, context);
|
80
83
|
|
@@ -82,10 +85,10 @@ var ProBaseInfo = function ProBaseInfo(props) {
|
|
82
85
|
return;
|
83
86
|
}
|
84
87
|
|
85
|
-
var span = item.colSpan ? defaultLayout.span
|
86
|
-
var layoutSpan = item.colSpan ? ((_layout$
|
88
|
+
var span = item.colSpan ? defaultLayout.span : defaultLayout.span;
|
89
|
+
var layoutSpan = item.colSpan ? ((_layout$span3 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span3 !== void 0 ? _layout$span3 : span) * item.colSpan : (_layout$span4 = layout === null || layout === void 0 ? void 0 : layout.span) !== null && _layout$span4 !== void 0 ? _layout$span4 : span;
|
87
90
|
return /*#__PURE__*/_react.default.createElement(Col, {
|
88
|
-
span: layoutSpan,
|
91
|
+
span: layoutSpan > 24 ? 24 : layoutSpan,
|
89
92
|
key: index
|
90
93
|
}, /*#__PURE__*/_react.default.createElement(_ProInfoItem.default, {
|
91
94
|
label: (_item$title = item === null || item === void 0 ? void 0 : item.title) !== null && _item$title !== void 0 ? _item$title : '',
|
@@ -187,7 +187,7 @@ var Layout = function Layout(props) {
|
|
187
187
|
actionRef: actionRef,
|
188
188
|
quickAction: extra,
|
189
189
|
rowSelection: rowSelection
|
190
|
-
}), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && renderQueryFilter())), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) && renderQueryFilter());
|
190
|
+
}), !(dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema3 = dataFilter.schema) === null || _dataFilter$schema3 === void 0 ? void 0 : _dataFilter$schema3.length) && !afterDataFilter && renderQueryFilter())), (dataFilter === null || dataFilter === void 0 ? void 0 : (_dataFilter$schema4 = dataFilter.schema) === null || _dataFilter$schema4 === void 0 ? void 0 : _dataFilter$schema4.length) > 0 || afterDataFilter && renderQueryFilter());
|
191
191
|
} else if (!header && mainAction) {
|
192
192
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderQueryFilter());
|
193
193
|
} else if (!header && !mainAction) {
|