@pointcloud/pcloud-components 0.1.4 → 0.1.6
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/CHANGELOG.md +10 -0
- package/README.md +284 -25
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +2 -2
- package/dist/esm/AdvancedFilter/FormFilter.js +43 -45
- package/dist/esm/AdvancedFilter/index.js +66 -75
- package/dist/esm/AdvancedFilter/interface.d.ts +1 -1
- package/dist/esm/AdvancedFilter/styles/index.less +146 -116
- package/dist/esm/ConfigProvider/index.d.ts +1 -1
- package/dist/esm/ConfigProvider/index.js +5 -3
- package/dist/esm/DCascader/index.js +12 -26
- package/dist/esm/DCascader/index.less +24 -20
- package/dist/esm/DForm/DItem/index.d.ts +5 -0
- package/dist/esm/DForm/DItem/index.js +36 -0
- package/dist/esm/DForm/DItem/itemType.d.ts +106 -0
- package/dist/esm/DForm/DItem/itemType.js +1 -0
- package/dist/esm/DForm/DItem/itemsRender.d.ts +40 -0
- package/dist/esm/DForm/DItem/itemsRender.js +198 -0
- package/dist/esm/DForm/helper.js +1 -1
- package/dist/esm/DForm/index.d.ts +7 -3
- package/dist/esm/DForm/index.js +55 -22
- package/dist/esm/DForm/index.less +1 -0
- package/dist/esm/DInput/index.js +10 -12
- package/dist/esm/DSelect/index.d.ts +1 -1
- package/dist/esm/DSelect/index.js +12 -23
- package/dist/esm/DTable/index.d.ts +15 -8
- package/dist/esm/DTable/index.js +88 -84
- package/dist/esm/DTable/index.less +11 -2
- package/dist/esm/DTreeSelect/index.d.ts +1 -1
- package/dist/esm/DTreeSelect/index.js +12 -26
- package/dist/esm/DTreeSelect/index.less +11 -9
- package/dist/esm/DUpload/helper.js +49 -53
- package/dist/esm/DUpload/index.js +73 -80
- package/dist/esm/DUpload/index.less +19 -18
- package/dist/esm/ErrorBoundary/index.d.ts +2 -2
- package/dist/esm/ErrorBoundary/index.js +16 -12
- package/dist/esm/ErrorBoundary/index.less +44 -43
- package/dist/esm/LModal/index.d.ts +2 -2
- package/dist/esm/LModal/index.js +11 -13
- package/dist/esm/LModal/interface.d.ts +1 -1
- package/dist/esm/LModal/styles/index.less +2 -0
- package/dist/esm/LabelValue/index.d.ts +1 -1
- package/dist/esm/LabelValue/index.js +14 -12
- package/dist/esm/LabelValue/styles/index.less +23 -19
- package/dist/esm/Loading/interface.d.ts +4 -4
- package/dist/esm/Loading/loading.d.ts +2 -2
- package/dist/esm/Loading/loading.js +18 -16
- package/dist/esm/Loading/styles/index.less +25 -23
- package/dist/esm/NoData/index.d.ts +2 -2
- package/dist/esm/NoData/index.js +14 -13
- package/dist/esm/NoData/styles/index.less +24 -21
- package/dist/esm/index.d.ts +2 -2
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +94 -73
- package/dist/esm/DForm/DItem.d.ts +0 -28
- package/dist/esm/DForm/DItem.js +0 -31
- package/dist/esm/DForm/DItemsMap.d.ts +0 -33
- package/dist/esm/DForm/DItemsMap.js +0 -148
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } 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 { DInputProps } from '../../DInput';
|
|
6
|
+
import { DSelectProps } from '../../DSelect';
|
|
7
|
+
import { DCascaderProps } from '../../DCascader';
|
|
8
|
+
import { DTreeSelectProps } from '../../DTreeSelect';
|
|
9
|
+
import { DUploadProps } from '../../DUpload';
|
|
10
|
+
declare type DItemBaseProps = {
|
|
11
|
+
/** label标签文本,同antd Form.Item的label,只能是string */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** name标签文本,同antd Form.Item的name */
|
|
14
|
+
name?: string;
|
|
15
|
+
/** Form.Item 的其他属性 */
|
|
16
|
+
formItemProps?: FormItemProps;
|
|
17
|
+
};
|
|
18
|
+
/** 自定义渲染的DItem */
|
|
19
|
+
declare type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {
|
|
20
|
+
/** 渲染类型 */
|
|
21
|
+
renderType?: 'custom' | 'other';
|
|
22
|
+
/** 自定义渲染函数 */
|
|
23
|
+
render?: (props: any, formItemProps: FormItemProps, allProps?: DItemProps) => ReactNode;
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
};
|
|
27
|
+
declare type DInputItemProps = {
|
|
28
|
+
renderType?: 'dInput';
|
|
29
|
+
} & DItemBaseProps & DInputProps;
|
|
30
|
+
declare type InputItemProps = {
|
|
31
|
+
renderType?: 'input';
|
|
32
|
+
} & DItemBaseProps & InputProps;
|
|
33
|
+
declare type TextAreaItemProps = {
|
|
34
|
+
renderType?: 'textArea';
|
|
35
|
+
} & DItemBaseProps & TextAreaProps;
|
|
36
|
+
declare type PasswordItemProps = {
|
|
37
|
+
renderType?: 'password';
|
|
38
|
+
} & DItemBaseProps & PasswordProps;
|
|
39
|
+
declare type InputNumberItemProps = {
|
|
40
|
+
renderType?: 'inputNumber';
|
|
41
|
+
} & DItemBaseProps & InputNumberProps;
|
|
42
|
+
declare type AutoCompleteItemProps = {
|
|
43
|
+
renderType?: 'autoComplete';
|
|
44
|
+
} & DItemBaseProps & AutoCompleteProps;
|
|
45
|
+
declare type DSelectItemProps = {
|
|
46
|
+
renderType?: 'dSelect';
|
|
47
|
+
} & DItemBaseProps & DSelectProps;
|
|
48
|
+
declare type SelectItemProps = {
|
|
49
|
+
renderType?: 'select';
|
|
50
|
+
} & DItemBaseProps & SelectProps;
|
|
51
|
+
declare type DCascaderItemProps = {
|
|
52
|
+
renderType?: 'dCascader';
|
|
53
|
+
} & DItemBaseProps & DCascaderProps;
|
|
54
|
+
declare type CascaderItemProps = {
|
|
55
|
+
renderType?: 'cascader';
|
|
56
|
+
} & DItemBaseProps & CascaderProps;
|
|
57
|
+
declare type DTreeSelectItemProps = {
|
|
58
|
+
renderType?: 'dTreeSelect';
|
|
59
|
+
} & DItemBaseProps & DTreeSelectProps;
|
|
60
|
+
declare type TreeSelectItemProps = {
|
|
61
|
+
renderType?: 'treeSelect';
|
|
62
|
+
} & DItemBaseProps & TreeSelectProps;
|
|
63
|
+
declare type DatePickerItemProps = {
|
|
64
|
+
renderType?: 'datePicker';
|
|
65
|
+
} & DItemBaseProps & DatePickerProps;
|
|
66
|
+
declare type TimePickerItemProps = {
|
|
67
|
+
renderType?: 'timePicker';
|
|
68
|
+
} & DItemBaseProps & TimePickerProps;
|
|
69
|
+
declare type RangePickerItemProps = {
|
|
70
|
+
renderType?: 'rangePicker';
|
|
71
|
+
} & DItemBaseProps & RangePickerProps;
|
|
72
|
+
declare type MentionItemProps = {
|
|
73
|
+
renderType?: 'mentions';
|
|
74
|
+
} & DItemBaseProps & MentionProps;
|
|
75
|
+
declare type CheckboxItemProps = {
|
|
76
|
+
renderType?: 'checkbox';
|
|
77
|
+
} & DItemBaseProps & CheckboxProps;
|
|
78
|
+
declare type RadioItemProps = {
|
|
79
|
+
renderType?: 'radio';
|
|
80
|
+
} & DItemBaseProps & RadioProps;
|
|
81
|
+
declare type RateItemProps = {
|
|
82
|
+
renderType?: 'rate';
|
|
83
|
+
} & DItemBaseProps & RateProps;
|
|
84
|
+
declare type SliderItemProps = {
|
|
85
|
+
renderType?: 'slider';
|
|
86
|
+
} & DItemBaseProps & SliderSingleProps;
|
|
87
|
+
declare type SwitchItemProps = {
|
|
88
|
+
renderType?: 'switch';
|
|
89
|
+
} & DItemBaseProps & SwitchProps;
|
|
90
|
+
declare type TransferItemProps = {
|
|
91
|
+
renderType?: 'transfer';
|
|
92
|
+
} & DItemBaseProps & TransferProps<any>;
|
|
93
|
+
declare type UploadItemProps = {
|
|
94
|
+
renderType?: 'upload';
|
|
95
|
+
} & DItemBaseProps & UploadProps;
|
|
96
|
+
declare type DUploadItemProps = {
|
|
97
|
+
renderType?: 'dUpload';
|
|
98
|
+
} & DItemBaseProps & DUploadProps;
|
|
99
|
+
declare type ButtonItemProps = {
|
|
100
|
+
renderType?: 'button';
|
|
101
|
+
} & DItemBaseProps & ButtonProps;
|
|
102
|
+
declare type DividerItemProps = {
|
|
103
|
+
renderType?: 'divider';
|
|
104
|
+
} & DItemBaseProps & DividerProps;
|
|
105
|
+
export declare type DItemProps = CustomItemProps | DInputItemProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | RadioItemProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
|
|
106
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { AutoCompleteProps, ButtonProps, CascaderProps, CheckboxProps, DatePickerProps, DividerProps, FormItemProps, InputNumberProps, InputProps, MentionProps, RadioProps, RateProps, SelectProps, SliderSingleProps, SwitchProps, TimePickerProps, TransferProps, TreeSelectProps, UploadProps } from 'antd';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { RangePickerProps } from 'antd/lib/date-picker';
|
|
4
|
+
import { PasswordProps, TextAreaProps } from 'antd/lib/input';
|
|
5
|
+
import { DCascaderProps } from '../../DCascader';
|
|
6
|
+
import { DInputProps } from '../../DInput';
|
|
7
|
+
import { DSelectProps } from '../../DSelect';
|
|
8
|
+
import { DTreeSelectProps } from '../../DTreeSelect';
|
|
9
|
+
import { DUploadProps } from '../../DUpload';
|
|
10
|
+
import { DItemProps } from './itemType';
|
|
11
|
+
declare const renderMap: {
|
|
12
|
+
dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
13
|
+
input: (props: InputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
14
|
+
textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
15
|
+
password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
16
|
+
inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
17
|
+
autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
18
|
+
dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
19
|
+
select: (props: SelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
20
|
+
dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
21
|
+
cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
22
|
+
dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
23
|
+
treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
24
|
+
datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
25
|
+
timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
26
|
+
rangePicker: (props: RangePickerProps, formItemProps: FormItemProps) => JSX.Element;
|
|
27
|
+
mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
28
|
+
checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
29
|
+
radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
30
|
+
rate: (props: RateProps, formItemProps: FormItemProps) => JSX.Element;
|
|
31
|
+
slider: (props: SliderSingleProps, formItemProps: FormItemProps) => JSX.Element;
|
|
32
|
+
switch: (props: SwitchProps, formItemProps: FormItemProps) => JSX.Element;
|
|
33
|
+
transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemProps['label'], render: TransferProps<any>['render']) => JSX.Element;
|
|
34
|
+
upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
|
|
35
|
+
dUpload: (props: DUploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
|
|
36
|
+
button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
37
|
+
divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
|
|
38
|
+
other: (formItemProps: FormItemProps, children: DUploadProps['children']) => JSX.Element;
|
|
39
|
+
};
|
|
40
|
+
export default renderMap;
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
/*
|
|
3
|
+
* @Author : wangfeihu
|
|
4
|
+
* @Date : 2023-06-12 17:35:10
|
|
5
|
+
* @LastEditors : wangfeihu
|
|
6
|
+
* @LastEditTime : 2023-08-16 16:54:13
|
|
7
|
+
* @Description : 根据renderType渲染对应的表单项组件
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
import { AutoComplete, Button, Cascader, Checkbox, DatePicker, Divider, Form, Input, InputNumber, Mentions, Radio, Rate, Select, Slider, Switch, TimePicker, Transfer, TreeSelect, Upload } from 'antd';
|
|
11
|
+
import DCascader from "../../DCascader";
|
|
12
|
+
import DInput from "../../DInput";
|
|
13
|
+
import DSelect from "../../DSelect";
|
|
14
|
+
import DTreeSelect from "../../DTreeSelect";
|
|
15
|
+
import DUpload from "../../DUpload";
|
|
16
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
+
var renderMap = {
|
|
18
|
+
dInput: function dInput(props, formItemProps, label) {
|
|
19
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
20
|
+
children: /*#__PURE__*/_jsx(DInput, _objectSpread({
|
|
21
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
22
|
+
}, props))
|
|
23
|
+
}));
|
|
24
|
+
},
|
|
25
|
+
input: function input(props, formItemProps, label) {
|
|
26
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
27
|
+
children: /*#__PURE__*/_jsx(Input, _objectSpread({
|
|
28
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
29
|
+
}, props))
|
|
30
|
+
}));
|
|
31
|
+
},
|
|
32
|
+
textArea: function textArea(props, formItemProps, label) {
|
|
33
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
34
|
+
children: /*#__PURE__*/_jsx(Input.TextArea, _objectSpread({
|
|
35
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
36
|
+
}, props))
|
|
37
|
+
}));
|
|
38
|
+
},
|
|
39
|
+
password: function password(props, formItemProps, label) {
|
|
40
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
41
|
+
children: /*#__PURE__*/_jsx(Input.Password, _objectSpread({
|
|
42
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
43
|
+
}, props))
|
|
44
|
+
}));
|
|
45
|
+
},
|
|
46
|
+
inputNumber: function inputNumber(props, formItemProps, label) {
|
|
47
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
48
|
+
children: /*#__PURE__*/_jsx(InputNumber, _objectSpread({
|
|
49
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
50
|
+
}, props))
|
|
51
|
+
}));
|
|
52
|
+
},
|
|
53
|
+
autoComplete: function autoComplete(props, formItemProps, label) {
|
|
54
|
+
var _props = props;
|
|
55
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
56
|
+
children: /*#__PURE__*/_jsx(AutoComplete, _objectSpread({
|
|
57
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
58
|
+
}, _props))
|
|
59
|
+
}));
|
|
60
|
+
},
|
|
61
|
+
dSelect: function dSelect(props, formItemProps, label) {
|
|
62
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
63
|
+
children: /*#__PURE__*/_jsx(DSelect, _objectSpread({
|
|
64
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
65
|
+
}, props))
|
|
66
|
+
}));
|
|
67
|
+
},
|
|
68
|
+
select: function select(props, formItemProps, label) {
|
|
69
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
70
|
+
children: /*#__PURE__*/_jsx(Select, _objectSpread({
|
|
71
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
72
|
+
}, props))
|
|
73
|
+
}));
|
|
74
|
+
},
|
|
75
|
+
dCascader: function dCascader(props, formItemProps, label) {
|
|
76
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
77
|
+
children: /*#__PURE__*/_jsx(DCascader, _objectSpread({
|
|
78
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
79
|
+
}, props))
|
|
80
|
+
}));
|
|
81
|
+
},
|
|
82
|
+
cascader: function cascader(props, formItemProps, label) {
|
|
83
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
84
|
+
children: /*#__PURE__*/_jsx(Cascader, _objectSpread({
|
|
85
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
86
|
+
}, props))
|
|
87
|
+
}));
|
|
88
|
+
},
|
|
89
|
+
dTreeSelect: function dTreeSelect(props, formItemProps, label) {
|
|
90
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
91
|
+
children: /*#__PURE__*/_jsx(DTreeSelect, _objectSpread({
|
|
92
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
93
|
+
}, props))
|
|
94
|
+
}));
|
|
95
|
+
},
|
|
96
|
+
treeSelect: function treeSelect(props, formItemProps, label) {
|
|
97
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
98
|
+
children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread({
|
|
99
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
100
|
+
}, props))
|
|
101
|
+
}));
|
|
102
|
+
},
|
|
103
|
+
datePicker: function datePicker(props, formItemProps, label) {
|
|
104
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
105
|
+
children: /*#__PURE__*/_jsx(DatePicker, _objectSpread({
|
|
106
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
107
|
+
}, props))
|
|
108
|
+
}));
|
|
109
|
+
},
|
|
110
|
+
timePicker: function timePicker(props, formItemProps, label) {
|
|
111
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
112
|
+
children: /*#__PURE__*/_jsx(TimePicker, _objectSpread({
|
|
113
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
114
|
+
}, props))
|
|
115
|
+
}));
|
|
116
|
+
},
|
|
117
|
+
rangePicker: function rangePicker(props, formItemProps) {
|
|
118
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
119
|
+
children: /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread({}, props))
|
|
120
|
+
}));
|
|
121
|
+
},
|
|
122
|
+
mentions: function mentions(props, formItemProps, label) {
|
|
123
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
124
|
+
children: /*#__PURE__*/_jsx(Mentions, _objectSpread({
|
|
125
|
+
placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
|
|
126
|
+
}, props))
|
|
127
|
+
}));
|
|
128
|
+
},
|
|
129
|
+
checkbox: function checkbox(props, formItemProps, label) {
|
|
130
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
131
|
+
children: /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, props), {}, {
|
|
132
|
+
children: label
|
|
133
|
+
}))
|
|
134
|
+
}));
|
|
135
|
+
},
|
|
136
|
+
radio: function radio(props, formItemProps, label) {
|
|
137
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
138
|
+
children: /*#__PURE__*/_jsx(Radio, _objectSpread(_objectSpread({}, props), {}, {
|
|
139
|
+
children: label
|
|
140
|
+
}))
|
|
141
|
+
}));
|
|
142
|
+
},
|
|
143
|
+
rate: function rate(props, formItemProps) {
|
|
144
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
145
|
+
children: /*#__PURE__*/_jsx(Rate, _objectSpread({}, props))
|
|
146
|
+
}));
|
|
147
|
+
},
|
|
148
|
+
slider: function slider(props, formItemProps) {
|
|
149
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
150
|
+
children: /*#__PURE__*/_jsx(Slider, {})
|
|
151
|
+
}));
|
|
152
|
+
},
|
|
153
|
+
switch: function _switch(props, formItemProps) {
|
|
154
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
155
|
+
children: /*#__PURE__*/_jsx(Switch, _objectSpread({}, props))
|
|
156
|
+
}));
|
|
157
|
+
},
|
|
158
|
+
transfer: function transfer(props, formItemProps, label, render) {
|
|
159
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
160
|
+
children: /*#__PURE__*/_jsx(Transfer, _objectSpread({
|
|
161
|
+
render: render
|
|
162
|
+
}, props))
|
|
163
|
+
}));
|
|
164
|
+
},
|
|
165
|
+
upload: function upload(props, formItemProps, label, render, children) {
|
|
166
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
167
|
+
children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, props), {}, {
|
|
168
|
+
children: children || label || ''
|
|
169
|
+
}))
|
|
170
|
+
}));
|
|
171
|
+
},
|
|
172
|
+
dUpload: function dUpload(props, formItemProps, label, render, children) {
|
|
173
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
174
|
+
children: /*#__PURE__*/_jsx(DUpload, _objectSpread(_objectSpread({}, props), {}, {
|
|
175
|
+
children: children
|
|
176
|
+
}))
|
|
177
|
+
}));
|
|
178
|
+
},
|
|
179
|
+
button: function button(props, formItemProps, label) {
|
|
180
|
+
return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
|
|
181
|
+
children: label || ''
|
|
182
|
+
}));
|
|
183
|
+
},
|
|
184
|
+
divider: function divider(props, formItemProps, label) {
|
|
185
|
+
return /*#__PURE__*/_jsx(Divider, _objectSpread(_objectSpread({
|
|
186
|
+
orientation: "left",
|
|
187
|
+
orientationMargin: 0
|
|
188
|
+
}, props), {}, {
|
|
189
|
+
children: label
|
|
190
|
+
}));
|
|
191
|
+
},
|
|
192
|
+
other: function other(formItemProps, children) {
|
|
193
|
+
return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
|
|
194
|
+
children: children
|
|
195
|
+
}));
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
export default renderMap;
|
package/dist/esm/DForm/helper.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
2
2
|
/*
|
|
3
3
|
* @Author : wangfeihu
|
|
4
4
|
* @Date : 2023-06-07 15:08:06
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
import { FormProps
|
|
2
|
+
import { FormProps } from 'antd';
|
|
3
3
|
import DItem, { DItemProps } from './DItem';
|
|
4
4
|
import './index.less';
|
|
5
5
|
declare type InternalFormProps = {
|
|
@@ -12,9 +12,13 @@ declare type InternalFormProps = {
|
|
|
12
12
|
/** 布局方式 新增了行内垂直布局方式inlineVertical */
|
|
13
13
|
layout?: 'inline' | 'horizontal' | 'vertical' | 'inlineVertical';
|
|
14
14
|
};
|
|
15
|
-
|
|
16
|
-
declare
|
|
15
|
+
declare type DFormProps = Omit<FormProps, 'children' | 'layout'> & InternalFormProps;
|
|
16
|
+
declare type DFormRefProps = {
|
|
17
|
+
setItems: (items: DItemProps[] | ((values: DItemProps[]) => DItemProps[] | Promise<DItemProps[]>)) => void;
|
|
18
|
+
} | undefined;
|
|
19
|
+
declare function InternalForm(props: DFormProps, ref: React.Ref<DFormRefProps>): JSX.Element;
|
|
17
20
|
declare const DForm: typeof InternalForm & {
|
|
18
21
|
Item: typeof DItem;
|
|
19
22
|
};
|
|
23
|
+
export { type DFormProps, type DFormRefProps, type DItemProps };
|
|
20
24
|
export default DForm;
|
package/dist/esm/DForm/index.js
CHANGED
|
@@ -1,34 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
/*
|
|
6
|
-
* @Author : wangfeihu
|
|
7
|
-
* @Date : 2023-06-02 09:29:11
|
|
8
|
-
* @LastEditors : wangfeihu
|
|
9
|
-
* @LastEditTime : 2023-
|
|
10
|
-
* @Description : 基于antd的Form组件
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
+
var _excluded = ["className", "defaultItemProps", "items", "children", "layout", "autoComplete"];
|
|
5
|
+
/*
|
|
6
|
+
* @Author : wangfeihu
|
|
7
|
+
* @Date : 2023-06-02 09:29:11
|
|
8
|
+
* @LastEditors : wangfeihu
|
|
9
|
+
* @LastEditTime : 2023-08-16 16:35:27
|
|
10
|
+
* @Description : 基于antd的Form组件
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
|
-
import React, { forwardRef,
|
|
13
|
+
import React, { forwardRef, useContext, useState, useEffect, useImperativeHandle } from 'react';
|
|
14
14
|
import { Form } from 'antd';
|
|
15
15
|
import { ConfigContext } from "../ConfigProvider";
|
|
16
16
|
import helper from "./helper";
|
|
17
17
|
import DItem from "./DItem";
|
|
18
18
|
import "./index.less";
|
|
19
|
+
|
|
20
|
+
// eslint-disable-next-line no-unused-vars
|
|
21
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
22
|
function getChildren(items, children, _defaultItemProps) {
|
|
20
23
|
var list = [];
|
|
21
24
|
if (items instanceof Array && items.length > 0) {
|
|
22
25
|
list = items.map(function (item, index) {
|
|
23
26
|
var _item = helper.merge(_defaultItemProps, item);
|
|
24
|
-
return /*#__PURE__*/
|
|
25
|
-
key: (item === null || item === void 0 ? void 0 : item.name) || index
|
|
26
|
-
}, _item));
|
|
27
|
+
return /*#__PURE__*/_jsx(DItem, _objectSpread({}, _item), (item === null || item === void 0 ? void 0 : item.name) || index);
|
|
27
28
|
});
|
|
28
29
|
}
|
|
29
30
|
if (children) {
|
|
30
31
|
var childrenList = children instanceof Array ? children : [children];
|
|
31
|
-
|
|
32
|
+
var _childrenList = childrenList.map(function (item) {
|
|
33
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
34
|
+
props: helper.merge(_defaultItemProps, item.props)
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
list = list.concat(_childrenList);
|
|
32
38
|
}
|
|
33
39
|
return list;
|
|
34
40
|
}
|
|
@@ -39,22 +45,49 @@ function InternalForm(props, ref) {
|
|
|
39
45
|
items = props.items,
|
|
40
46
|
children = props.children,
|
|
41
47
|
layout = props.layout,
|
|
48
|
+
_props$autoComplete = props.autoComplete,
|
|
49
|
+
autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
|
|
42
50
|
otherProps = _objectWithoutProperties(props, _excluded);
|
|
43
51
|
var _useContext = useContext(ConfigContext),
|
|
44
52
|
getPrefixCls = _useContext.getPrefixCls;
|
|
45
53
|
var _className = "".concat(getPrefixCls('form'), " ").concat(className, " ").concat(layout === 'inlineVertical' ? 'inlineVertical' : '');
|
|
46
54
|
var _layout = layout === 'inlineVertical' ? 'inline' : layout;
|
|
47
|
-
var
|
|
48
|
-
|
|
55
|
+
var _useState = useState(getChildren(items, children, defaultItemProps)),
|
|
56
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
57
|
+
itemChildren = _useState2[0],
|
|
58
|
+
setItemChildren = _useState2[1];
|
|
59
|
+
useEffect(function () {
|
|
60
|
+
setItemChildren(getChildren(items, children, defaultItemProps));
|
|
61
|
+
}, [items, children, defaultItemProps]);
|
|
62
|
+
useImperativeHandle(ref, function () {
|
|
63
|
+
return {
|
|
64
|
+
setItems: function setItems(value) {
|
|
65
|
+
if (value instanceof Array) {
|
|
66
|
+
setItemChildren(getChildren(value, null, defaultItemProps));
|
|
67
|
+
} else if (typeof value === 'function') {
|
|
68
|
+
var result = value(items || []);
|
|
69
|
+
if ('then' in result) {
|
|
70
|
+
result.then(function (list) {
|
|
71
|
+
setItemChildren(getChildren(list, null, defaultItemProps));
|
|
72
|
+
});
|
|
73
|
+
} else {
|
|
74
|
+
setItemChildren(getChildren(result, null, defaultItemProps));
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
};
|
|
49
79
|
}, [items, children, defaultItemProps]);
|
|
50
|
-
return /*#__PURE__*/
|
|
80
|
+
return /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
51
81
|
className: _className,
|
|
52
82
|
layout: _layout,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
83
|
+
autoComplete: autoComplete,
|
|
84
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
85
|
+
className: "form-wrapper",
|
|
86
|
+
children: itemChildren
|
|
87
|
+
})
|
|
88
|
+
}));
|
|
57
89
|
}
|
|
58
90
|
var DForm = /*#__PURE__*/forwardRef(InternalForm);
|
|
59
91
|
DForm.Item = DItem;
|
|
92
|
+
export {};
|
|
60
93
|
export default DForm;
|
package/dist/esm/DInput/index.js
CHANGED
|
@@ -1,23 +1,18 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
1
4
|
var _excluded = ["className", "onChange", "onCompositionStart", "onCompositionEnd", "value", "debounce", "enableCompose"];
|
|
2
|
-
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); }
|
|
3
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
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."); }
|
|
5
|
-
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); }
|
|
6
|
-
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; }
|
|
7
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
8
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
9
|
-
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
|
-
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
5
|
/*
|
|
12
6
|
* @Author : wangfeihu
|
|
13
7
|
* @Date : 2023-05-16 10:08:26
|
|
14
8
|
* @LastEditors : wangfeihu
|
|
15
|
-
* @LastEditTime : 2023-
|
|
9
|
+
* @LastEditTime : 2023-08-16 16:48:52
|
|
16
10
|
* @Description : 基于antd的Input组件
|
|
17
11
|
*/
|
|
18
|
-
import React, { useRef, forwardRef, useState, useContext } from 'react';
|
|
12
|
+
import React, { useRef, forwardRef, useState, useEffect, useContext } from 'react';
|
|
19
13
|
import { Input } from 'antd';
|
|
20
14
|
import { ConfigContext } from "../ConfigProvider";
|
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
16
|
function InternalInput(props, ref) {
|
|
22
17
|
var _props$className = props.className,
|
|
23
18
|
className = _props$className === void 0 ? '' : _props$className,
|
|
@@ -77,7 +72,10 @@ function InternalInput(props, ref) {
|
|
|
77
72
|
emitChange(e.target.value, e);
|
|
78
73
|
}
|
|
79
74
|
};
|
|
80
|
-
|
|
75
|
+
useEffect(function () {
|
|
76
|
+
return setValue(initValue);
|
|
77
|
+
}, [initValue]);
|
|
78
|
+
return /*#__PURE__*/_jsx(Input, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
81
79
|
className: _className,
|
|
82
80
|
ref: ref,
|
|
83
81
|
value: value,
|
|
@@ -12,7 +12,7 @@ export declare type DSelectProps = Omit<SelectProps, 'options' | 'onSearch' | 'l
|
|
|
12
12
|
/** 是否开启防抖: true表示800毫秒,true表示默认值,false或0表示不开启 */
|
|
13
13
|
debounce?: boolean | number;
|
|
14
14
|
};
|
|
15
|
-
declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "
|
|
15
|
+
declare const DSelect: React.ForwardRefExoticComponent<Omit<SelectProps<any, DefaultOptionType>, "onSearch" | "options" | "loading"> & {
|
|
16
16
|
/** antd的onSearch属性,onSearch有效时showSearch自动为true */
|
|
17
17
|
onSearch?: ((params?: any) => Promise<DefaultOptionType[] | any[]>) | undefined;
|
|
18
18
|
/** antd的options属性,可以是一个options数组,或一个返回等价options数组的promise */
|
|
@@ -1,29 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
4
|
var _excluded = ["className", "popupClassName", "fieldNames", "searchValue", "filterOption", "options", "onSearch", "loading", "debounce"];
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
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
|
-
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
|
-
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
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
14
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
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
|
-
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
|
-
/*
|
|
18
|
-
* @Author : wangfeihu
|
|
19
|
-
* @Date : 2023-05-17 08:41:25
|
|
20
|
-
* @LastEditors : wangfeihu
|
|
21
|
-
* @LastEditTime : 2023-05-26 14:44:38
|
|
22
|
-
* @Description : 基于antd的Select组件
|
|
5
|
+
/*
|
|
6
|
+
* @Author : wangfeihu
|
|
7
|
+
* @Date : 2023-05-17 08:41:25
|
|
8
|
+
* @LastEditors : wangfeihu
|
|
9
|
+
* @LastEditTime : 2023-07-11 15:44:04
|
|
10
|
+
* @Description : 基于antd的Select组件
|
|
23
11
|
*/
|
|
24
12
|
import React, { forwardRef, useEffect, useRef, useState, useMemo, useContext } from 'react';
|
|
25
13
|
import { Select } from 'antd';
|
|
26
14
|
import { ConfigContext } from "../ConfigProvider";
|
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
27
16
|
function InternalSelect(props, ref) {
|
|
28
17
|
var _props$className = props.className,
|
|
29
18
|
className = _props$className === void 0 ? '' : _props$className,
|
|
@@ -117,12 +106,12 @@ function InternalSelect(props, ref) {
|
|
|
117
106
|
useEffect(function () {
|
|
118
107
|
return updateOptions(getOptions, searchValue);
|
|
119
108
|
}, [getOptions, searchValue]);
|
|
120
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
|
|
121
110
|
allowClear: true,
|
|
122
111
|
filterOption: _filterOption,
|
|
123
112
|
showSearch: _showSearch,
|
|
124
113
|
searchValue: searchValue
|
|
125
|
-
}, otherProps, {
|
|
114
|
+
}, otherProps), {}, {
|
|
126
115
|
ref: ref,
|
|
127
116
|
className: _className,
|
|
128
117
|
popupClassName: _popupClassName,
|