fan-standard-comp 4.0.1 → 4.0.2
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/fan-standard-comp.min.css +1 -1
- package/dist/fan-standard-comp.min.js +1 -1
- package/es/ButtonGroup/index.d.ts +7 -1
- package/es/ButtonGroup/index.js +47 -27
- package/es/StandardDragModal/DraggableModal.d.ts +2 -2
- package/es/StandardDragModal/Modal.d.ts +1 -1
- package/es/StandardForm/StepForm.js +32 -22
- package/es/StandardForm/TabForm.js +27 -23
- package/es/StandardForm/index.js +47 -38
- package/es/StandardForm/style/index.js +17 -12
- package/es/StandardTable/index.d.ts +3 -2
- package/es/StandardTable/index.js +27 -13
- package/es/StandardTable/style/index.js +1 -0
- package/es/StandardTable/style/index.less +13 -9
- package/es/utils/filterPermission.d.ts +1 -1
- package/es/utils/filterPermission.js +1 -1
- package/lib/ButtonGroup/index.d.ts +7 -1
- package/lib/ButtonGroup/index.js +46 -26
- package/lib/StandardDragModal/DraggableModal.d.ts +2 -2
- package/lib/StandardDragModal/Modal.d.ts +1 -1
- package/lib/StandardForm/StepForm.js +31 -21
- package/lib/StandardForm/TabForm.js +26 -22
- package/lib/StandardForm/index.js +46 -37
- package/lib/StandardForm/style/index.js +17 -12
- package/lib/StandardTable/index.d.ts +3 -2
- package/lib/StandardTable/index.js +27 -13
- package/lib/StandardTable/style/index.js +1 -0
- package/lib/StandardTable/style/index.less +13 -9
- package/lib/utils/filterPermission.d.ts +1 -1
- package/lib/utils/filterPermission.js +1 -1
- package/package.json +2 -2
|
@@ -19,10 +19,16 @@ export interface ButtonGroupOptionsProps {
|
|
|
19
19
|
confirmConfig?: any;
|
|
20
20
|
dropdownConfig?: any;
|
|
21
21
|
}
|
|
22
|
+
interface CodesProps {
|
|
23
|
+
code: string;
|
|
24
|
+
name: string | React.ReactNode;
|
|
25
|
+
icon?: string | React.ReactNode | Boolean;
|
|
26
|
+
[key: string]: any;
|
|
27
|
+
}
|
|
22
28
|
interface ButtonGroupProps {
|
|
23
29
|
type?: 'button' | 'text';
|
|
24
30
|
rowParams?: ButtonGroupRowParamsProps;
|
|
25
|
-
codes?:
|
|
31
|
+
codes?: CodesProps[];
|
|
26
32
|
permissionCodes?: string[];
|
|
27
33
|
options?: ButtonGroupOptionsProps[] | any[];
|
|
28
34
|
min?: number;
|
package/es/ButtonGroup/index.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["code", "fn", "exName", "name", "children", "icon"],
|
|
3
|
-
_excluded2 = ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams"],
|
|
2
|
+
_excluded2 = ["exName", "name", "type", "icon", "ghost", "danger", "disabled", "loading", "fn", "code", "rowParams", "isHide"],
|
|
4
3
|
_excluded3 = ["code", "fn", "exName", "name", "children", "icon", "confirmText", "confirmConfig"];
|
|
4
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
5
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
10
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
6
|
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; }
|
|
12
7
|
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; }
|
|
13
8
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
@@ -20,36 +15,45 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
20
15
|
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; }
|
|
21
16
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
import React, { useState, useEffect, useContext } from "react";
|
|
24
24
|
import { IconNode } from "../components";
|
|
25
25
|
import SpecIcon from "../SpecIcon";
|
|
26
26
|
import PopConfirmTitle from "./PopConfirmTitle";
|
|
27
27
|
import { Button, Dropdown, Menu, Popconfirm } from "antd";
|
|
28
|
-
import { funcCode } from "../data/index";
|
|
29
28
|
import { DownOutlined, QuestionCircleOutlined } from "@ant-design/icons";
|
|
30
29
|
import { removeNoPermission, btnIsDisabled } from "../utils/filterPermission";
|
|
31
30
|
import useStyle from "./styles";
|
|
32
31
|
import classNames from "classnames";
|
|
32
|
+
import _ from "lodash";
|
|
33
|
+
import { funcCode } from "../data/index";
|
|
34
|
+
import { FanContext } from "../ConfigContext";
|
|
33
35
|
|
|
34
36
|
// 参数API
|
|
35
37
|
|
|
36
38
|
var ButtonGroup = function ButtonGroup(props) {
|
|
37
|
-
var
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
var InitFanContext = useContext(FanContext);
|
|
40
|
+
var providerConfig = InitFanContext['ButtonGroup'] || {}; // 使用上下文(全局配置)设置扩展的配置项
|
|
41
|
+
var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
|
|
42
|
+
_providerConfig$props2 = _providerConfig$props.type,
|
|
43
|
+
type = _providerConfig$props2 === void 0 ? 'button' : _providerConfig$props2,
|
|
44
|
+
_providerConfig$props3 = _providerConfig$props.rowParams,
|
|
45
|
+
rowParams = _providerConfig$props3 === void 0 ? {
|
|
41
46
|
text: undefined,
|
|
42
47
|
record: undefined,
|
|
43
48
|
rowIndex: undefined
|
|
44
|
-
} :
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
moreIcon = props.moreIcon;
|
|
49
|
+
} : _providerConfig$props3,
|
|
50
|
+
codes = _providerConfig$props.codes,
|
|
51
|
+
permissionCodes = _providerConfig$props.permissionCodes,
|
|
52
|
+
_providerConfig$props4 = _providerConfig$props.dropdownConfig,
|
|
53
|
+
dropdownConfig = _providerConfig$props4 === void 0 ? {} : _providerConfig$props4,
|
|
54
|
+
_providerConfig$props5 = _providerConfig$props.moreText,
|
|
55
|
+
moreText = _providerConfig$props5 === void 0 ? '更多' : _providerConfig$props5,
|
|
56
|
+
moreIcon = _providerConfig$props.moreIcon;
|
|
53
57
|
var _props$options = props.options,
|
|
54
58
|
options = _props$options === void 0 ? [] : _props$options,
|
|
55
59
|
_props$min = props.min,
|
|
@@ -68,9 +72,11 @@ var ButtonGroup = function ButtonGroup(props) {
|
|
|
68
72
|
resetList = _useState6[0],
|
|
69
73
|
setResetList = _useState6[1];
|
|
70
74
|
useEffect(function () {
|
|
75
|
+
// codes在方法内,再合并默认的权限配置
|
|
76
|
+
// 合并本地的codes
|
|
77
|
+
var codesConcat = _.unionBy(codes || [], funcCode.btnFuncCodes, 'code');
|
|
71
78
|
// 重组选项options集合数据,排除:无权限(有配置code,并且不包含permissionCodes内)的数据及,isHide 为true的数据
|
|
72
|
-
|
|
73
|
-
setResetList(_toConsumableArray(removeNoPermission(options, permissionCodes, codes, rowParams)) || []);
|
|
79
|
+
setResetList(_toConsumableArray(removeNoPermission(options, permissionCodes, codesConcat, rowParams)) || []);
|
|
74
80
|
return function () {
|
|
75
81
|
setResetList([]);
|
|
76
82
|
};
|
|
@@ -150,6 +156,7 @@ var ButtonGroup = function ButtonGroup(props) {
|
|
|
150
156
|
fn = item.fn,
|
|
151
157
|
code = item.code,
|
|
152
158
|
rowParams = item.rowParams,
|
|
159
|
+
isHide = item.isHide,
|
|
153
160
|
others = _objectWithoutProperties(item, _excluded2);
|
|
154
161
|
if (Array.isArray(item.children) && item.children.length > 0) {
|
|
155
162
|
// overlay={buttonMenu(item.children)}
|
|
@@ -377,13 +384,26 @@ var ButtonGroup = function ButtonGroup(props) {
|
|
|
377
384
|
return rowParams[pItem];
|
|
378
385
|
}))) : item.exName || item.name));
|
|
379
386
|
};
|
|
387
|
+
var RenderCustomNode = function RenderCustomNode(item) {
|
|
388
|
+
var render = item.render,
|
|
389
|
+
rowParams = item.rowParams;
|
|
390
|
+
if (typeof render === 'function') {
|
|
391
|
+
return render.apply(void 0, _toConsumableArray(Object.keys(rowParams).map(function (pItem) {
|
|
392
|
+
return rowParams[pItem];
|
|
393
|
+
})));
|
|
394
|
+
} else {
|
|
395
|
+
return render;
|
|
396
|
+
}
|
|
397
|
+
};
|
|
380
398
|
// 渲染展示的按钮列表
|
|
381
399
|
var renderDisplayButton = function renderDisplayButton(item, index) {
|
|
382
400
|
/*渲染自定义*/
|
|
383
401
|
if (item.render) {
|
|
384
|
-
return /*#__PURE__*/React.createElement(
|
|
385
|
-
|
|
386
|
-
}
|
|
402
|
+
return /*#__PURE__*/React.createElement(RenderCustomNode, _extends({
|
|
403
|
+
key: index
|
|
404
|
+
}, item, {
|
|
405
|
+
rowParams: rowParams
|
|
406
|
+
}));
|
|
387
407
|
}
|
|
388
408
|
/*渲染按钮形式*/
|
|
389
409
|
if (type === 'button') {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
2
|
import { ModalProps } from 'antd/lib/modal';
|
|
3
3
|
export interface DraggableModalProps extends ModalProps {
|
|
4
|
-
initialWidth?: number;
|
|
5
|
-
initialHeight?: number;
|
|
4
|
+
initialWidth?: number | string | any;
|
|
5
|
+
initialHeight?: number | string | any;
|
|
6
6
|
}
|
|
7
7
|
export declare const DraggableModal: FunctionComponent<DraggableModalProps>;
|
|
@@ -4,7 +4,7 @@ interface StandardDragModalProps {
|
|
|
4
4
|
visible: boolean;
|
|
5
5
|
title?: string | React.ReactNode;
|
|
6
6
|
initialWidth?: number;
|
|
7
|
-
initialHeight?: number;
|
|
7
|
+
initialHeight?: number | string | any;
|
|
8
8
|
[k: string]: any;
|
|
9
9
|
}
|
|
10
10
|
declare const StandardDragModal: (props: StandardDragModalProps) => React.JSX.Element;
|
|
@@ -1,39 +1,49 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
3
|
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."); }
|
|
3
4
|
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); }
|
|
4
5
|
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; }
|
|
5
6
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
|
|
8
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
12
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
13
|
+
import React, { useEffect, useState, useMemo, useContext } from 'react';
|
|
8
14
|
import { Button, Steps, Col } from 'antd';
|
|
9
15
|
import StandardForm from "./index";
|
|
10
16
|
import RenderItemGroup from "../FormComp/RenderItemGroup";
|
|
11
17
|
import ActionList from "./ActionList";
|
|
12
18
|
import "./style/index.less";
|
|
13
|
-
|
|
19
|
+
import classNames from 'classnames';
|
|
20
|
+
import { FanContext } from "../ConfigContext";
|
|
14
21
|
// import { BreadcrumbProps as AntdBreadcrumbProps } from 'antd/es/form';
|
|
15
22
|
var Step = Steps.Step;
|
|
16
23
|
var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
var InitFanContext = useContext(FanContext);
|
|
25
|
+
var providerConfig = InitFanContext['StepForm'] || {}; // 使用上下文(全局配置)设置扩展的配置项
|
|
26
|
+
var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
|
|
27
|
+
getFormFields = _providerConfig$props.getFormFields,
|
|
28
|
+
_providerConfig$props2 = _providerConfig$props.formItemGroup,
|
|
29
|
+
formItemGroup = _providerConfig$props2 === void 0 ? [] : _providerConfig$props2,
|
|
30
|
+
_providerConfig$props3 = _providerConfig$props.grid,
|
|
31
|
+
grid = _providerConfig$props3 === void 0 ? 'md' : _providerConfig$props3,
|
|
32
|
+
layout = _providerConfig$props.layout,
|
|
33
|
+
onSubmit = _providerConfig$props.onSubmit,
|
|
34
|
+
_providerConfig$props4 = _providerConfig$props.actionAlign,
|
|
35
|
+
actionAlign = _providerConfig$props4 === void 0 ? 'center' : _providerConfig$props4,
|
|
36
|
+
fieldStatus = _providerConfig$props.fieldStatus,
|
|
37
|
+
_providerConfig$props5 = _providerConfig$props.fieldSize,
|
|
38
|
+
fieldSize = _providerConfig$props5 === void 0 ? "middle" : _providerConfig$props5,
|
|
39
|
+
initialValues = _providerConfig$props.initialValues,
|
|
40
|
+
actionHide = _providerConfig$props.actionHide,
|
|
41
|
+
_providerConfig$props6 = _providerConfig$props.stepsConfig,
|
|
42
|
+
stepsConfig = _providerConfig$props6 === void 0 ? {
|
|
33
43
|
current: 0
|
|
34
|
-
} :
|
|
35
|
-
stepClick = props.stepClick,
|
|
36
|
-
displayLayout = props.displayLayout;
|
|
44
|
+
} : _providerConfig$props6,
|
|
45
|
+
stepClick = _providerConfig$props.stepClick,
|
|
46
|
+
displayLayout = _providerConfig$props.displayLayout;
|
|
37
47
|
var _useState = useState(),
|
|
38
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
49
|
formChildFields = _useState2[0],
|
|
@@ -223,7 +233,7 @@ var StepForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
223
233
|
}).map(function (item, index) {
|
|
224
234
|
return /*#__PURE__*/React.createElement("div", {
|
|
225
235
|
key: index,
|
|
226
|
-
className: "stepForm-content ".concat(layout
|
|
236
|
+
className: classNames("stepForm-content", "stepForm-content-".concat(layout || '')),
|
|
227
237
|
style: stepsConfig && stepsConfig.current !== index ? {
|
|
228
238
|
display: 'none'
|
|
229
239
|
} : {}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
1
|
var _excluded = ["title", "fields", "actions"];
|
|
2
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
4
|
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; }
|
|
10
5
|
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; }
|
|
11
6
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
@@ -14,29 +9,38 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
14
9
|
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; }
|
|
15
10
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
16
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
-
|
|
12
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
14
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
16
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
+
import React, { useEffect, useState, useMemo, useContext } from 'react';
|
|
18
18
|
import { Col, Tabs } from 'antd';
|
|
19
19
|
import "./style/index.less";
|
|
20
20
|
import StandardForm from "./index";
|
|
21
21
|
import ItemGroup from "../FormComp/RenderItemGroup";
|
|
22
22
|
import ActionList from "./ActionList";
|
|
23
|
+
import { FanContext } from "../ConfigContext";
|
|
23
24
|
var TabForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
25
|
+
var InitFanContext = useContext(FanContext);
|
|
26
|
+
var providerConfig = InitFanContext['TabForm'] || {}; // 使用上下文(全局配置)设置扩展的配置项
|
|
27
|
+
var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
|
|
28
|
+
getFormFields = _providerConfig$props.getFormFields,
|
|
29
|
+
_providerConfig$props2 = _providerConfig$props.formItemGroup,
|
|
30
|
+
formItemGroup = _providerConfig$props2 === void 0 ? [] : _providerConfig$props2,
|
|
31
|
+
_providerConfig$props3 = _providerConfig$props.grid,
|
|
32
|
+
grid = _providerConfig$props3 === void 0 ? 'md' : _providerConfig$props3,
|
|
33
|
+
layout = _providerConfig$props.layout,
|
|
34
|
+
_providerConfig$props4 = _providerConfig$props.actionAlign,
|
|
35
|
+
actionAlign = _providerConfig$props4 === void 0 ? 'center' : _providerConfig$props4,
|
|
36
|
+
actionHide = _providerConfig$props.actionHide,
|
|
37
|
+
fieldStatus = _providerConfig$props.fieldStatus,
|
|
38
|
+
_providerConfig$props5 = _providerConfig$props.fieldSize,
|
|
39
|
+
fieldSize = _providerConfig$props5 === void 0 ? "middle" : _providerConfig$props5,
|
|
40
|
+
onSubmit = _providerConfig$props.onSubmit,
|
|
41
|
+
initialValues = _providerConfig$props.initialValues,
|
|
42
|
+
tabsConfig = _providerConfig$props.tabsConfig,
|
|
43
|
+
displayLayout = _providerConfig$props.displayLayout;
|
|
40
44
|
var _useState = useState(),
|
|
41
45
|
_useState2 = _slicedToArray(_useState, 2),
|
|
42
46
|
formChildFields = _useState2[0],
|
package/es/StandardForm/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout", "itemGroupConfig"];
|
|
2
|
+
var _excluded = ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "confirmButtonProps", "cancelButtonProps", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout", "itemGroupConfig"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
8
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
4
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
5
|
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."); }
|
|
11
6
|
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); }
|
|
12
7
|
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; }
|
|
13
8
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
14
9
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
10
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
13
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
14
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
15
|
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; }
|
|
16
16
|
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; }
|
|
17
|
-
import React, { useEffect, useMemo } from 'react';
|
|
17
|
+
import React, { useContext, useEffect, useMemo } from 'react';
|
|
18
18
|
import { Form, Button } from 'antd';
|
|
19
19
|
import classNames from 'classnames';
|
|
20
20
|
import RenderItemGroup from "../FormComp/RenderItemGroup";
|
|
@@ -22,34 +22,42 @@ import { general } from "../data";
|
|
|
22
22
|
import "./style/index.less";
|
|
23
23
|
import ActionList from "./ActionList";
|
|
24
24
|
import useStyle from "./style/index";
|
|
25
|
+
import { FanContext } from "../ConfigContext";
|
|
25
26
|
var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
27
|
+
var InitFanContext = useContext(FanContext);
|
|
28
|
+
var providerConfig = InitFanContext['StandardForm'] || {}; // 使用上下文(全局配置)设置扩展的配置项
|
|
29
|
+
var _providerConfig$props = _objectSpread(_objectSpread({}, providerConfig), props),
|
|
30
|
+
_providerConfig$props2 = _providerConfig$props.formItemGroup,
|
|
31
|
+
formItemGroup = _providerConfig$props2 === void 0 ? [] : _providerConfig$props2,
|
|
32
|
+
className = _providerConfig$props.className,
|
|
33
|
+
initialValues = _providerConfig$props.initialValues,
|
|
34
|
+
_providerConfig$props3 = _providerConfig$props.layout,
|
|
35
|
+
layout = _providerConfig$props3 === void 0 ? 'horizontal' : _providerConfig$props3,
|
|
36
|
+
_providerConfig$props4 = _providerConfig$props.grid,
|
|
37
|
+
grid = _providerConfig$props4 === void 0 ? 1 : _providerConfig$props4,
|
|
38
|
+
getFormFields = _providerConfig$props.getFormFields,
|
|
39
|
+
fieldStatus = _providerConfig$props.fieldStatus,
|
|
40
|
+
onSubmit = _providerConfig$props.onSubmit,
|
|
41
|
+
_providerConfig$props5 = _providerConfig$props.confirmText,
|
|
42
|
+
confirmText = _providerConfig$props5 === void 0 ? '确认' : _providerConfig$props5,
|
|
43
|
+
onCancel = _providerConfig$props.onCancel,
|
|
44
|
+
_providerConfig$props6 = _providerConfig$props.cancelText,
|
|
45
|
+
cancelText = _providerConfig$props6 === void 0 ? '取消' : _providerConfig$props6,
|
|
46
|
+
_providerConfig$props7 = _providerConfig$props.confirmButtonProps,
|
|
47
|
+
confirmButtonProps = _providerConfig$props7 === void 0 ? {} : _providerConfig$props7,
|
|
48
|
+
_providerConfig$props8 = _providerConfig$props.cancelButtonProps,
|
|
49
|
+
cancelButtonProps = _providerConfig$props8 === void 0 ? {} : _providerConfig$props8,
|
|
50
|
+
actionAlign = _providerConfig$props.actionAlign,
|
|
51
|
+
actionGroup = _providerConfig$props.actionGroup,
|
|
52
|
+
onFinishFailed = _providerConfig$props.onFinishFailed,
|
|
53
|
+
children = _providerConfig$props.children,
|
|
54
|
+
prefix = _providerConfig$props.prefix,
|
|
55
|
+
postfix = _providerConfig$props.postfix,
|
|
56
|
+
fieldSize = _providerConfig$props.fieldSize,
|
|
57
|
+
displayLayout = _providerConfig$props.displayLayout,
|
|
58
|
+
_providerConfig$props9 = _providerConfig$props.itemGroupConfig,
|
|
59
|
+
itemGroupConfig = _providerConfig$props9 === void 0 ? {} : _providerConfig$props9,
|
|
60
|
+
baseProps = _objectWithoutProperties(_providerConfig$props, _excluded);
|
|
53
61
|
var componentName = 'spec-standard-form';
|
|
54
62
|
var _useStyle = useStyle(componentName),
|
|
55
63
|
_useStyle2 = _slicedToArray(_useStyle, 2),
|
|
@@ -97,6 +105,7 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
97
105
|
errorFields = _ref.errorFields,
|
|
98
106
|
outOfDate = _ref.outOfDate;
|
|
99
107
|
// 定位到第一条表单异常的焦点
|
|
108
|
+
if (fieldStatus === 'viewOnly') return;
|
|
100
109
|
var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
|
|
101
110
|
if (errorCollection[0] && errorCollection[0].getElementsByTagName('input')) {
|
|
102
111
|
Array.prototype.slice.call(errorCollection[0].getElementsByTagName('input'))[0].focus();
|
|
@@ -134,19 +143,19 @@ var StandardForm = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
134
143
|
'textAlign': !actionAlign || actionAlign === 'default' ? 'inherit' : actionAlign
|
|
135
144
|
},
|
|
136
145
|
wrapperCol: actionAlignCol
|
|
137
|
-
}, confirmText && /*#__PURE__*/React.createElement(Button, {
|
|
146
|
+
}, confirmText && /*#__PURE__*/React.createElement(Button, _extends({
|
|
138
147
|
type: "primary",
|
|
139
148
|
htmlType: "submit",
|
|
140
149
|
size: fieldSize
|
|
141
|
-
}, confirmText), cancelText && /*#__PURE__*/React.createElement(Button, {
|
|
150
|
+
}, confirmButtonProps), confirmText), cancelText && /*#__PURE__*/React.createElement(Button, _extends({
|
|
142
151
|
onClick: function onClick() {
|
|
143
152
|
return onFormCancel();
|
|
144
153
|
},
|
|
145
154
|
size: fieldSize
|
|
146
|
-
}, cancelText));
|
|
155
|
+
}, cancelButtonProps), cancelText));
|
|
147
156
|
};
|
|
148
157
|
return wrapSSR( /*#__PURE__*/React.createElement(Form, _extends({
|
|
149
|
-
className: classNames(componentName, 'standardForm',
|
|
158
|
+
className: classNames(componentName, 'standardForm', layout ? "standard-form-".concat(layout) : '', className, hashId),
|
|
150
159
|
ref: ref,
|
|
151
160
|
form: initForm,
|
|
152
161
|
initialValues: initialValues,
|
|
@@ -3,7 +3,6 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
3
3
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
4
4
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
5
5
|
import { createStyleHook } from "../../theme/utils/genStyleHook";
|
|
6
|
-
import { TinyColor } from "@ctrl/tinycolor";
|
|
7
6
|
var StandardFormStyleFunc = function StandardFormStyleFunc(prefix) {
|
|
8
7
|
var prepareComponentToken = function prepareComponentToken(token) {
|
|
9
8
|
return {
|
|
@@ -12,15 +11,14 @@ var StandardFormStyleFunc = function StandardFormStyleFunc(prefix) {
|
|
|
12
11
|
};
|
|
13
12
|
return createStyleHook(prefix, function (token) {
|
|
14
13
|
var prefixCls = ".".concat(prefix);
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
};
|
|
14
|
+
// const rowTd = {
|
|
15
|
+
// '> td': {
|
|
16
|
+
// borderColor: new TinyColor(token.colorPrimary).setAlpha(0.5).toRgbString(), // fade(@primary-color, 50%),
|
|
17
|
+
// '&::before': {
|
|
18
|
+
// borderTop: `1px solid ${new TinyColor(token.colorPrimary).setAlpha(0.5).toRgbString()}`,
|
|
19
|
+
// }
|
|
20
|
+
// }
|
|
21
|
+
// }
|
|
24
22
|
return [_defineProperty(_defineProperty({}, prefixCls, {
|
|
25
23
|
'&.ant-form-inline': {
|
|
26
24
|
' .ant-form-item': {
|
|
@@ -40,8 +38,15 @@ var StandardFormStyleFunc = function StandardFormStyleFunc(prefix) {
|
|
|
40
38
|
}
|
|
41
39
|
}
|
|
42
40
|
}
|
|
43
|
-
}), '.
|
|
44
|
-
|
|
41
|
+
}), '.spec-standard-form', {
|
|
42
|
+
'.stepForm-content': {
|
|
43
|
+
margin: "".concat(token.marginMD, "px 0px"),
|
|
44
|
+
'&.stepForm-content-vertical': {
|
|
45
|
+
'.standardForm-actions': {
|
|
46
|
+
marginTop: "".concat(token.marginMD, "px")
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
45
50
|
})];
|
|
46
51
|
}, prepareComponentToken // 当前组件扩展的变量
|
|
47
52
|
);
|
|
@@ -17,10 +17,11 @@ interface StandardTableProps {
|
|
|
17
17
|
rowSelection?: any;
|
|
18
18
|
orderNumber?: object;
|
|
19
19
|
columnsConfig?: object;
|
|
20
|
-
buttonGroup?:
|
|
20
|
+
buttonGroup?: any[];
|
|
21
21
|
title?: React.ReactNode | string;
|
|
22
22
|
min?: number;
|
|
23
|
-
buttonGroupConfig?:
|
|
23
|
+
buttonGroupConfig?: any[];
|
|
24
|
+
batchButtonGroup?: any[];
|
|
24
25
|
[k: string]: any;
|
|
25
26
|
}
|
|
26
27
|
declare const StandardTable: FC<StandardTableProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["data", "rowKey", "rowSelection", "columns", "hideOrderNumber", "orderNumber", "className", "emptyText", "codes", "permissionCodes", "columnsConfig", "title", "buttonGroup", "buttonGroupConfig", "min"];
|
|
2
|
+
var _excluded = ["data", "rowKey", "rowSelection", "columns", "hideOrderNumber", "orderNumber", "className", "emptyText", "codes", "permissionCodes", "columnsConfig", "title", "buttonGroup", "buttonGroupConfig", "min", "batchButtonGroup"];
|
|
3
3
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -20,6 +20,7 @@ import { Table, Card } from 'antd';
|
|
|
20
20
|
import ButtonGroup from "../ButtonGroup/index";
|
|
21
21
|
import "./style/index.less";
|
|
22
22
|
import { FanContext } from "../ConfigContext";
|
|
23
|
+
import _ from 'lodash';
|
|
23
24
|
import useStyle from "./style/index";
|
|
24
25
|
var StandardTable = function StandardTable(props) {
|
|
25
26
|
var InitFanContext = useContext(FanContext);
|
|
@@ -50,11 +51,11 @@ var StandardTable = function StandardTable(props) {
|
|
|
50
51
|
buttonGroup = _providerConfig$props.buttonGroup,
|
|
51
52
|
buttonGroupConfig = _providerConfig$props.buttonGroupConfig,
|
|
52
53
|
min = _providerConfig$props.min,
|
|
54
|
+
batchButtonGroup = _providerConfig$props.batchButtonGroup,
|
|
53
55
|
rest = _objectWithoutProperties(_providerConfig$props, _excluded);
|
|
54
|
-
|
|
55
56
|
// 加上类型修复 TS:2322 报警
|
|
56
57
|
var resetColumns = [_objectSpread(_objectSpread({
|
|
57
|
-
width:
|
|
58
|
+
width: 62,
|
|
58
59
|
align: 'center',
|
|
59
60
|
title: '序号',
|
|
60
61
|
key: 'orderNum',
|
|
@@ -139,22 +140,35 @@ var StandardTable = function StandardTable(props) {
|
|
|
139
140
|
});
|
|
140
141
|
resetColumns = hideOrderNumber ? recombinationColumns : resetColumns.concat(recombinationColumns);
|
|
141
142
|
}
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
143
|
+
var RenderExtraButtonGroup = function RenderExtraButtonGroup(exProps) {
|
|
144
|
+
// @ts-ignore
|
|
145
|
+
var _providerConfig$props5 = _objectSpread(_objectSpread({}, providerConfig), props),
|
|
146
|
+
rowSelection = _providerConfig$props5.rowSelection;
|
|
147
|
+
var buttonGroup = exProps.buttonGroup,
|
|
148
|
+
batchButtonGroup = exProps.batchButtonGroup;
|
|
149
|
+
// 只有配置rowSelection才显示对应的批量按钮组
|
|
150
|
+
var list = _.unionBy(rowSelection && (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) !== 'radio' && (batchButtonGroup || []), buttonGroup || []);
|
|
151
|
+
return /*#__PURE__*/React.createElement(ButtonGroup, {
|
|
152
|
+
options: list,
|
|
148
153
|
min: min,
|
|
149
154
|
codes: codes,
|
|
150
155
|
permissionCodes: permissionCodes,
|
|
151
156
|
dropdownConfig: buttonGroupConfig
|
|
152
|
-
})
|
|
157
|
+
});
|
|
158
|
+
};
|
|
159
|
+
return wrapSSR( /*#__PURE__*/React.createElement(Card, {
|
|
160
|
+
className: classNames(componentName, 'standard-table', className, hashId),
|
|
161
|
+
bordered: false,
|
|
162
|
+
title: title,
|
|
163
|
+
extra: /*#__PURE__*/React.createElement(RenderExtraButtonGroup, {
|
|
164
|
+
buttonGroup: buttonGroup,
|
|
165
|
+
batchButtonGroup: batchButtonGroup
|
|
166
|
+
})
|
|
153
167
|
}, /*#__PURE__*/React.createElement(Table, _extends({
|
|
154
168
|
rowKey: rowKey || 'id',
|
|
155
|
-
rowSelection: rowSelection ? _objectSpread(
|
|
156
|
-
columnWidth:
|
|
157
|
-
}) : rowSelection,
|
|
169
|
+
rowSelection: rowSelection ? _objectSpread({
|
|
170
|
+
columnWidth: 46
|
|
171
|
+
}, rowSelection) : rowSelection,
|
|
158
172
|
dataSource: list,
|
|
159
173
|
pagination: !pagination ? false : paginationProps,
|
|
160
174
|
columns: resetColumns,
|