@hw-component/form 0.0.1-beta → 0.0.1-beta-v3
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/es/CheckboxGroup/CheckBox/index.js +16 -24
- package/es/CheckboxGroup/hooks.d.ts +3 -9
- package/es/CheckboxGroup/hooks.js +64 -115
- package/es/CheckboxGroup/index.d.ts +1 -6
- package/es/CheckboxGroup/index.js +58 -117
- package/es/CheckboxGroup/modal.d.ts +8 -9
- package/es/Form/Context/FormConfigProvider.js +19 -64
- package/es/Form/Context/index.d.ts +1 -4
- package/es/Form/Context/index.js +3 -3
- package/es/Form/FormItem/BasicItem.js +42 -80
- package/es/Form/FormItem/Helper.d.ts +1 -1
- package/es/Form/FormItem/Helper.js +9 -17
- package/es/Form/FormItem/RegularFormItem.js +8 -11
- package/es/Form/FormItem/UpFormItem.d.ts +1 -6
- package/es/Form/FormItem/UpFormItem.js +17 -27
- package/es/Form/FormItem/hooks.d.ts +4 -21
- package/es/Form/FormItem/hooks.js +9 -12
- package/es/Form/FormItem/index.js +5 -5
- package/es/Form/HFormConnect.d.ts +1 -9
- package/es/Form/HFormConnect.js +30 -90
- package/es/Form/InitSet.d.ts +1 -4
- package/es/Form/InitSet.js +6 -7
- package/es/Form/Label.d.ts +4 -4
- package/es/Form/Label.js +19 -36
- package/es/Form/config.d.ts +22 -100
- package/es/Form/config.js +19 -19
- package/es/Form/hooks/index.d.ts +1 -14
- package/es/Form/hooks/index.js +32 -80
- package/es/Form/hooks/useHForm.js +143 -224
- package/es/Form/hooks/useInitConfigData.d.ts +1 -4
- package/es/Form/hooks/useInitConfigData.js +61 -143
- package/es/Form/index.d.ts +1 -11
- package/es/Form/index.js +79 -79
- package/es/Form/modal.d.ts +54 -89
- package/es/Input/ButtonInput.js +51 -73
- package/es/Input/InputNumber.js +12 -21
- package/es/Input/SelectInput.d.ts +4 -16
- package/es/Input/SelectInput.js +62 -116
- package/es/Input/defaultConfig.d.ts +3 -3
- package/es/Input/defaultConfig.js +2 -2
- package/es/Input/index.js +7 -7
- package/es/Input/modal.d.ts +13 -15
- package/es/ModalForm/hooks.d.ts +12 -0
- package/es/ModalForm/hooks.js +78 -0
- package/es/ModalForm/index.d.ts +4 -0
- package/es/ModalForm/index.js +59 -0
- package/es/ModalForm/modal.d.ts +23 -0
- package/es/PageHandler/ErrorComponent.js +25 -47
- package/es/PageHandler/LoadingComponent.js +13 -17
- package/es/PageHandler/index.js +7 -7
- package/es/PageHandler/modal.d.ts +4 -4
- package/es/RadioGroup/index.d.ts +5 -12
- package/es/RadioGroup/index.js +33 -46
- package/es/Select/components/AllSelect.d.ts +1 -1
- package/es/Select/components/AllSelect.js +18 -40
- package/es/Select/components/CheckBoxOption.d.ts +3 -6
- package/es/Select/components/CheckBoxOption.js +7 -12
- package/es/Select/components/DropdownComponent.d.ts +4 -4
- package/es/Select/components/DropdownComponent.js +17 -30
- package/es/Select/components/NoFindItem.d.ts +1 -1
- package/es/Select/components/NoFindItem.js +7 -11
- package/es/Select/components/NotFoundContent.d.ts +2 -2
- package/es/Select/components/NotFoundContent.js +27 -49
- package/es/Select/defaultConfig.d.ts +1 -1
- package/es/Select/defaultConfig.js +16 -20
- package/es/Select/hooks/changeHooks.d.ts +2 -2
- package/es/Select/hooks/changeHooks.js +71 -147
- package/es/Select/hooks/norHooks.d.ts +9 -27
- package/es/Select/hooks/norHooks.js +39 -51
- package/es/Select/index.d.ts +1 -22
- package/es/Select/index.js +65 -124
- package/es/Select/modal.d.ts +15 -15
- package/es/Select/utils.js +15 -60
- package/es/Submit/index.d.ts +3 -9
- package/es/Submit/index.js +13 -18
- package/es/Switch/index.d.ts +4 -4
- package/es/Switch/index.js +20 -46
- package/es/TDPicker/RangePicker.d.ts +3 -8
- package/es/TDPicker/RangePicker.js +67 -138
- package/es/TDPicker/TimePicker.d.ts +1 -6
- package/es/TDPicker/TimePicker.js +13 -19
- package/es/TDPicker/hooks.d.ts +22 -42
- package/es/TDPicker/hooks.js +72 -106
- package/es/TDPicker/index.d.ts +1 -7
- package/es/TDPicker/index.js +14 -20
- package/es/TDPicker/modal.d.ts +16 -21
- package/es/TextArea/index.d.ts +1 -0
- package/es/Upload/Btn.d.ts +1 -5
- package/es/Upload/Btn.js +19 -35
- package/es/Upload/MediaTypeEle/TypeEle.d.ts +5 -10
- package/es/Upload/MediaTypeEle/TypeEle.js +23 -31
- package/es/Upload/MediaTypeEle/index.d.ts +1 -5
- package/es/Upload/MediaTypeEle/index.js +18 -21
- package/es/Upload/Preview/index.d.ts +1 -5
- package/es/Upload/Preview/index.js +13 -17
- package/es/Upload/UrlUpload/index.d.ts +1 -7
- package/es/Upload/UrlUpload/index.js +51 -72
- package/es/Upload/enums.d.ts +3 -3
- package/es/Upload/enums.js +3 -3
- package/es/Upload/hooks/change.d.ts +1 -8
- package/es/Upload/hooks/change.js +58 -115
- package/es/Upload/hooks/customRequest.d.ts +1 -5
- package/es/Upload/hooks/customRequest.js +46 -63
- package/es/Upload/hooks/propsMaker.d.ts +1 -5
- package/es/Upload/hooks/propsMaker.js +13 -52
- package/es/Upload/index.d.ts +1 -3
- package/es/Upload/index.js +61 -131
- package/es/Upload/modal.d.ts +15 -17
- package/es/Upload/util.d.ts +2 -8
- package/es/Upload/util.js +7 -15
- package/es/config.js +31 -34
- package/es/hooks/index.d.ts +7 -14
- package/es/hooks/index.js +49 -124
- package/es/index.d.ts +18 -98
- package/es/index.js +8 -22
- package/es/modal.d.ts +6 -6
- package/lib/CheckboxGroup/CheckBox/index.js +18 -26
- package/lib/CheckboxGroup/hooks.d.ts +3 -9
- package/lib/CheckboxGroup/hooks.js +65 -116
- package/lib/CheckboxGroup/index.d.ts +1 -6
- package/lib/CheckboxGroup/index.js +60 -119
- package/lib/CheckboxGroup/modal.d.ts +8 -9
- package/lib/Form/Context/FormConfigProvider.js +21 -66
- package/lib/Form/Context/index.d.ts +1 -4
- package/lib/Form/Context/index.js +4 -4
- package/lib/Form/FormItem/BasicItem.js +44 -82
- package/lib/Form/FormItem/Helper.d.ts +1 -1
- package/lib/Form/FormItem/Helper.js +11 -19
- package/lib/Form/FormItem/RegularFormItem.js +10 -13
- package/lib/Form/FormItem/UpFormItem.d.ts +1 -6
- package/lib/Form/FormItem/UpFormItem.js +19 -29
- package/lib/Form/FormItem/hooks.d.ts +4 -21
- package/lib/Form/FormItem/hooks.js +10 -13
- package/lib/Form/FormItem/index.js +7 -7
- package/lib/Form/HFormConnect.d.ts +1 -9
- package/lib/Form/HFormConnect.js +32 -92
- package/lib/Form/InitSet.d.ts +1 -4
- package/lib/Form/InitSet.js +8 -9
- package/lib/Form/Label.d.ts +4 -4
- package/lib/Form/Label.js +21 -41
- package/lib/Form/config.d.ts +22 -100
- package/lib/Form/config.js +21 -21
- package/lib/Form/hooks/index.d.ts +1 -14
- package/lib/Form/hooks/index.js +32 -81
- package/lib/Form/hooks/useHForm.js +145 -226
- package/lib/Form/hooks/useInitConfigData.d.ts +1 -4
- package/lib/Form/hooks/useInitConfigData.js +63 -144
- package/lib/Form/index.d.ts +1 -11
- package/lib/Form/index.js +83 -83
- package/lib/Form/modal.d.ts +54 -89
- package/lib/Input/ButtonInput.js +53 -75
- package/lib/Input/InputNumber.js +14 -23
- package/lib/Input/SelectInput.d.ts +4 -16
- package/lib/Input/SelectInput.js +66 -128
- package/lib/Input/defaultConfig.d.ts +3 -3
- package/lib/Input/defaultConfig.js +3 -3
- package/lib/Input/index.js +9 -9
- package/lib/Input/modal.d.ts +13 -15
- package/lib/ModalForm/hooks.d.ts +12 -0
- package/lib/ModalForm/hooks.js +81 -0
- package/lib/ModalForm/index.d.ts +4 -0
- package/lib/ModalForm/index.js +62 -0
- package/lib/ModalForm/modal.d.ts +23 -0
- package/lib/PageHandler/ErrorComponent.js +27 -49
- package/lib/PageHandler/LoadingComponent.js +15 -19
- package/lib/PageHandler/index.js +9 -9
- package/lib/PageHandler/modal.d.ts +4 -4
- package/lib/RadioGroup/index.d.ts +5 -12
- package/lib/RadioGroup/index.js +35 -48
- package/lib/Select/components/AllSelect.d.ts +1 -1
- package/lib/Select/components/AllSelect.js +20 -42
- package/lib/Select/components/CheckBoxOption.d.ts +3 -6
- package/lib/Select/components/CheckBoxOption.js +9 -14
- package/lib/Select/components/DropdownComponent.d.ts +4 -4
- package/lib/Select/components/DropdownComponent.js +19 -32
- package/lib/Select/components/NoFindItem.d.ts +1 -1
- package/lib/Select/components/NoFindItem.js +9 -13
- package/lib/Select/components/NotFoundContent.d.ts +2 -2
- package/lib/Select/components/NotFoundContent.js +29 -51
- package/lib/Select/defaultConfig.d.ts +1 -1
- package/lib/Select/defaultConfig.js +17 -21
- package/lib/Select/hooks/changeHooks.d.ts +2 -2
- package/lib/Select/hooks/changeHooks.js +72 -148
- package/lib/Select/hooks/norHooks.d.ts +9 -27
- package/lib/Select/hooks/norHooks.js +40 -52
- package/lib/Select/index.d.ts +1 -22
- package/lib/Select/index.js +67 -128
- package/lib/Select/modal.d.ts +15 -15
- package/lib/Select/utils.js +16 -61
- package/lib/Submit/index.d.ts +3 -9
- package/lib/Submit/index.js +15 -20
- package/lib/Switch/index.d.ts +4 -4
- package/lib/Switch/index.js +22 -48
- package/lib/TDPicker/RangePicker.d.ts +3 -8
- package/lib/TDPicker/RangePicker.js +69 -136
- package/lib/TDPicker/TimePicker.d.ts +1 -6
- package/lib/TDPicker/TimePicker.js +15 -21
- package/lib/TDPicker/hooks.d.ts +22 -42
- package/lib/TDPicker/hooks.js +72 -98
- package/lib/TDPicker/index.d.ts +1 -7
- package/lib/TDPicker/index.js +16 -22
- package/lib/TDPicker/modal.d.ts +16 -21
- package/lib/TextArea/index.d.ts +1 -0
- package/lib/Upload/Btn.d.ts +1 -5
- package/lib/Upload/Btn.js +21 -37
- package/lib/Upload/MediaTypeEle/TypeEle.d.ts +5 -10
- package/lib/Upload/MediaTypeEle/TypeEle.js +25 -33
- package/lib/Upload/MediaTypeEle/index.d.ts +1 -5
- package/lib/Upload/MediaTypeEle/index.js +20 -23
- package/lib/Upload/Preview/index.d.ts +1 -5
- package/lib/Upload/Preview/index.js +15 -19
- package/lib/Upload/UrlUpload/index.d.ts +1 -7
- package/lib/Upload/UrlUpload/index.js +53 -74
- package/lib/Upload/enums.d.ts +3 -3
- package/lib/Upload/enums.js +4 -4
- package/lib/Upload/hooks/change.d.ts +1 -8
- package/lib/Upload/hooks/change.js +59 -116
- package/lib/Upload/hooks/customRequest.d.ts +1 -5
- package/lib/Upload/hooks/customRequest.js +47 -64
- package/lib/Upload/hooks/propsMaker.d.ts +1 -5
- package/lib/Upload/hooks/propsMaker.js +15 -55
- package/lib/Upload/index.d.ts +1 -3
- package/lib/Upload/index.js +63 -133
- package/lib/Upload/modal.d.ts +15 -17
- package/lib/Upload/util.d.ts +2 -8
- package/lib/Upload/util.js +8 -16
- package/lib/config.js +32 -35
- package/lib/hooks/index.d.ts +7 -14
- package/lib/hooks/index.js +50 -125
- package/lib/index.d.ts +18 -98
- package/lib/index.js +10 -5
- package/lib/modal.d.ts +6 -6
- package/package.json +1 -1
- package/src/components/Form/InitSet.tsx +3 -5
- package/src/components/Form/hooks/index.ts +0 -20
- package/src/components/Form/hooks/useHForm.ts +8 -4
- package/src/components/Form/index.tsx +25 -7
- package/src/components/Form/modal.ts +4 -2
- package/src/components/Input/SelectInput.tsx +3 -2
- package/src/components/Input/modal.ts +2 -0
- package/src/components/ModalForm/hooks.ts +61 -0
- package/src/components/ModalForm/index.tsx +52 -0
- package/src/components/ModalForm/modal.ts +25 -0
- package/src/components/index.tsx +4 -0
- package/src/pages/ModalForm/index.tsx +127 -0
- package/src/routes.tsx +6 -1
package/lib/TDPicker/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var _extends = require(
|
|
7
|
-
var _objectWithoutProperties = require(
|
|
8
|
-
var antd = require(
|
|
9
|
-
var hooks = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _extends = require('@babel/runtime-corejs3/helpers/extends');
|
|
7
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
8
|
+
var antd = require('antd');
|
|
9
|
+
var hooks = require('./hooks.js');
|
|
10
10
|
|
|
11
11
|
var _excluded = ["value", "onChange", "showTime", "format"];
|
|
12
|
-
var HDatePicker = function (_ref) {
|
|
12
|
+
var HDatePicker = (function (_ref) {
|
|
13
13
|
var value = _ref.value,
|
|
14
14
|
onChange = _ref.onChange,
|
|
15
15
|
_ref$showTime = _ref.showTime,
|
|
@@ -19,24 +19,18 @@ var HDatePicker = function (_ref) {
|
|
|
19
19
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
20
|
var timeVal = hooks.useTimeVal({
|
|
21
21
|
value: value,
|
|
22
|
-
format: format
|
|
22
|
+
format: format
|
|
23
23
|
});
|
|
24
24
|
var change = hooks.useTimeChange({
|
|
25
25
|
format: format,
|
|
26
|
-
onChange: onChange
|
|
26
|
+
onChange: onChange
|
|
27
27
|
});
|
|
28
|
-
return /*#__PURE__*/
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
showTime: showTime,
|
|
35
|
-
},
|
|
36
|
-
props
|
|
37
|
-
)
|
|
38
|
-
);
|
|
39
|
-
};
|
|
28
|
+
return /*#__PURE__*/React.createElement(antd.DatePicker, _extends({
|
|
29
|
+
value: timeVal,
|
|
30
|
+
onChange: change,
|
|
31
|
+
showTime: showTime
|
|
32
|
+
}, props));
|
|
33
|
+
});
|
|
40
34
|
|
|
41
35
|
exports.default = HDatePicker;
|
|
42
36
|
// powered by h
|
package/lib/TDPicker/modal.d.ts
CHANGED
|
@@ -6,28 +6,23 @@ import type { TimePickerProps } from "antd";
|
|
|
6
6
|
import type { DurationInputArg2 } from "moment";
|
|
7
7
|
import type { DateRangePickerValueMapModal } from "../modal";
|
|
8
8
|
import type { addFormatItemModal } from "@/components/Form/modal";
|
|
9
|
-
export interface HDatePickerProps
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
showTime?: boolean | SharedTimeProps<Moment>;
|
|
9
|
+
export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
|
|
10
|
+
onChange?: (time?: Moment | string | number) => void;
|
|
11
|
+
format?: string;
|
|
12
|
+
showTime?: boolean | SharedTimeProps<Moment>;
|
|
14
13
|
}
|
|
15
|
-
export interface HRangePickerProps
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
showTime?:
|
|
20
|
-
| boolean
|
|
21
|
-
| {
|
|
14
|
+
export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
|
|
15
|
+
value?: [any, any] | Record<string, any>;
|
|
16
|
+
onChange?: (val: any) => void;
|
|
17
|
+
showTime?: boolean | {
|
|
22
18
|
defaultValue?: Moment[];
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
19
|
+
};
|
|
20
|
+
format?: string;
|
|
21
|
+
valueMap?: DateRangePickerValueMapModal;
|
|
22
|
+
ranges?: RangePickerProps["ranges"] | boolean;
|
|
23
|
+
addFormat?: (config: Record<string, addFormatItemModal>) => void;
|
|
28
24
|
}
|
|
29
|
-
export interface HTimePickerProps
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
format?: DurationInputArg2 | string;
|
|
25
|
+
export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
|
|
26
|
+
onChange?: (time?: Moment | string | number) => void;
|
|
27
|
+
format?: DurationInputArg2 | string;
|
|
33
28
|
}
|
package/lib/TextArea/index.d.ts
CHANGED
package/lib/Upload/Btn.d.ts
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { IUpLoadProps } from "./modal";
|
|
3
|
-
declare const _default: ({
|
|
4
|
-
value,
|
|
5
|
-
maxCount,
|
|
6
|
-
listType,
|
|
7
|
-
}: IUpLoadProps) => JSX.Element;
|
|
3
|
+
declare const _default: ({ value, maxCount, listType }: IUpLoadProps) => JSX.Element;
|
|
8
4
|
export default _default;
|
package/lib/Upload/Btn.js
CHANGED
|
@@ -1,50 +1,34 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var icons = require(
|
|
7
|
-
var antd = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var icons = require('@ant-design/icons');
|
|
7
|
+
var antd = require('antd');
|
|
8
8
|
|
|
9
|
-
var Btn = function (_ref) {
|
|
9
|
+
var Btn = (function (_ref) {
|
|
10
10
|
var value = _ref.value,
|
|
11
11
|
_ref$maxCount = _ref.maxCount,
|
|
12
12
|
maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
|
|
13
13
|
listType = _ref.listType;
|
|
14
14
|
var len = (value === null || value === void 0 ? void 0 : value.length) || 0;
|
|
15
|
-
var text = React.useMemo(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
[len, maxCount]
|
|
23
|
-
);
|
|
15
|
+
var text = React.useMemo(function () {
|
|
16
|
+
if (len === maxCount) {
|
|
17
|
+
return "更新";
|
|
18
|
+
}
|
|
19
|
+
return "上传";
|
|
20
|
+
}, [len, maxCount]);
|
|
24
21
|
if (listType === "picture-card") {
|
|
25
|
-
return /*#__PURE__*/ React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"div",
|
|
31
|
-
{
|
|
32
|
-
style: {
|
|
33
|
-
marginTop: 8,
|
|
34
|
-
},
|
|
35
|
-
},
|
|
36
|
-
text
|
|
37
|
-
)
|
|
38
|
-
);
|
|
22
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(icons.PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
style: {
|
|
24
|
+
marginTop: 8
|
|
25
|
+
}
|
|
26
|
+
}, text));
|
|
39
27
|
}
|
|
40
|
-
return /*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
},
|
|
45
|
-
text
|
|
46
|
-
);
|
|
47
|
-
};
|
|
28
|
+
return /*#__PURE__*/React.createElement(antd.Button, {
|
|
29
|
+
icon: /*#__PURE__*/React.createElement(icons.UploadOutlined, null)
|
|
30
|
+
}, text);
|
|
31
|
+
});
|
|
48
32
|
|
|
49
33
|
exports.default = Btn;
|
|
50
34
|
// powered by h
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MediaTypeEnum } from "../enums";
|
|
3
3
|
interface TypeEleProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
mediaType?: MediaTypeEnum;
|
|
5
|
+
url?: string;
|
|
6
|
+
onReady?: VoidFunction;
|
|
7
|
+
onError?: VoidFunction;
|
|
8
8
|
}
|
|
9
|
-
declare const _default: ({
|
|
10
|
-
mediaType,
|
|
11
|
-
url,
|
|
12
|
-
onReady,
|
|
13
|
-
onError,
|
|
14
|
-
}: TypeEleProps) => JSX.Element;
|
|
9
|
+
declare const _default: ({ mediaType, url, onReady, onError }: TypeEleProps) => JSX.Element;
|
|
15
10
|
export default _default;
|
|
@@ -1,51 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var enums = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var enums = require('../enums.js');
|
|
7
7
|
|
|
8
|
-
var TypeEle = function (_ref) {
|
|
8
|
+
var TypeEle = (function (_ref) {
|
|
9
9
|
var mediaType = _ref.mediaType,
|
|
10
10
|
url = _ref.url,
|
|
11
11
|
onReady = _ref.onReady,
|
|
12
12
|
onError = _ref.onError;
|
|
13
13
|
if (mediaType === enums.MediaTypeEnum.video) {
|
|
14
|
-
return /*#__PURE__*/
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
/*#__PURE__*/ React.createElement("source", {
|
|
24
|
-
src: url,
|
|
25
|
-
})
|
|
26
|
-
);
|
|
14
|
+
return /*#__PURE__*/React.createElement("video", {
|
|
15
|
+
autoPlay: true,
|
|
16
|
+
width: "100%",
|
|
17
|
+
controls: true,
|
|
18
|
+
onPlay: onReady,
|
|
19
|
+
onError: onError
|
|
20
|
+
}, /*#__PURE__*/React.createElement("source", {
|
|
21
|
+
src: url
|
|
22
|
+
}));
|
|
27
23
|
}
|
|
28
24
|
if (mediaType === enums.MediaTypeEnum.audio) {
|
|
29
|
-
return /*#__PURE__*/
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
/*#__PURE__*/ React.createElement("source", {
|
|
38
|
-
src: url,
|
|
39
|
-
})
|
|
40
|
-
);
|
|
25
|
+
return /*#__PURE__*/React.createElement("audio", {
|
|
26
|
+
autoPlay: true,
|
|
27
|
+
controls: true,
|
|
28
|
+
onPlay: onReady,
|
|
29
|
+
onError: onError
|
|
30
|
+
}, /*#__PURE__*/React.createElement("source", {
|
|
31
|
+
src: url
|
|
32
|
+
}));
|
|
41
33
|
}
|
|
42
|
-
return /*#__PURE__*/
|
|
34
|
+
return /*#__PURE__*/React.createElement("img", {
|
|
43
35
|
src: url,
|
|
44
36
|
width: "100%",
|
|
45
37
|
onLoad: onReady,
|
|
46
|
-
onError: onError
|
|
38
|
+
onError: onError
|
|
47
39
|
});
|
|
48
|
-
};
|
|
40
|
+
});
|
|
49
41
|
|
|
50
42
|
exports.default = TypeEle;
|
|
51
43
|
// powered by h
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { IMediaTypeEleProps } from "../modal";
|
|
3
|
-
declare const _default: ({
|
|
4
|
-
file,
|
|
5
|
-
onReady,
|
|
6
|
-
onError,
|
|
7
|
-
}: IMediaTypeEleProps) => JSX.Element | null;
|
|
3
|
+
declare const _default: ({ file, onReady, onError }: IMediaTypeEleProps) => JSX.Element | null;
|
|
8
4
|
export default _default;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var _indexOfInstanceProperty = require(
|
|
7
|
-
var util = require(
|
|
8
|
-
var TypeEle = require(
|
|
9
|
-
var enums = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
|
|
7
|
+
var util = require('../util.js');
|
|
8
|
+
var TypeEle = require('./TypeEle.js');
|
|
9
|
+
var enums = require('../enums.js');
|
|
10
10
|
|
|
11
11
|
var videoType = ["MP4"];
|
|
12
12
|
var audioType = ["MP3"];
|
|
13
|
-
var MediaTypeEle = function (_ref) {
|
|
13
|
+
var MediaTypeEle = (function (_ref) {
|
|
14
14
|
var file = _ref.file,
|
|
15
15
|
onReady = _ref.onReady,
|
|
16
16
|
onError = _ref.onError;
|
|
@@ -18,25 +18,22 @@ var MediaTypeEle = function (_ref) {
|
|
|
18
18
|
return null;
|
|
19
19
|
}
|
|
20
20
|
var name = util.getFileExt(file);
|
|
21
|
-
var mediaType = React.useMemo(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
[name]
|
|
32
|
-
);
|
|
33
|
-
return /*#__PURE__*/ React.createElement(TypeEle.default, {
|
|
21
|
+
var mediaType = React.useMemo(function () {
|
|
22
|
+
if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
|
|
23
|
+
return enums.MediaTypeEnum.video;
|
|
24
|
+
}
|
|
25
|
+
if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
|
|
26
|
+
return enums.MediaTypeEnum.audio;
|
|
27
|
+
}
|
|
28
|
+
return enums.MediaTypeEnum.img;
|
|
29
|
+
}, [name]);
|
|
30
|
+
return /*#__PURE__*/React.createElement(TypeEle.default, {
|
|
34
31
|
onError: onError,
|
|
35
32
|
onReady: onReady,
|
|
36
33
|
mediaType: mediaType,
|
|
37
|
-
url: file.response.url
|
|
34
|
+
url: file.response.url
|
|
38
35
|
});
|
|
39
|
-
};
|
|
36
|
+
});
|
|
40
37
|
|
|
41
38
|
exports.default = MediaTypeEle;
|
|
42
39
|
// powered by h
|
|
@@ -2,9 +2,5 @@
|
|
|
2
2
|
import type { ModalProps } from "antd";
|
|
3
3
|
import type { IMediaTypeEleProps } from "../modal";
|
|
4
4
|
export type IPreviewProps = IMediaTypeEleProps & ModalProps;
|
|
5
|
-
declare const _default: ({
|
|
6
|
-
visible,
|
|
7
|
-
file,
|
|
8
|
-
onCancel,
|
|
9
|
-
}: IPreviewProps) => JSX.Element;
|
|
5
|
+
declare const _default: ({ visible, file, onCancel }: IPreviewProps) => JSX.Element;
|
|
10
6
|
export default _default;
|
|
@@ -1,28 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var antd = require(
|
|
7
|
-
var index = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var antd = require('antd');
|
|
7
|
+
var index = require('../MediaTypeEle/index.js');
|
|
8
8
|
|
|
9
|
-
var Preview = function (_ref) {
|
|
9
|
+
var Preview = (function (_ref) {
|
|
10
10
|
var visible = _ref.visible,
|
|
11
11
|
file = _ref.file,
|
|
12
12
|
onCancel = _ref.onCancel;
|
|
13
|
-
return /*#__PURE__*/
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
file: file,
|
|
23
|
-
})
|
|
24
|
-
);
|
|
25
|
-
};
|
|
13
|
+
return /*#__PURE__*/React.createElement(antd.Modal, {
|
|
14
|
+
footer: null,
|
|
15
|
+
visible: visible,
|
|
16
|
+
title: "\u9884\u89C8",
|
|
17
|
+
onCancel: onCancel
|
|
18
|
+
}, /*#__PURE__*/React.createElement(index.default, {
|
|
19
|
+
file: file
|
|
20
|
+
}));
|
|
21
|
+
});
|
|
26
22
|
|
|
27
23
|
exports.default = Preview;
|
|
28
24
|
// powered by h
|
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { IUrlUploadProps } from "../modal";
|
|
3
|
-
declare const _default: ({
|
|
4
|
-
placeholder,
|
|
5
|
-
value,
|
|
6
|
-
onChange,
|
|
7
|
-
mediaType,
|
|
8
|
-
...props
|
|
9
|
-
}: IUrlUploadProps) => JSX.Element;
|
|
3
|
+
declare const _default: ({ placeholder, value, onChange, mediaType, ...props }: IUrlUploadProps) => JSX.Element;
|
|
10
4
|
export default _default;
|
|
@@ -1,25 +1,24 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports,
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React = require(
|
|
6
|
-
var _extends = require(
|
|
7
|
-
var _toConsumableArray = require(
|
|
8
|
-
var _slicedToArray = require(
|
|
9
|
-
var _objectWithoutProperties = require(
|
|
10
|
-
var _trimInstanceProperty = require(
|
|
11
|
-
var _mapInstanceProperty = require(
|
|
12
|
-
var _Array$from = require(
|
|
13
|
-
var antd = require(
|
|
14
|
-
var Input = require(
|
|
15
|
-
var index = require(
|
|
16
|
-
var TypeEle = require(
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _extends = require('@babel/runtime-corejs3/helpers/extends');
|
|
7
|
+
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
8
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
9
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
10
|
+
var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/trim');
|
|
11
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
|
|
12
|
+
var _Array$from = require('@babel/runtime-corejs3/core-js/array/from');
|
|
13
|
+
var antd = require('antd');
|
|
14
|
+
var Input = require('antd/es/input/Input');
|
|
15
|
+
var index = require('../index.js');
|
|
16
|
+
var TypeEle = require('../MediaTypeEle/TypeEle.js');
|
|
17
17
|
|
|
18
18
|
var _excluded = ["placeholder", "value", "onChange", "mediaType"];
|
|
19
|
-
var HUrlUpload = function (_ref) {
|
|
19
|
+
var HUrlUpload = (function (_ref) {
|
|
20
20
|
var _ref$placeholder = _ref.placeholder,
|
|
21
|
-
placeholder =
|
|
22
|
-
_ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
|
|
21
|
+
placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
|
|
23
22
|
_ref$value = _ref.value,
|
|
24
23
|
value = _ref$value === void 0 ? [] : _ref$value,
|
|
25
24
|
onChange = _ref.onChange,
|
|
@@ -43,8 +42,8 @@ var HUrlUpload = function (_ref) {
|
|
|
43
42
|
fileName: url,
|
|
44
43
|
thumbUrl: url,
|
|
45
44
|
response: {
|
|
46
|
-
url: url
|
|
47
|
-
}
|
|
45
|
+
url: url
|
|
46
|
+
}
|
|
48
47
|
});
|
|
49
48
|
onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
|
|
50
49
|
setUrl("");
|
|
@@ -57,9 +56,7 @@ var HUrlUpload = function (_ref) {
|
|
|
57
56
|
};
|
|
58
57
|
var onBlur = function onBlur(e) {
|
|
59
58
|
var _context;
|
|
60
|
-
if (
|
|
61
|
-
_trimInstanceProperty((_context = e.target.value)).call(_context) === ""
|
|
62
|
-
) {
|
|
59
|
+
if (_trimInstanceProperty(_context = e.target.value).call(_context) === "") {
|
|
63
60
|
return;
|
|
64
61
|
}
|
|
65
62
|
setLoad(true);
|
|
@@ -71,9 +68,7 @@ var HUrlUpload = function (_ref) {
|
|
|
71
68
|
return;
|
|
72
69
|
}
|
|
73
70
|
e.preventDefault();
|
|
74
|
-
var newFileList = _mapInstanceProperty(
|
|
75
|
-
(_context2 = _Array$from(files))
|
|
76
|
-
).call(_context2, function (item) {
|
|
71
|
+
var newFileList = _mapInstanceProperty(_context2 = _Array$from(files)).call(_context2, function (item) {
|
|
77
72
|
var name = item.name,
|
|
78
73
|
size = item.size,
|
|
79
74
|
type = item.type;
|
|
@@ -83,61 +78,45 @@ var HUrlUpload = function (_ref) {
|
|
|
83
78
|
status: "uploading",
|
|
84
79
|
uid: new Date().valueOf().toString(),
|
|
85
80
|
originFileObj: item,
|
|
86
|
-
type: type
|
|
81
|
+
type: type
|
|
87
82
|
};
|
|
88
83
|
});
|
|
89
|
-
(_ref$current = ref.current) === null || _ref$current === void 0
|
|
90
|
-
|
|
91
|
-
:
|
|
92
|
-
|
|
93
|
-
file: newFileList[0],
|
|
94
|
-
});
|
|
84
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.change({
|
|
85
|
+
fileList: newFileList,
|
|
86
|
+
file: newFileList[0]
|
|
87
|
+
});
|
|
95
88
|
setUrl("");
|
|
96
89
|
setLoad(false);
|
|
97
90
|
};
|
|
98
|
-
return /*#__PURE__*/
|
|
99
|
-
|
|
100
|
-
{
|
|
101
|
-
|
|
102
|
-
style: {
|
|
103
|
-
width: "100%",
|
|
104
|
-
},
|
|
105
|
-
size: "middle",
|
|
91
|
+
return /*#__PURE__*/React.createElement(antd.Space, {
|
|
92
|
+
direction: "vertical",
|
|
93
|
+
style: {
|
|
94
|
+
width: "100%"
|
|
106
95
|
},
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
},
|
|
132
|
-
/*#__PURE__*/ React.createElement(TypeEle.default, {
|
|
133
|
-
url: url,
|
|
134
|
-
mediaType: mediaType,
|
|
135
|
-
onReady: onReady,
|
|
136
|
-
onError: onError,
|
|
137
|
-
})
|
|
138
|
-
)
|
|
139
|
-
);
|
|
140
|
-
};
|
|
96
|
+
size: "middle"
|
|
97
|
+
}, /*#__PURE__*/React.createElement(Input, {
|
|
98
|
+
placeholder: placeholder,
|
|
99
|
+
onBlur: onBlur,
|
|
100
|
+
value: url,
|
|
101
|
+
onPaste: onPaste,
|
|
102
|
+
onChange: function onChange(e) {
|
|
103
|
+
setUrl(e.target.value);
|
|
104
|
+
}
|
|
105
|
+
}), /*#__PURE__*/React.createElement(index.default, _extends({}, props, {
|
|
106
|
+
ref: ref,
|
|
107
|
+
value: value,
|
|
108
|
+
onChange: onChange
|
|
109
|
+
})), load && /*#__PURE__*/React.createElement("div", {
|
|
110
|
+
style: {
|
|
111
|
+
display: "none"
|
|
112
|
+
}
|
|
113
|
+
}, /*#__PURE__*/React.createElement(TypeEle.default, {
|
|
114
|
+
url: url,
|
|
115
|
+
mediaType: mediaType,
|
|
116
|
+
onReady: onReady,
|
|
117
|
+
onError: onError
|
|
118
|
+
})));
|
|
119
|
+
});
|
|
141
120
|
|
|
142
121
|
exports.default = HUrlUpload;
|
|
143
122
|
// powered by h
|
package/lib/Upload/enums.d.ts
CHANGED
package/lib/Upload/enums.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
3
|
exports.MediaTypeEnum = void 0;
|
|
4
4
|
(function (MediaTypeEnum) {
|
|
5
|
-
MediaTypeEnum[
|
|
6
|
-
MediaTypeEnum[
|
|
7
|
-
MediaTypeEnum[
|
|
5
|
+
MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
|
|
6
|
+
MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
|
|
7
|
+
MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
|
|
8
8
|
})(exports.MediaTypeEnum || (exports.MediaTypeEnum = {}));
|
|
9
9
|
// powered by h
|
|
@@ -1,10 +1,3 @@
|
|
|
1
1
|
import type { IUpLoadProps } from "../modal";
|
|
2
2
|
import type { UploadChangeParam, UploadFile } from "antd/lib/upload/interface";
|
|
3
|
-
export declare const useChange: ({
|
|
4
|
-
value,
|
|
5
|
-
onChange,
|
|
6
|
-
maxCount,
|
|
7
|
-
request,
|
|
8
|
-
exFiles,
|
|
9
|
-
maxSize,
|
|
10
|
-
}: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;
|
|
3
|
+
export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;
|