@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.
Files changed (58) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +284 -25
  3. package/dist/esm/AdvancedFilter/FormFilter.d.ts +2 -2
  4. package/dist/esm/AdvancedFilter/FormFilter.js +43 -45
  5. package/dist/esm/AdvancedFilter/index.js +66 -75
  6. package/dist/esm/AdvancedFilter/interface.d.ts +1 -1
  7. package/dist/esm/AdvancedFilter/styles/index.less +146 -116
  8. package/dist/esm/ConfigProvider/index.d.ts +1 -1
  9. package/dist/esm/ConfigProvider/index.js +5 -3
  10. package/dist/esm/DCascader/index.js +12 -26
  11. package/dist/esm/DCascader/index.less +24 -20
  12. package/dist/esm/DForm/DItem/index.d.ts +5 -0
  13. package/dist/esm/DForm/DItem/index.js +36 -0
  14. package/dist/esm/DForm/DItem/itemType.d.ts +106 -0
  15. package/dist/esm/DForm/DItem/itemType.js +1 -0
  16. package/dist/esm/DForm/DItem/itemsRender.d.ts +40 -0
  17. package/dist/esm/DForm/DItem/itemsRender.js +198 -0
  18. package/dist/esm/DForm/helper.js +1 -1
  19. package/dist/esm/DForm/index.d.ts +7 -3
  20. package/dist/esm/DForm/index.js +55 -22
  21. package/dist/esm/DForm/index.less +1 -0
  22. package/dist/esm/DInput/index.js +10 -12
  23. package/dist/esm/DSelect/index.d.ts +1 -1
  24. package/dist/esm/DSelect/index.js +12 -23
  25. package/dist/esm/DTable/index.d.ts +15 -8
  26. package/dist/esm/DTable/index.js +88 -84
  27. package/dist/esm/DTable/index.less +11 -2
  28. package/dist/esm/DTreeSelect/index.d.ts +1 -1
  29. package/dist/esm/DTreeSelect/index.js +12 -26
  30. package/dist/esm/DTreeSelect/index.less +11 -9
  31. package/dist/esm/DUpload/helper.js +49 -53
  32. package/dist/esm/DUpload/index.js +73 -80
  33. package/dist/esm/DUpload/index.less +19 -18
  34. package/dist/esm/ErrorBoundary/index.d.ts +2 -2
  35. package/dist/esm/ErrorBoundary/index.js +16 -12
  36. package/dist/esm/ErrorBoundary/index.less +44 -43
  37. package/dist/esm/LModal/index.d.ts +2 -2
  38. package/dist/esm/LModal/index.js +11 -13
  39. package/dist/esm/LModal/interface.d.ts +1 -1
  40. package/dist/esm/LModal/styles/index.less +2 -0
  41. package/dist/esm/LabelValue/index.d.ts +1 -1
  42. package/dist/esm/LabelValue/index.js +14 -12
  43. package/dist/esm/LabelValue/styles/index.less +23 -19
  44. package/dist/esm/Loading/interface.d.ts +4 -4
  45. package/dist/esm/Loading/loading.d.ts +2 -2
  46. package/dist/esm/Loading/loading.js +18 -16
  47. package/dist/esm/Loading/styles/index.less +25 -23
  48. package/dist/esm/NoData/index.d.ts +2 -2
  49. package/dist/esm/NoData/index.js +14 -13
  50. package/dist/esm/NoData/styles/index.less +24 -21
  51. package/dist/esm/index.d.ts +2 -2
  52. package/dist/umd/pcloud-components.min.css +1 -1
  53. package/dist/umd/pcloud-components.min.js +1 -1
  54. package/package.json +94 -73
  55. package/dist/esm/DForm/DItem.d.ts +0 -28
  56. package/dist/esm/DForm/DItem.js +0 -31
  57. package/dist/esm/DForm/DItemsMap.d.ts +0 -33
  58. 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;
@@ -1,4 +1,4 @@
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); }
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, FormInstance } from 'antd';
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
- export declare type DFormProps = Omit<FormProps, 'children' | 'layout'> & InternalFormProps;
16
- declare function InternalForm(props: DFormProps, ref: React.Ref<FormInstance<any>>): React.JSX.Element;
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;
@@ -1,34 +1,40 @@
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-16 09:09:24
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, useMemo, useContext } from 'react';
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__*/React.createElement(DItem, _extends({
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
- list = list.concat(childrenList);
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 itemChildren = useMemo(function () {
48
- return getChildren(items, children, defaultItemProps);
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__*/React.createElement(Form, _extends({}, otherProps, {
80
+ return /*#__PURE__*/_jsx(Form, _objectSpread(_objectSpread({}, otherProps), {}, {
51
81
  className: _className,
52
82
  layout: _layout,
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("div", {
55
- className: "form-wrapper"
56
- }, itemChildren));
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;
@@ -1,4 +1,5 @@
1
1
  @import '../commonStyle/index.less';
2
+
2
3
  .@{prefix}-form {
3
4
  .form-wrapper > * {
4
5
  min-height: 32px;
@@ -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-05-26 09:44:03
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
- return /*#__PURE__*/React.createElement(Input, _extends({}, otherProps, {
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>, "options" | "onSearch" | "loading"> & {
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
- 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); }
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
- 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(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; }
5
- 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; }
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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
8
- 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); }
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__*/React.createElement(Select, _extends({
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,