@teamix/pro 1.3.13 → 1.3.14
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 +632 -185
- package/dist/pro.min.css +1 -1
- package/dist/pro.min.js +1 -1
- package/es/actions/index.js +40 -4
- package/es/form/Filter/LightFilter.js +7 -5
- package/es/form/Filter/index.js +2 -2
- package/es/form/ProForm/index.d.ts +2 -3
- package/es/form/ProForm/index.js +47 -8
- package/es/form/ProForm/index.scss +7 -0
- package/es/form/ProForm/useFieldSchema.d.ts +7 -0
- package/es/form/ProForm/useFieldSchema.js +88 -0
- package/es/form/SchemaForm/index.js +2 -38
- package/es/form/SchemaForm/initializeSelectTable.js +80 -6
- package/es/form/typing.d.ts +4 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/ToolBar/Fullscreen.d.ts +1 -1
- package/es/table/utils/pureColumnRender.d.ts +9 -0
- package/es/table/utils/pureColumnRender.js +201 -0
- package/es/table/utils/pureGenProColumnToColumn.d.ts +7 -0
- package/es/table/utils/pureGenProColumnToColumn.js +36 -0
- package/es/timeline/ProTimeLineItem/index.js +8 -5
- package/es/timeline/typing.d.ts +5 -0
- package/lib/actions/index.js +40 -4
- package/lib/form/Filter/LightFilter.js +7 -6
- package/lib/form/Filter/index.js +2 -2
- package/lib/form/ProForm/index.d.ts +2 -3
- package/lib/form/ProForm/index.js +53 -7
- package/lib/form/ProForm/index.scss +7 -0
- package/lib/form/ProForm/useFieldSchema.d.ts +7 -0
- package/lib/form/ProForm/useFieldSchema.js +97 -0
- package/lib/form/SchemaForm/index.js +2 -45
- package/lib/form/SchemaForm/initializeSelectTable.js +85 -6
- package/lib/form/typing.d.ts +4 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/ToolBar/Fullscreen.d.ts +1 -1
- package/lib/table/utils/pureColumnRender.d.ts +9 -0
- package/lib/table/utils/pureColumnRender.js +215 -0
- package/lib/table/utils/pureGenProColumnToColumn.d.ts +7 -0
- package/lib/table/utils/pureGenProColumnToColumn.js +43 -0
- package/lib/timeline/ProTimeLineItem/index.js +8 -5
- package/lib/timeline/typing.d.ts +5 -0
- package/package.json +1 -1
@@ -0,0 +1,97 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = void 0;
|
7
|
+
|
8
|
+
var _utils = require("@teamix/utils");
|
9
|
+
|
10
|
+
var _excluded = ["id", "children", "reactions"],
|
11
|
+
_excluded2 = ["id", "children", "reactions"];
|
12
|
+
|
13
|
+
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; }
|
14
|
+
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
16
|
+
|
17
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
18
|
+
|
19
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
20
|
+
|
21
|
+
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; }
|
22
|
+
|
23
|
+
/**
|
24
|
+
* 合并 Field 字段 props 和 ProForm schema 配置,生成完整的 Field 字段 schema
|
25
|
+
* @param field Field 字段
|
26
|
+
* @param extra 额外的 schema 配置(存在递归,可能是子级 schema )
|
27
|
+
* @param wholeExtra 完整的额外 schema 配置
|
28
|
+
* @returns schema 配置
|
29
|
+
*/
|
30
|
+
var getMergedSchema = function getMergedSchema(field, extra, wholeExtra) {
|
31
|
+
return field.reduce(function (prev, curr, index) {
|
32
|
+
var _ref = curr.props || {},
|
33
|
+
id = _ref.id,
|
34
|
+
_ref$children = _ref.children,
|
35
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
36
|
+
_ref$reactions = _ref.reactions,
|
37
|
+
reactions = _ref$reactions === void 0 ? [] : _ref$reactions,
|
38
|
+
rest = _objectWithoutProperties(_ref, _excluded); // 获取字段额外的 schema 配置(From ProForm)
|
39
|
+
|
40
|
+
|
41
|
+
var extraFieldProps = extra[index] || {};
|
42
|
+
|
43
|
+
if (id !== extraFieldProps.id) {
|
44
|
+
// 索引不匹配,通过 id 查找获取
|
45
|
+
extraFieldProps = (0, _utils.getValueByValue)(extra, id, {
|
46
|
+
inputKey: 'id',
|
47
|
+
outputKey: '__whole__'
|
48
|
+
}) || (0, _utils.getValueByValue)(wholeExtra, id, {
|
49
|
+
inputKey: 'id',
|
50
|
+
outputKey: '__whole__'
|
51
|
+
});
|
52
|
+
|
53
|
+
if (extraFieldProps) {
|
54
|
+
console.warn("Field id \"".concat(id, "\" is not found by index in ProForm schema props, Please pay attention to the order."));
|
55
|
+
}
|
56
|
+
}
|
57
|
+
|
58
|
+
var _ref2 = extraFieldProps || {},
|
59
|
+
extraId = _ref2.id,
|
60
|
+
_ref2$children = _ref2.children,
|
61
|
+
extraChildren = _ref2$children === void 0 ? [] : _ref2$children,
|
62
|
+
_ref2$reactions = _ref2.reactions,
|
63
|
+
extraReactions = _ref2$reactions === void 0 ? [] : _ref2$reactions,
|
64
|
+
extraRest = _objectWithoutProperties(_ref2, _excluded2);
|
65
|
+
|
66
|
+
prev.push(_objectSpread(_objectSpread({}, (0, _utils.deepMerge)(rest, extraRest)), {}, {
|
67
|
+
reactions: [].concat(reactions, extraReactions),
|
68
|
+
children: (children === null || children === void 0 ? void 0 : children.length) ? getMergedSchema(children, extraChildren, wholeExtra) : []
|
69
|
+
}));
|
70
|
+
return prev;
|
71
|
+
}, []);
|
72
|
+
};
|
73
|
+
/**
|
74
|
+
* 获取 ProForm 的 schema 配置,通过合并 Field 字段 或者 schema 配置
|
75
|
+
* @param props ProForm 组件的 props
|
76
|
+
* @returns schema 配置
|
77
|
+
*/
|
78
|
+
|
79
|
+
|
80
|
+
var _default = function _default(_ref3) {
|
81
|
+
var children = _ref3.children,
|
82
|
+
schema = _ref3.schema;
|
83
|
+
var field = [].concat(children !== null && children !== void 0 ? children : []).filter(function (item) {
|
84
|
+
var _item$type, _item$props;
|
85
|
+
|
86
|
+
return (item === null || item === void 0 ? void 0 : (_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.name) === '' && (item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.component);
|
87
|
+
}); // 如果 ProForm 的 children 含有 Field 字段,则优先使用 Field 渲染表单(仅合并 ProForm 的 schema 属性 )
|
88
|
+
|
89
|
+
if (field.length) {
|
90
|
+
return getMergedSchema(field, schema !== null && schema !== void 0 ? schema : [], schema !== null && schema !== void 0 ? schema : []);
|
91
|
+
} // 正常使用 ProForm 的 schema 渲染表单
|
92
|
+
|
93
|
+
|
94
|
+
return schema;
|
95
|
+
};
|
96
|
+
|
97
|
+
exports.default = _default;
|
@@ -11,20 +11,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
12
12
|
var _react2 = require("@formily/react");
|
13
13
|
|
14
|
-
var _components = require("@alicloudfe/components");
|
15
|
-
|
16
|
-
var _formily = require("@teamix/formily");
|
17
|
-
|
18
|
-
var _ProField = _interopRequireDefault(require("../Components/ProField"));
|
19
|
-
|
20
|
-
var _Editable = require("../Components/Editable");
|
21
|
-
|
22
|
-
var _FormGroup = _interopRequireDefault(require("../Components/FormGroup"));
|
23
|
-
|
24
|
-
var _LightFilter = _interopRequireDefault(require("../Components/LightFilter"));
|
25
|
-
|
26
|
-
var _index = _interopRequireDefault(require("../Components/Text/index"));
|
27
|
-
|
28
14
|
var _adapterType = _interopRequireDefault(require("./adapterType"));
|
29
15
|
|
30
16
|
var _adapterComponent = _interopRequireDefault(require("./adapterComponent"));
|
@@ -109,39 +95,10 @@ var _default = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
109
95
|
var schema = _ref.schema,
|
110
96
|
scope = _ref.scope,
|
111
97
|
components = _ref.components;
|
112
|
-
var schemaScopeRef = (0, _react.useRef)({}); // 创建 SchemaField
|
98
|
+
var schemaScopeRef = (0, _react.useRef)({}); // 创建 SchemaField
|
113
99
|
|
114
100
|
var SchemaField = (0, _react.useMemo)(function () {
|
115
|
-
return (0, _react2.createSchemaField)(
|
116
|
-
components: _objectSpread(_objectSpread({}, _ProField.default), {}, {
|
117
|
-
FormLayout: _formily.FormLayout,
|
118
|
-
FormItem: _formily.FormItem,
|
119
|
-
ArrayCollapse: _formily.ArrayCollapse,
|
120
|
-
ArrayCards: _formily.ArrayCards,
|
121
|
-
ArrayItems: _formily.ArrayItems,
|
122
|
-
ArrayTable: _formily.ArrayTable,
|
123
|
-
Space: _formily.Space,
|
124
|
-
FormGrid: _formily.FormGrid,
|
125
|
-
FormTab: _formily.FormTab,
|
126
|
-
FormCollapse: _formily.FormCollapse,
|
127
|
-
FormStep: _formily.FormStep,
|
128
|
-
Editable: _formily.Editable,
|
129
|
-
FormDialogFooter: _formily.FormDialog.Footer,
|
130
|
-
FormDrawerFooter: _formily.FormDrawer.Footer,
|
131
|
-
FormButtonGroup: _formily.FormButtonGroup,
|
132
|
-
Submit: _formily.Submit,
|
133
|
-
Reset: _formily.Reset,
|
134
|
-
EditableDialog: _Editable.EditableDialog,
|
135
|
-
EditableDrawer: _Editable.EditableDrawer,
|
136
|
-
EditablePopover: _Editable.EditablePopover,
|
137
|
-
FormGroup: _FormGroup.default,
|
138
|
-
Upload: _formily.Upload,
|
139
|
-
SelectTable: _formily.SelectTable,
|
140
|
-
Affix: _components.Affix,
|
141
|
-
LightFilter: _LightFilter.default,
|
142
|
-
Text: _index.default
|
143
|
-
})
|
144
|
-
});
|
101
|
+
return (0, _react2.createSchemaField)();
|
145
102
|
}, []); // 格式化 schema
|
146
103
|
|
147
104
|
var formatSchema = (0, _react.useCallback)(function (schema) {
|
@@ -4,7 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.default = void 0;
|
7
|
-
|
7
|
+
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
9
|
+
|
10
|
+
var _utils = require("@teamix/utils");
|
11
|
+
|
12
|
+
var _pureGenProColumnToColumn = _interopRequireDefault(require("../../table/utils/pureGenProColumnToColumn"));
|
13
|
+
|
14
|
+
var _excluded = ["name", "children", "props"];
|
15
|
+
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8
17
|
|
9
18
|
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
19
|
|
@@ -16,25 +25,95 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
16
25
|
|
17
26
|
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; }
|
18
27
|
|
28
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
29
|
+
|
30
|
+
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."); }
|
31
|
+
|
32
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
33
|
+
|
34
|
+
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; }
|
35
|
+
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
37
|
+
|
38
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
39
|
+
|
40
|
+
/**
|
41
|
+
* 将可被 ProForm 识别的上下文转换为仅被 ProTable 识别的上下文
|
42
|
+
* @param value
|
43
|
+
* @returns
|
44
|
+
*/
|
45
|
+
var adapterContext = function adapterContext(value) {
|
46
|
+
if ((0, _utils.isStr)(value)) {
|
47
|
+
var contextReg = /^\{\{.*?\}\}$/;
|
48
|
+
|
49
|
+
if (contextReg.test(value)) {
|
50
|
+
return "\0".concat(value, "\0");
|
51
|
+
}
|
52
|
+
|
53
|
+
return value;
|
54
|
+
}
|
55
|
+
|
56
|
+
if ((0, _utils.isPlainObj)(value)) {
|
57
|
+
var temp = {};
|
58
|
+
Object.entries(value).forEach(function (_ref) {
|
59
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
60
|
+
key = _ref2[0],
|
61
|
+
val = _ref2[1];
|
62
|
+
|
63
|
+
temp[key] = adapterContext(val);
|
64
|
+
});
|
65
|
+
return temp;
|
66
|
+
}
|
67
|
+
|
68
|
+
if ((0, _utils.isArr)(value)) {
|
69
|
+
return value.map(function (item) {
|
70
|
+
return adapterContext(item);
|
71
|
+
});
|
72
|
+
}
|
73
|
+
|
74
|
+
return value;
|
75
|
+
};
|
76
|
+
|
19
77
|
var initializeTableColumn = function initializeTableColumn(item) {
|
20
78
|
var name = item.name,
|
21
|
-
title = item.title,
|
22
79
|
children = item.children,
|
80
|
+
props = item.props,
|
23
81
|
otherProps = _objectWithoutProperties(item, _excluded);
|
24
82
|
|
25
83
|
return {
|
26
84
|
name: name,
|
27
|
-
title: title,
|
28
85
|
component: 'SelectTable.Column',
|
29
|
-
children: children
|
30
|
-
|
86
|
+
children: children === null || children === void 0 ? void 0 : children.map(function (item) {
|
87
|
+
return initializeTableColumn(item);
|
88
|
+
}),
|
89
|
+
props: _objectSpread(_objectSpread({}, otherProps), props)
|
31
90
|
};
|
32
91
|
};
|
33
92
|
|
34
93
|
var initialize = function initialize(item) {
|
94
|
+
var _props$columns;
|
95
|
+
|
35
96
|
var _item$children = item.children,
|
36
|
-
children = _item$children === void 0 ? [] : _item$children
|
97
|
+
children = _item$children === void 0 ? [] : _item$children,
|
98
|
+
props = item.props;
|
99
|
+
var prefixCls = (0, _utils.usePrefixCls)('', {
|
100
|
+
prefix: 'teamix-pro-form-select-table-column-tree'
|
101
|
+
});
|
102
|
+
var columns = props === null || props === void 0 ? void 0 : (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.map(function (value, index) {
|
103
|
+
var column = adapterContext(value);
|
104
|
+
|
105
|
+
if ((props === null || props === void 0 ? void 0 : props.isTree) && index === 0) {
|
106
|
+
return _objectSpread(_objectSpread({}, column), {}, {
|
107
|
+
className: (0, _classnames.default)(column.className, prefixCls)
|
108
|
+
});
|
109
|
+
}
|
110
|
+
|
111
|
+
return column;
|
112
|
+
});
|
37
113
|
return _objectSpread(_objectSpread({}, item), {}, {
|
114
|
+
props: _objectSpread(_objectSpread({}, props), {}, {
|
115
|
+
columns: columns && (0, _pureGenProColumnToColumn.default)(columns)
|
116
|
+
}),
|
38
117
|
children: children.map(function (item) {
|
39
118
|
return initializeTableColumn(item);
|
40
119
|
})
|
package/lib/form/typing.d.ts
CHANGED
@@ -56,7 +56,7 @@ export interface ProFormSchemaItem {
|
|
56
56
|
export declare type ProFormSchema = ProFormSchemaItem[];
|
57
57
|
export interface ProFormProps extends IFormLayoutProps {
|
58
58
|
form?: FormType | false;
|
59
|
-
schema
|
59
|
+
schema?: ProFormSchema;
|
60
60
|
scope?: any;
|
61
61
|
context?: any;
|
62
62
|
components?: {
|
@@ -73,6 +73,9 @@ export interface ProFormProps extends IFormLayoutProps {
|
|
73
73
|
onSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
|
74
74
|
onInitialComplete?: (form: FormType) => void;
|
75
75
|
}
|
76
|
+
export declare type ComposedProForm = React.FC<ProFormProps> & {
|
77
|
+
Field?: React.FC<any>;
|
78
|
+
};
|
76
79
|
export interface FilterProps extends ProFormProps {
|
77
80
|
form: FormType;
|
78
81
|
defaultFilterValue?: string;
|
package/lib/index.d.ts
CHANGED
@@ -26,5 +26,5 @@ export * from './table';
|
|
26
26
|
export * from './sidebar';
|
27
27
|
export * from './utils';
|
28
28
|
export * from './timeline';
|
29
|
-
declare const version = "1.3.
|
29
|
+
declare const version = "1.3.14";
|
30
30
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import './index.scss';
|
3
3
|
import { ProTableActionType } from '../../typing';
|
4
4
|
declare type ProTableFullScreenProps = {
|
5
|
-
children: React.ReactNode;
|
5
|
+
children: (isFullScreen: boolean) => React.ReactNode | React.ReactNode;
|
6
6
|
visible: boolean;
|
7
7
|
actionRef: React.MutableRefObject<ProTableActionType | undefined>;
|
8
8
|
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { ProTableColumnProps } from '../typing';
|
2
|
+
/**
|
3
|
+
* 增加了 icon 的功能 render title
|
4
|
+
*/
|
5
|
+
export declare const renderColumnsTitle: (item: ProTableColumnProps) => JSX.Element;
|
6
|
+
/**
|
7
|
+
* 负责单元格的具体渲染
|
8
|
+
*/
|
9
|
+
export declare const renderCell: (value: any, item: ProTableColumnProps, index: number, record: any) => JSX.Element;
|
@@ -0,0 +1,215 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.renderColumnsTitle = exports.renderCell = void 0;
|
7
|
+
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
9
|
+
|
10
|
+
var _utils = require("@teamix/utils");
|
11
|
+
|
12
|
+
var _field = _interopRequireDefault(require("../../field"));
|
13
|
+
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
|
+
|
16
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
17
|
+
|
18
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
19
|
+
|
20
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
21
|
+
|
22
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
23
|
+
|
24
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
25
|
+
|
26
|
+
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."); }
|
27
|
+
|
28
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
29
|
+
|
30
|
+
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; }
|
31
|
+
|
32
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
33
|
+
|
34
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
35
|
+
|
36
|
+
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; }
|
37
|
+
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
39
|
+
|
40
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
41
|
+
|
42
|
+
/**
|
43
|
+
* 增加了 icon 的功能 render title
|
44
|
+
*/
|
45
|
+
var renderColumnsTitle = function renderColumnsTitle(item) {
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_utils.LabelIconTip, {
|
47
|
+
label: item.title,
|
48
|
+
tooltip: item.tooltip,
|
49
|
+
icon: item.tooltipIcon
|
50
|
+
}));
|
51
|
+
};
|
52
|
+
/**
|
53
|
+
* 负责单元格的具体渲染
|
54
|
+
*/
|
55
|
+
|
56
|
+
|
57
|
+
exports.renderColumnsTitle = renderColumnsTitle;
|
58
|
+
|
59
|
+
var renderCell = function renderCell(value, item, index, record) {
|
60
|
+
var _item$valueType = item.valueType,
|
61
|
+
valueType = _item$valueType === void 0 ? 'text' : _item$valueType,
|
62
|
+
render = item.render,
|
63
|
+
dataIndex = item.dataIndex,
|
64
|
+
format = item.format; // 如果没传 dataIndex,返回 null
|
65
|
+
|
66
|
+
if (!dataIndex) {
|
67
|
+
value = null;
|
68
|
+
} // 处理 dataIndex 为数组的情况
|
69
|
+
|
70
|
+
|
71
|
+
if (Array.isArray(dataIndex)) {
|
72
|
+
value = dataIndex.map(function (item) {
|
73
|
+
return (0, _utils.getTargetValue)("{{".concat(item, "}}"), _objectSpread(_objectSpread({}, record), {}, {
|
74
|
+
record: record
|
75
|
+
}));
|
76
|
+
});
|
77
|
+
}
|
78
|
+
|
79
|
+
var newRender = null;
|
80
|
+
var newDataSource = null;
|
81
|
+
var props = item.props; // 如果 render 直接传函数
|
82
|
+
|
83
|
+
if (typeof render === 'function') {
|
84
|
+
newRender = function newRender() {
|
85
|
+
return render === null || render === void 0 ? void 0 : render(value, index, record);
|
86
|
+
};
|
87
|
+
} else {
|
88
|
+
newRender = processBuriedPoint(processRenderFunction(render, value, index, record), record, value, index);
|
89
|
+
|
90
|
+
if (valueType === 'selectGroup') {
|
91
|
+
newRender = _objectSpread(_objectSpread({
|
92
|
+
maxShowNumber: 'auto',
|
93
|
+
foldText: 'more',
|
94
|
+
editOnClick: function editOnClick() {},
|
95
|
+
edit: true
|
96
|
+
}, newRender), {}, {
|
97
|
+
ellipsis: false
|
98
|
+
});
|
99
|
+
props = _objectSpread({
|
100
|
+
valueAlias: {
|
101
|
+
value: 'TagValue',
|
102
|
+
key: 'TagKey'
|
103
|
+
}
|
104
|
+
}, props);
|
105
|
+
}
|
106
|
+
|
107
|
+
if ((render === null || render === void 0 ? void 0 : render.type) === 'step') {
|
108
|
+
newRender = _objectSpread(_objectSpread({}, newRender), {}, {
|
109
|
+
ellipsis: false
|
110
|
+
});
|
111
|
+
}
|
112
|
+
} // dataSource可传函数
|
113
|
+
|
114
|
+
|
115
|
+
if (typeof item.dataSource === 'function') {
|
116
|
+
var _item$dataSource;
|
117
|
+
|
118
|
+
newDataSource = (_item$dataSource = item.dataSource) === null || _item$dataSource === void 0 ? void 0 : _item$dataSource.call(item, value, index, record);
|
119
|
+
} else {
|
120
|
+
var _item$dataSource2;
|
121
|
+
|
122
|
+
newDataSource = ((_item$dataSource2 = item.dataSource) !== null && _item$dataSource2 !== void 0 ? _item$dataSource2 : []).map(function (item) {
|
123
|
+
return Object.fromEntries(Object.entries(item).map(function (_ref) {
|
124
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
125
|
+
k = _ref2[0],
|
126
|
+
v = _ref2[1];
|
127
|
+
|
128
|
+
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
129
|
+
record: record,
|
130
|
+
value: value,
|
131
|
+
index: index
|
132
|
+
}))];
|
133
|
+
}));
|
134
|
+
});
|
135
|
+
} // 渲染 ProField
|
136
|
+
|
137
|
+
|
138
|
+
return /*#__PURE__*/_react.default.createElement(_field.default, _objectSpread({
|
139
|
+
type: valueType || 'text',
|
140
|
+
value: value,
|
141
|
+
render: newRender,
|
142
|
+
dataSource: newDataSource,
|
143
|
+
format: format
|
144
|
+
}, props));
|
145
|
+
};
|
146
|
+
/**
|
147
|
+
* 处理 render 配置项是函数的情况
|
148
|
+
* @param render ProFieldRender
|
149
|
+
* @param value table cell value
|
150
|
+
* @param index table cell index
|
151
|
+
* @param record table cell record
|
152
|
+
* @returns
|
153
|
+
*/
|
154
|
+
|
155
|
+
|
156
|
+
exports.renderCell = renderCell;
|
157
|
+
|
158
|
+
var processRenderFunction = function processRenderFunction() {
|
159
|
+
var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
160
|
+
var value = arguments.length > 1 ? arguments[1] : undefined;
|
161
|
+
var index = arguments.length > 2 ? arguments[2] : undefined;
|
162
|
+
var record = arguments.length > 3 ? arguments[3] : undefined;
|
163
|
+
// 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
|
164
|
+
var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
|
165
|
+
return Object.fromEntries(Object.entries(render).map(function (_ref3) {
|
166
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
167
|
+
k = _ref4[0],
|
168
|
+
v = _ref4[1];
|
169
|
+
|
170
|
+
if (typeof v === 'function') {
|
171
|
+
var _v;
|
172
|
+
|
173
|
+
if (external.includes(k)) {
|
174
|
+
return [k, function () {
|
175
|
+
for (var _len = arguments.length, others = new Array(_len), _key = 0; _key < _len; _key++) {
|
176
|
+
others[_key] = arguments[_key];
|
177
|
+
}
|
178
|
+
|
179
|
+
return v === null || v === void 0 ? void 0 : v.apply(void 0, [value, index, record].concat(others));
|
180
|
+
}];
|
181
|
+
}
|
182
|
+
|
183
|
+
return [k, (_v = v === null || v === void 0 ? void 0 : v(value, index, record)) !== null && _v !== void 0 ? _v : ''];
|
184
|
+
}
|
185
|
+
|
186
|
+
return [k, v];
|
187
|
+
}));
|
188
|
+
};
|
189
|
+
/**
|
190
|
+
* 处理 render 数据,取出 {{xxx}} 匹配值
|
191
|
+
* @param render ProFieldRender
|
192
|
+
* @param record table cell record
|
193
|
+
* @returns
|
194
|
+
*/
|
195
|
+
|
196
|
+
|
197
|
+
var processBuriedPoint = function processBuriedPoint() {
|
198
|
+
var render = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
199
|
+
var record = arguments.length > 1 ? arguments[1] : undefined;
|
200
|
+
var value = arguments.length > 2 ? arguments[2] : undefined;
|
201
|
+
var index = arguments.length > 3 ? arguments[3] : undefined;
|
202
|
+
return Object.fromEntries([// 默认 ellipsis、descriptionEllipsis 为 true
|
203
|
+
// emptyText 默认为 '-'
|
204
|
+
['ellipsis', true], ['descriptionEllipsis', true], ['emptyText', '-']].concat(_toConsumableArray(Object.entries(render).map(function (_ref5) {
|
205
|
+
var _ref6 = _slicedToArray(_ref5, 2),
|
206
|
+
k = _ref6[0],
|
207
|
+
v = _ref6[1];
|
208
|
+
|
209
|
+
return [k, (0, _utils.getTargetValue)(v, _objectSpread(_objectSpread({}, record), {}, {
|
210
|
+
record: record,
|
211
|
+
value: value,
|
212
|
+
index: index
|
213
|
+
}))];
|
214
|
+
}))));
|
215
|
+
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { ProTableColumnProps } from '../typing';
|
2
|
+
import { ColumnProps } from '@alicloudfe/components/types/table';
|
3
|
+
/**
|
4
|
+
* ProColumn => Column,去掉操作列,过滤器相关逻辑
|
5
|
+
* 用于非 ProTable 比如 selectTable
|
6
|
+
*/
|
7
|
+
export default function genProColumnToColumn(columns: ProTableColumnProps[]): ColumnProps[];
|
@@ -0,0 +1,43 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = genProColumnToColumn;
|
7
|
+
|
8
|
+
var _pureColumnRender = require("./pureColumnRender");
|
9
|
+
|
10
|
+
var _excluded = ["filters", "dataIndex"];
|
11
|
+
|
12
|
+
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; }
|
13
|
+
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
15
|
+
|
16
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
17
|
+
|
18
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
19
|
+
|
20
|
+
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; }
|
21
|
+
|
22
|
+
/**
|
23
|
+
* ProColumn => Column,去掉操作列,过滤器相关逻辑
|
24
|
+
* 用于非 ProTable 比如 selectTable
|
25
|
+
*/
|
26
|
+
function genProColumnToColumn(columns) {
|
27
|
+
return columns.map(function (columnProps) {
|
28
|
+
var filters = columnProps.filters,
|
29
|
+
dataIndex = columnProps.dataIndex,
|
30
|
+
others = _objectWithoutProperties(columnProps, _excluded);
|
31
|
+
|
32
|
+
return _objectSpread(_objectSpread({
|
33
|
+
// 金钱样式默认右对齐
|
34
|
+
align: columnProps.valueType === 'money' ? 'right' : 'left'
|
35
|
+
}, others), {}, {
|
36
|
+
dataIndex: dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.toString(),
|
37
|
+
title: (0, _pureColumnRender.renderColumnsTitle)(columnProps),
|
38
|
+
cell: function cell(value, index, record) {
|
39
|
+
return (0, _pureColumnRender.renderCell)(value, columnProps, index, record);
|
40
|
+
}
|
41
|
+
});
|
42
|
+
});
|
43
|
+
}
|
@@ -17,7 +17,7 @@ var _utils = require("@teamix/utils");
|
|
17
17
|
|
18
18
|
var _icon = _interopRequireDefault(require("@teamix/icon"));
|
19
19
|
|
20
|
-
var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
|
20
|
+
var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "time", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
|
21
21
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23
23
|
|
@@ -61,6 +61,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
61
61
|
icon = props.icon,
|
62
62
|
title = props.title,
|
63
63
|
subTitle = props.subTitle,
|
64
|
+
time = props.time,
|
64
65
|
timeLeft = props.timeLeft,
|
65
66
|
content = props.content,
|
66
67
|
animation = props.animation,
|
@@ -72,8 +73,10 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
72
73
|
onCollapse = props.onCollapse,
|
73
74
|
dotRender = props.dotRender,
|
74
75
|
others = _objectWithoutProperties(props, _excluded);
|
75
|
-
/** 内容去折叠相关 */
|
76
76
|
|
77
|
+
var timeRight = time !== null && time !== void 0 ? time : subTitle; // 兼容 subTitle
|
78
|
+
|
79
|
+
/** 内容去折叠相关 */
|
77
80
|
|
78
81
|
var _useState = (0, _react.useState)(defaultCollapsed !== undefined ? defaultCollapsed : false),
|
79
82
|
_useState2 = _slicedToArray(_useState, 2),
|
@@ -183,9 +186,9 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
183
186
|
}))
|
184
187
|
}, title), tags && /*#__PURE__*/_react.default.createElement("div", {
|
185
188
|
className: (0, _classnames.default)(cls('wrapper-right-top-tag-info'))
|
186
|
-
}, renderTag()),
|
189
|
+
}, renderTag()), timeRight && /*#__PURE__*/_react.default.createElement("div", {
|
187
190
|
className: (0, _classnames.default)(cls('wrapper-right-top-subTitle-info'))
|
188
|
-
}, formatTime(
|
191
|
+
}, formatTime(timeRight))), discription && /*#__PURE__*/_react.default.createElement("div", {
|
189
192
|
className: (0, _classnames.default)(cls('wrapper-right-discribe-info'))
|
190
193
|
}, discription), /*#__PURE__*/_react.default.createElement("div", {
|
191
194
|
className: (0, _classnames.default)(cls('wrapper-right-content-info'))
|
@@ -195,7 +198,7 @@ var ProTimeLineItem = function ProTimeLineItem(props) {
|
|
195
198
|
'wrapper-right-content-info-open': showContent
|
196
199
|
}))
|
197
200
|
}, content))));
|
198
|
-
}, [_shape, timeLeft, image, title, tags,
|
201
|
+
}, [_shape, timeLeft, image, title, tags, timeRight, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
|
199
202
|
/**
|
200
203
|
* 重新渲染 timeline 节点
|
201
204
|
* */
|
package/lib/timeline/typing.d.ts
CHANGED
@@ -60,8 +60,13 @@ export declare type ProTimeLineItemProps = {
|
|
60
60
|
dotRender?: (index?: number, status?: string) => ReactNode;
|
61
61
|
/**
|
62
62
|
* 节点副标题
|
63
|
+
* @deprecated 弃用,请使用 `time`
|
63
64
|
*/
|
64
65
|
subTitle?: ReactNode;
|
66
|
+
/**
|
67
|
+
* 右侧时间
|
68
|
+
*/
|
69
|
+
time?: ReactNode;
|
65
70
|
/**
|
66
71
|
* 节点对应描述
|
67
72
|
*/
|