@pointcloud/pcloud-components 0.1.2 → 0.1.3
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/esm/DForm/DItem.d.ts +26 -0
- package/dist/esm/DForm/DItem.js +31 -0
- package/dist/esm/DForm/DItemsMap.d.ts +32 -0
- package/dist/esm/DForm/DItemsMap.js +144 -0
- package/dist/esm/DForm/helper.d.ts +6 -0
- package/dist/esm/DForm/helper.js +56 -0
- package/dist/esm/DForm/index.d.ts +20 -0
- package/dist/esm/DForm/index.js +60 -0
- package/dist/esm/DForm/index.less +31 -0
- package/dist/esm/DTreeSelect/index.js +10 -10
- package/dist/esm/LModal/index.d.ts +5 -0
- package/dist/esm/LModal/index.js +54 -0
- package/dist/esm/LModal/interface.d.ts +8 -0
- package/dist/esm/LModal/interface.js +1 -0
- package/dist/esm/LModal/styles/index.less +25 -0
- package/dist/esm/Loading/index.d.ts +2 -2
- package/dist/esm/Loading/index.js +4 -6
- package/dist/esm/Loading/interface.d.ts +3 -2
- package/dist/esm/Loading/loading.d.ts +1 -1
- package/dist/esm/Loading/loading.js +27 -5
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +3 -1
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +4 -3
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps } from 'antd';
|
|
3
|
+
import { PasswordProps, TextAreaProps } from 'antd/lib/input';
|
|
4
|
+
import { RangePickerProps } from 'antd/lib/date-picker';
|
|
5
|
+
import { SliderRangeProps } from 'antd/lib/slider';
|
|
6
|
+
import { DInputProps } from '../DInput';
|
|
7
|
+
import { DSelectProps } from '../DSelect';
|
|
8
|
+
import { DCascaderProps } from '../DCascader';
|
|
9
|
+
import { DTreeSelectProps } from '../DTreeSelect';
|
|
10
|
+
declare type RenderTypeProps = 'dInput' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'radio' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'other' | 'button' | 'divider' | 'custom';
|
|
11
|
+
export declare type InternalItemProps = DCustomItemProps & DInputProps & InputProps & TextAreaProps & PasswordProps & InputNumberProps & AutoCompleteProps & DSelectProps & SelectProps & DCascaderProps & CascaderProps & DTreeSelectProps & TreeSelectProps & DatePickerProps & TimePickerProps & RangePickerProps & MentionProps & CheckboxProps & RadioProps & RateProps & SliderSingleProps & SliderRangeProps & SwitchProps & TransferProps<any> & UploadProps & ButtonProps & DividerProps;
|
|
12
|
+
declare type DCustomItemProps = {
|
|
13
|
+
/** 渲染类型 */
|
|
14
|
+
renderType?: RenderTypeProps | 'other';
|
|
15
|
+
/** label标签文本,同antd Form.Item的label,只能是string */
|
|
16
|
+
label?: string;
|
|
17
|
+
/** name标签文本,同antd Form.Item的name */
|
|
18
|
+
name?: string;
|
|
19
|
+
/** 自定义渲染函数 renderType等于custom、other时生效 */
|
|
20
|
+
render?: (props: InternalItemProps, formItemProps: FormItemProps, allProps?: InternalItemProps) => ReactElement;
|
|
21
|
+
/** Form.Item 的其他属性 */
|
|
22
|
+
formItemProps?: FormItemProps;
|
|
23
|
+
};
|
|
24
|
+
export declare type DItemProps = DCustomItemProps | DInputProps | InputProps | TextAreaProps | PasswordProps | InputNumberProps | AutoCompleteProps | DSelectProps | SelectProps | DCascaderProps | CascaderProps | DTreeSelectProps | TreeSelectProps | DatePickerProps | TimePickerProps | RangePickerProps | MentionProps | CheckboxProps | RadioProps | RateProps | SliderSingleProps | SliderRangeProps | SwitchProps | TransferProps<any> | UploadProps | ButtonProps | DividerProps;
|
|
25
|
+
declare function DItem(props: any): any;
|
|
26
|
+
export default DItem;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import itemsMap from "./DItemsMap";
|
|
12
|
+
function DItem(props) {
|
|
13
|
+
var formItemProps = props.formItemProps,
|
|
14
|
+
_props$label = props.label,
|
|
15
|
+
label = _props$label === void 0 ? '' : _props$label,
|
|
16
|
+
name = props.name,
|
|
17
|
+
renderType = props.renderType,
|
|
18
|
+
render = props.render,
|
|
19
|
+
children = props.children,
|
|
20
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
21
|
+
var _formItemProps = _objectSpread({
|
|
22
|
+
label: label,
|
|
23
|
+
name: name
|
|
24
|
+
}, formItemProps);
|
|
25
|
+
if (renderType && renderType !== 'custom') {
|
|
26
|
+
return itemsMap[renderType](otherProps, _formItemProps, label, render, children, props);
|
|
27
|
+
} else {
|
|
28
|
+
return render ? render(otherProps, _formItemProps, props) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
export default DItem;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { FormItemProps } from 'antd';
|
|
3
|
+
import { InternalItemProps } from './DItem';
|
|
4
|
+
declare const renderMap: {
|
|
5
|
+
dInput: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
6
|
+
input: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
7
|
+
textArea: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
8
|
+
password: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
9
|
+
inputNumber: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
10
|
+
autoComplete: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
11
|
+
dSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
12
|
+
select: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
13
|
+
dCascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
14
|
+
cascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
15
|
+
dTreeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
16
|
+
treeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
17
|
+
datePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
18
|
+
timePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
19
|
+
rangePicker: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
|
|
20
|
+
mentions: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
21
|
+
checkbox: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
22
|
+
radio: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
23
|
+
rate: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
|
|
24
|
+
slider: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
|
|
25
|
+
switch: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
|
|
26
|
+
transfer: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render']) => ReactElement;
|
|
27
|
+
upload: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children']) => ReactElement;
|
|
28
|
+
other: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children'], allProps: InternalItemProps) => ReactElement;
|
|
29
|
+
button: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
30
|
+
divider: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
|
|
31
|
+
};
|
|
32
|
+
export default renderMap;
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
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); }
|
|
8
|
+
/*
|
|
9
|
+
* @Author : wangfeihu
|
|
10
|
+
* @Date : 2023-06-12 17:35:10
|
|
11
|
+
* @LastEditors : wangfeihu
|
|
12
|
+
* @LastEditTime : 2023-06-15 08:36:23
|
|
13
|
+
* @Description : 根据renderType渲染对应的表单项组件
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
import React from 'react';
|
|
17
|
+
import { Input, InputNumber, AutoComplete, Select, Cascader, TreeSelect, DatePicker, TimePicker, Mentions, Checkbox, Radio, Rate, Slider, Switch, Transfer, Upload, Form, Button, Divider } from 'antd';
|
|
18
|
+
import DInput from "../DInput";
|
|
19
|
+
import DSelect from "../DSelect";
|
|
20
|
+
import DTreeSelect from "../DTreeSelect";
|
|
21
|
+
import DCascader from "../DCascader";
|
|
22
|
+
var renderMap = {
|
|
23
|
+
dInput: function dInput(props, formItemProps, label) {
|
|
24
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DInput, _extends({
|
|
25
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
26
|
+
}, props)));
|
|
27
|
+
},
|
|
28
|
+
input: function input(props, formItemProps, label) {
|
|
29
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input, _extends({
|
|
30
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
31
|
+
}, props)));
|
|
32
|
+
},
|
|
33
|
+
textArea: function textArea(props, formItemProps, label) {
|
|
34
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.TextArea, _extends({
|
|
35
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
36
|
+
}, props)));
|
|
37
|
+
},
|
|
38
|
+
password: function password(props, formItemProps, label) {
|
|
39
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.Password, _extends({
|
|
40
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
41
|
+
}, props)));
|
|
42
|
+
},
|
|
43
|
+
inputNumber: function inputNumber(props, formItemProps, label) {
|
|
44
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(InputNumber, _extends({
|
|
45
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
46
|
+
}, props)));
|
|
47
|
+
},
|
|
48
|
+
autoComplete: function autoComplete(props, formItemProps, label) {
|
|
49
|
+
var _props = props;
|
|
50
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(AutoComplete, _extends({
|
|
51
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
52
|
+
}, _props)));
|
|
53
|
+
},
|
|
54
|
+
dSelect: function dSelect(props, formItemProps, label) {
|
|
55
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DSelect, _extends({
|
|
56
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
57
|
+
}, props)));
|
|
58
|
+
},
|
|
59
|
+
select: function select(props, formItemProps, label) {
|
|
60
|
+
var _props = props;
|
|
61
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Select, _extends({
|
|
62
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
63
|
+
}, _props)));
|
|
64
|
+
},
|
|
65
|
+
dCascader: function dCascader(props, formItemProps, label) {
|
|
66
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DCascader, _extends({
|
|
67
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
68
|
+
}, props)));
|
|
69
|
+
},
|
|
70
|
+
cascader: function cascader(props, formItemProps, label) {
|
|
71
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Cascader, _extends({
|
|
72
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
73
|
+
}, props)));
|
|
74
|
+
},
|
|
75
|
+
dTreeSelect: function dTreeSelect(props, formItemProps, label) {
|
|
76
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DTreeSelect, _extends({
|
|
77
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
78
|
+
}, props)));
|
|
79
|
+
},
|
|
80
|
+
treeSelect: function treeSelect(props, formItemProps, label) {
|
|
81
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TreeSelect, _extends({
|
|
82
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
83
|
+
}, props)));
|
|
84
|
+
},
|
|
85
|
+
datePicker: function datePicker(props, formItemProps, label) {
|
|
86
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker, _extends({
|
|
87
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
88
|
+
}, props)));
|
|
89
|
+
},
|
|
90
|
+
timePicker: function timePicker(props, formItemProps, label) {
|
|
91
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TimePicker, _extends({
|
|
92
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
93
|
+
}, props)));
|
|
94
|
+
},
|
|
95
|
+
rangePicker: function rangePicker(props, formItemProps) {
|
|
96
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker.RangePicker, props));
|
|
97
|
+
},
|
|
98
|
+
mentions: function mentions(props, formItemProps, label) {
|
|
99
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Mentions, _extends({
|
|
100
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
101
|
+
}, props)));
|
|
102
|
+
},
|
|
103
|
+
checkbox: function checkbox(props, formItemProps, label) {
|
|
104
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Checkbox, props, label));
|
|
105
|
+
},
|
|
106
|
+
radio: function radio(props, formItemProps, label) {
|
|
107
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Radio, props, label));
|
|
108
|
+
},
|
|
109
|
+
rate: function rate(props, formItemProps) {
|
|
110
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Rate, props));
|
|
111
|
+
},
|
|
112
|
+
slider: function slider(props, formItemProps) {
|
|
113
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Slider, props));
|
|
114
|
+
},
|
|
115
|
+
switch: function _switch(props, formItemProps) {
|
|
116
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Switch, props));
|
|
117
|
+
},
|
|
118
|
+
transfer: function transfer(props, formItemProps, label, render) {
|
|
119
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Transfer, _extends({
|
|
120
|
+
render: render
|
|
121
|
+
}, props)));
|
|
122
|
+
},
|
|
123
|
+
upload: function upload(props, formItemProps, label, render, children) {
|
|
124
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Upload, props, children || label || ''));
|
|
125
|
+
},
|
|
126
|
+
other: function other(props, formItemProps, label, render, children, allProps) {
|
|
127
|
+
// rangePicker要求placeholder类型为string数组,在此对rangePicker类型做特殊处理
|
|
128
|
+
var _placeholder = label ? "\u8BF7\u8F93\u5165".concat(label) : '';
|
|
129
|
+
var placeholder = allProps.renderType === 'rangePicker' ? props.placeholder : _placeholder;
|
|
130
|
+
return /*#__PURE__*/React.createElement(Form.Item, formItemProps, render ? render(_objectSpread({
|
|
131
|
+
placeholder: placeholder
|
|
132
|
+
}, props), formItemProps, allProps) : children);
|
|
133
|
+
},
|
|
134
|
+
button: function button(props, formItemProps, label) {
|
|
135
|
+
return /*#__PURE__*/React.createElement(Button, props, label || '');
|
|
136
|
+
},
|
|
137
|
+
divider: function divider(props, formItemProps, label) {
|
|
138
|
+
return /*#__PURE__*/React.createElement(Divider, _extends({
|
|
139
|
+
orientation: "left",
|
|
140
|
+
orientationMargin: 0
|
|
141
|
+
}, props), label);
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
export default renderMap;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
/*
|
|
3
|
+
* @Author : wangfeihu
|
|
4
|
+
* @Date : 2023-06-07 15:08:06
|
|
5
|
+
* @LastEditors : wangfeihu
|
|
6
|
+
* @LastEditTime : 2023-06-12 17:35:15
|
|
7
|
+
* @Description : 合并两个对象中的所有字段
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
import mergeWith from 'lodash/mergeWith';
|
|
11
|
+
import cloneDeep from 'lodash/cloneDeep';
|
|
12
|
+
var TYPES = {
|
|
13
|
+
OPTION_TYPE_PRIMARY: 'primary',
|
|
14
|
+
OPTION_TYPE_OBJECT: 'object',
|
|
15
|
+
OPTION_TYPE_ARRAY: 'array'
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
// 获取某个字段的类型
|
|
19
|
+
function getType(value) {
|
|
20
|
+
if (typeof value === 'string') {
|
|
21
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
22
|
+
} else if (typeof value === 'number') {
|
|
23
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
24
|
+
} else if (typeof value === 'boolean') {
|
|
25
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
26
|
+
} else if (typeof value === 'undefined') {
|
|
27
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
28
|
+
} else if (_typeof(value) === 'symbol') {
|
|
29
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
30
|
+
} else if (value === null) {
|
|
31
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
32
|
+
} else if (typeof value === 'function') {
|
|
33
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
34
|
+
} else if (value instanceof Array) {
|
|
35
|
+
return TYPES.OPTION_TYPE_ARRAY;
|
|
36
|
+
} else if (Object.keys(value).length > 0) {
|
|
37
|
+
return TYPES.OPTION_TYPE_OBJECT;
|
|
38
|
+
} else {
|
|
39
|
+
return TYPES.OPTION_TYPE_PRIMARY;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
|
|
43
|
+
// 将空对象和空数组当成基本类型处理,不进行合并
|
|
44
|
+
if (srcValue instanceof Array && srcValue.length < 1 || getType(srcValue) === TYPES.OPTION_TYPE_PRIMARY) {
|
|
45
|
+
return srcValue;
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
/** 合并对象 */
|
|
50
|
+
function merge(object, sources) {
|
|
51
|
+
var customizer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultCustomizer;
|
|
52
|
+
return mergeWith(cloneDeep(object), sources, customizer);
|
|
53
|
+
}
|
|
54
|
+
export default {
|
|
55
|
+
merge: merge
|
|
56
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { FormProps, FormInstance } from 'antd';
|
|
3
|
+
import DItem, { DItemProps } from './DItem';
|
|
4
|
+
import './index.less';
|
|
5
|
+
declare type InternalFormProps = {
|
|
6
|
+
/** 表单项数组,可以通过数组的形式添加表单项 */
|
|
7
|
+
items?: DItemProps[];
|
|
8
|
+
/** 统一设置items的默认属性 */
|
|
9
|
+
defaultItemProps?: DItemProps;
|
|
10
|
+
/** children 方式添加表单项,如果同时设置了 items,则 children 在 items 下面 */
|
|
11
|
+
children?: ReactNode;
|
|
12
|
+
/** 布局方式 新增了行内垂直布局方式inlineVertical */
|
|
13
|
+
layout?: 'inline' | 'horizontal' | 'vertical' | 'inlineVertical';
|
|
14
|
+
};
|
|
15
|
+
export declare type DFormProps = Omit<FormProps, 'children' | 'layout'> & InternalFormProps;
|
|
16
|
+
declare function InternalForm(props: DFormProps, ref: React.Ref<FormInstance<any>>): React.JSX.Element;
|
|
17
|
+
declare const DForm: typeof InternalForm & {
|
|
18
|
+
Item: typeof DItem;
|
|
19
|
+
};
|
|
20
|
+
export default DForm;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
var _excluded = ["className", "defaultItemProps", "items", "children", "layout"];
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
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); }
|
|
5
|
+
/*
|
|
6
|
+
* @Author : wangfeihu
|
|
7
|
+
* @Date : 2023-06-02 09:29:11
|
|
8
|
+
* @LastEditors : wangfeihu
|
|
9
|
+
* @LastEditTime : 2023-06-15 08:28:12
|
|
10
|
+
* @Description : 基于antd的Form组件
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
import React, { forwardRef, useMemo, useContext } from 'react';
|
|
14
|
+
import { Form } from 'antd';
|
|
15
|
+
import { ConfigContext } from "../ConfigProvider";
|
|
16
|
+
import helper from "./helper";
|
|
17
|
+
import DItem from "./DItem";
|
|
18
|
+
import "./index.less";
|
|
19
|
+
function getChildren(items, children, _defaultItemProps) {
|
|
20
|
+
var list = [];
|
|
21
|
+
if (items instanceof Array && items.length > 0) {
|
|
22
|
+
list = items.map(function (item, index) {
|
|
23
|
+
var _item = helper.merge(_defaultItemProps, item);
|
|
24
|
+
return /*#__PURE__*/React.createElement(DItem, _extends({
|
|
25
|
+
key: (item === null || item === void 0 ? void 0 : item.name) || index
|
|
26
|
+
}, _item));
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
if (children) {
|
|
30
|
+
var childrenList = children instanceof Array ? children : [children];
|
|
31
|
+
list = list.concat(childrenList);
|
|
32
|
+
}
|
|
33
|
+
return list;
|
|
34
|
+
}
|
|
35
|
+
function InternalForm(props, ref) {
|
|
36
|
+
var _props$className = props.className,
|
|
37
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
38
|
+
defaultItemProps = props.defaultItemProps,
|
|
39
|
+
items = props.items,
|
|
40
|
+
children = props.children,
|
|
41
|
+
layout = props.layout,
|
|
42
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
43
|
+
var _useContext = useContext(ConfigContext),
|
|
44
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
45
|
+
var _className = "".concat(getPrefixCls('d-form'), " ").concat(className, " ").concat(layout === 'inlineVertical' ? 'inlineVertical' : '');
|
|
46
|
+
var _layout = layout === 'inlineVertical' ? 'inline' : layout;
|
|
47
|
+
var itemChildren = useMemo(function () {
|
|
48
|
+
return getChildren(items, children, defaultItemProps);
|
|
49
|
+
}, [items, children, defaultItemProps]);
|
|
50
|
+
return /*#__PURE__*/React.createElement(Form, _extends({}, otherProps, {
|
|
51
|
+
className: _className,
|
|
52
|
+
layout: _layout,
|
|
53
|
+
ref: ref
|
|
54
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
55
|
+
className: "form-wrapper"
|
|
56
|
+
}, itemChildren));
|
|
57
|
+
}
|
|
58
|
+
var DForm = /*#__PURE__*/forwardRef(InternalForm);
|
|
59
|
+
DForm.Item = DItem;
|
|
60
|
+
export default DForm;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
@import '../commonStyle/index.less';
|
|
2
|
+
.@{prefix}-form {
|
|
3
|
+
.form-wrapper > * {
|
|
4
|
+
min-height: 32px;
|
|
5
|
+
margin-right: 0;
|
|
6
|
+
margin-bottom: 24px;
|
|
7
|
+
padding-right: 16px;
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
|
|
12
|
+
min-width: 80px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.@{prefix}-form.ant-form-inline .form-wrapper,
|
|
16
|
+
.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-wrap: wrap;
|
|
19
|
+
align-items: flex-end;
|
|
20
|
+
height: min-content;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.@{prefix}-form.ant-form-inline.inlineVertical {
|
|
24
|
+
.ant-form-item-row {
|
|
25
|
+
flex-direction: column;
|
|
26
|
+
|
|
27
|
+
.ant-form-item-label {
|
|
28
|
+
text-align: left;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
@@ -18,21 +18,21 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
18
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
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
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
|
-
* @Author : wangfeihu
|
|
23
|
-
* @Date : 2023-05-22 10:38:17
|
|
24
|
-
* @LastEditors : wangfeihu
|
|
25
|
-
* @LastEditTime : 2023-
|
|
26
|
-
* @Description : 基于antd的TreeSelect组件
|
|
21
|
+
/*
|
|
22
|
+
* @Author : wangfeihu
|
|
23
|
+
* @Date : 2023-05-22 10:38:17
|
|
24
|
+
* @LastEditors : wangfeihu
|
|
25
|
+
* @LastEditTime : 2023-06-13 15:39:42
|
|
26
|
+
* @Description : 基于antd的TreeSelect组件
|
|
27
27
|
*/
|
|
28
28
|
|
|
29
29
|
import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
|
|
30
30
|
import { TreeSelect } from 'antd';
|
|
31
31
|
import { ConfigContext } from "../ConfigProvider";
|
|
32
32
|
import "./index.less";
|
|
33
|
-
/**
|
|
34
|
-
*
|
|
35
|
-
* loading相关代码
|
|
33
|
+
/**
|
|
34
|
+
*
|
|
35
|
+
* loading相关代码
|
|
36
36
|
*/
|
|
37
37
|
|
|
38
38
|
function InternalTreeSelect(props, ref) {
|
|
@@ -135,7 +135,7 @@ function InternalTreeSelect(props, ref) {
|
|
|
135
135
|
ref: ref,
|
|
136
136
|
className: _className,
|
|
137
137
|
popupClassName: _popupClassName,
|
|
138
|
-
fieldNames:
|
|
138
|
+
fieldNames: fieldNames,
|
|
139
139
|
treeNodeFilterProp: _treeNodeFilterProp,
|
|
140
140
|
treeData: treeData,
|
|
141
141
|
loadData: _loadData,
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["children", "mode"];
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
10
|
+
import { ConfigContext } from "../ConfigProvider";
|
|
11
|
+
import { Modal } from 'antd';
|
|
12
|
+
import React, { useContext, useEffect, useMemo, useRef } from 'react';
|
|
13
|
+
import "./styles/index.less";
|
|
14
|
+
function LModal(props) {
|
|
15
|
+
var children = props.children,
|
|
16
|
+
_props$mode = props.mode,
|
|
17
|
+
mode = _props$mode === void 0 ? 'absolute' : _props$mode,
|
|
18
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
19
|
+
var _useContext = useContext(ConfigContext),
|
|
20
|
+
getPrefixCls = _useContext.getPrefixCls;
|
|
21
|
+
var containerRef = useRef();
|
|
22
|
+
var style = useMemo(function () {
|
|
23
|
+
var _otherProps$style;
|
|
24
|
+
return _objectSpread({
|
|
25
|
+
getContainer: containerRef.current,
|
|
26
|
+
width: ((_otherProps$style = otherProps.style) === null || _otherProps$style === void 0 ? void 0 : _otherProps$style.width) || '80%',
|
|
27
|
+
centered: true
|
|
28
|
+
}, otherProps);
|
|
29
|
+
}, [otherProps]);
|
|
30
|
+
useEffect(function () {
|
|
31
|
+
if (otherProps.visible) {
|
|
32
|
+
document.body.style.overflow = 'hidden';
|
|
33
|
+
} else {
|
|
34
|
+
document.body.style.overflow = '';
|
|
35
|
+
}
|
|
36
|
+
return function () {
|
|
37
|
+
document.body.style.overflow = '';
|
|
38
|
+
};
|
|
39
|
+
}, [otherProps.visible]);
|
|
40
|
+
useEffect(function () {
|
|
41
|
+
if (containerRef.current) {
|
|
42
|
+
if (mode === 'absolute') {
|
|
43
|
+
containerRef.current.parentElement.style.position = '';
|
|
44
|
+
} else {
|
|
45
|
+
containerRef.current.parentElement.style.position = 'relative';
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}, [mode, containerRef.current]);
|
|
49
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
50
|
+
ref: containerRef,
|
|
51
|
+
className: "".concat(getPrefixCls('modal-container'), " ").concat(getPrefixCls(mode === 'absolute' ? 'absolute-modal-container' : 'relative-modal-container'))
|
|
52
|
+
}, /*#__PURE__*/React.createElement(Modal, style, children));
|
|
53
|
+
}
|
|
54
|
+
export default LModal;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ModalProps } from 'antd';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
declare type IModalProps = Omit<ModalProps, 'width' | 'className'>;
|
|
4
|
+
export interface LModalProps extends IModalProps {
|
|
5
|
+
children?: ReactNode | undefined;
|
|
6
|
+
mode?: 'absolute' | 'relative';
|
|
7
|
+
}
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import '../../commonStyle/index.less';
|
|
2
|
+
.@{prefix}-modal-container {
|
|
3
|
+
.ant-modal-wrap {
|
|
4
|
+
.ant-modal {
|
|
5
|
+
max-width: unset;
|
|
6
|
+
height: 100%;
|
|
7
|
+
.ant-modal-content {
|
|
8
|
+
width: 100%;
|
|
9
|
+
height: 100%;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.@{prefix}-absolute-modal-container {
|
|
16
|
+
.ant-modal-wrap {
|
|
17
|
+
position: fixed;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.@{prefix}-relative-modal-container {
|
|
22
|
+
.ant-modal-wrap {
|
|
23
|
+
position: absolute;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Loading from './loading';
|
|
2
|
-
import { LoadingProps } from './interface';
|
|
2
|
+
import { LoadingProps, LoadingInstanceProps } from './interface';
|
|
3
3
|
declare const _default: {
|
|
4
|
-
open(
|
|
4
|
+
open(params?: LoadingInstanceProps): LoadingProps;
|
|
5
5
|
close(): void;
|
|
6
6
|
getInstance(): LoadingProps;
|
|
7
7
|
};
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import Loading from "./loading";
|
|
2
2
|
var loadingInstance = null;
|
|
3
|
-
var getLoadingInstance = function getLoadingInstance(
|
|
4
|
-
loadingInstance = loadingInstance || Loading.newInstance(
|
|
5
|
-
tip: tip
|
|
6
|
-
});
|
|
3
|
+
var getLoadingInstance = function getLoadingInstance(params) {
|
|
4
|
+
loadingInstance = loadingInstance || Loading.newInstance(params);
|
|
7
5
|
return loadingInstance;
|
|
8
6
|
};
|
|
9
7
|
export default {
|
|
10
|
-
open: function open(
|
|
11
|
-
return getLoadingInstance(
|
|
8
|
+
open: function open(params) {
|
|
9
|
+
return getLoadingInstance(params);
|
|
12
10
|
},
|
|
13
11
|
close: function close() {
|
|
14
12
|
if (loadingInstance) {
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ReactInstance } from 'react';
|
|
2
2
|
export interface LoadingInstanceProps {
|
|
3
3
|
/**
|
|
4
4
|
* @description 加载的文字提示
|
|
5
5
|
* @default '数据请求中...'
|
|
6
6
|
*/
|
|
7
7
|
tip?: string;
|
|
8
|
+
container?: ReactInstance | undefined;
|
|
8
9
|
}
|
|
9
10
|
export interface LoadingProps {
|
|
10
|
-
open: (
|
|
11
|
+
open: (param: LoadingInstanceProps) => React.ReactDOM;
|
|
11
12
|
close: () => void;
|
|
12
13
|
getInstance: () => React.ReactDOM;
|
|
13
14
|
}
|
|
@@ -3,7 +3,7 @@ import { LoadingInstanceProps } from './interface';
|
|
|
3
3
|
import './styles/index.less';
|
|
4
4
|
declare function Loading(props: LoadingInstanceProps): React.JSX.Element;
|
|
5
5
|
declare namespace Loading {
|
|
6
|
-
var newInstance:
|
|
6
|
+
var newInstance: (args: LoadingInstanceProps) => {
|
|
7
7
|
destroy(): void;
|
|
8
8
|
};
|
|
9
9
|
}
|