@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.
Files changed (246) hide show
  1. package/es/CheckboxGroup/CheckBox/index.js +16 -24
  2. package/es/CheckboxGroup/hooks.d.ts +3 -9
  3. package/es/CheckboxGroup/hooks.js +64 -115
  4. package/es/CheckboxGroup/index.d.ts +1 -6
  5. package/es/CheckboxGroup/index.js +58 -117
  6. package/es/CheckboxGroup/modal.d.ts +8 -9
  7. package/es/Form/Context/FormConfigProvider.js +19 -64
  8. package/es/Form/Context/index.d.ts +1 -4
  9. package/es/Form/Context/index.js +3 -3
  10. package/es/Form/FormItem/BasicItem.js +42 -80
  11. package/es/Form/FormItem/Helper.d.ts +1 -1
  12. package/es/Form/FormItem/Helper.js +9 -17
  13. package/es/Form/FormItem/RegularFormItem.js +8 -11
  14. package/es/Form/FormItem/UpFormItem.d.ts +1 -6
  15. package/es/Form/FormItem/UpFormItem.js +17 -27
  16. package/es/Form/FormItem/hooks.d.ts +4 -21
  17. package/es/Form/FormItem/hooks.js +9 -12
  18. package/es/Form/FormItem/index.js +5 -5
  19. package/es/Form/HFormConnect.d.ts +1 -9
  20. package/es/Form/HFormConnect.js +30 -90
  21. package/es/Form/InitSet.d.ts +1 -4
  22. package/es/Form/InitSet.js +6 -7
  23. package/es/Form/Label.d.ts +4 -4
  24. package/es/Form/Label.js +19 -36
  25. package/es/Form/config.d.ts +22 -100
  26. package/es/Form/config.js +19 -19
  27. package/es/Form/hooks/index.d.ts +1 -14
  28. package/es/Form/hooks/index.js +32 -80
  29. package/es/Form/hooks/useHForm.js +143 -224
  30. package/es/Form/hooks/useInitConfigData.d.ts +1 -4
  31. package/es/Form/hooks/useInitConfigData.js +61 -143
  32. package/es/Form/index.d.ts +1 -11
  33. package/es/Form/index.js +79 -79
  34. package/es/Form/modal.d.ts +54 -89
  35. package/es/Input/ButtonInput.js +51 -73
  36. package/es/Input/InputNumber.js +12 -21
  37. package/es/Input/SelectInput.d.ts +4 -16
  38. package/es/Input/SelectInput.js +62 -116
  39. package/es/Input/defaultConfig.d.ts +3 -3
  40. package/es/Input/defaultConfig.js +2 -2
  41. package/es/Input/index.js +7 -7
  42. package/es/Input/modal.d.ts +13 -15
  43. package/es/ModalForm/hooks.d.ts +12 -0
  44. package/es/ModalForm/hooks.js +78 -0
  45. package/es/ModalForm/index.d.ts +4 -0
  46. package/es/ModalForm/index.js +59 -0
  47. package/es/ModalForm/modal.d.ts +23 -0
  48. package/es/PageHandler/ErrorComponent.js +25 -47
  49. package/es/PageHandler/LoadingComponent.js +13 -17
  50. package/es/PageHandler/index.js +7 -7
  51. package/es/PageHandler/modal.d.ts +4 -4
  52. package/es/RadioGroup/index.d.ts +5 -12
  53. package/es/RadioGroup/index.js +33 -46
  54. package/es/Select/components/AllSelect.d.ts +1 -1
  55. package/es/Select/components/AllSelect.js +18 -40
  56. package/es/Select/components/CheckBoxOption.d.ts +3 -6
  57. package/es/Select/components/CheckBoxOption.js +7 -12
  58. package/es/Select/components/DropdownComponent.d.ts +4 -4
  59. package/es/Select/components/DropdownComponent.js +17 -30
  60. package/es/Select/components/NoFindItem.d.ts +1 -1
  61. package/es/Select/components/NoFindItem.js +7 -11
  62. package/es/Select/components/NotFoundContent.d.ts +2 -2
  63. package/es/Select/components/NotFoundContent.js +27 -49
  64. package/es/Select/defaultConfig.d.ts +1 -1
  65. package/es/Select/defaultConfig.js +16 -20
  66. package/es/Select/hooks/changeHooks.d.ts +2 -2
  67. package/es/Select/hooks/changeHooks.js +71 -147
  68. package/es/Select/hooks/norHooks.d.ts +9 -27
  69. package/es/Select/hooks/norHooks.js +39 -51
  70. package/es/Select/index.d.ts +1 -22
  71. package/es/Select/index.js +65 -124
  72. package/es/Select/modal.d.ts +15 -15
  73. package/es/Select/utils.js +15 -60
  74. package/es/Submit/index.d.ts +3 -9
  75. package/es/Submit/index.js +13 -18
  76. package/es/Switch/index.d.ts +4 -4
  77. package/es/Switch/index.js +20 -46
  78. package/es/TDPicker/RangePicker.d.ts +3 -8
  79. package/es/TDPicker/RangePicker.js +67 -138
  80. package/es/TDPicker/TimePicker.d.ts +1 -6
  81. package/es/TDPicker/TimePicker.js +13 -19
  82. package/es/TDPicker/hooks.d.ts +22 -42
  83. package/es/TDPicker/hooks.js +72 -106
  84. package/es/TDPicker/index.d.ts +1 -7
  85. package/es/TDPicker/index.js +14 -20
  86. package/es/TDPicker/modal.d.ts +16 -21
  87. package/es/TextArea/index.d.ts +1 -0
  88. package/es/Upload/Btn.d.ts +1 -5
  89. package/es/Upload/Btn.js +19 -35
  90. package/es/Upload/MediaTypeEle/TypeEle.d.ts +5 -10
  91. package/es/Upload/MediaTypeEle/TypeEle.js +23 -31
  92. package/es/Upload/MediaTypeEle/index.d.ts +1 -5
  93. package/es/Upload/MediaTypeEle/index.js +18 -21
  94. package/es/Upload/Preview/index.d.ts +1 -5
  95. package/es/Upload/Preview/index.js +13 -17
  96. package/es/Upload/UrlUpload/index.d.ts +1 -7
  97. package/es/Upload/UrlUpload/index.js +51 -72
  98. package/es/Upload/enums.d.ts +3 -3
  99. package/es/Upload/enums.js +3 -3
  100. package/es/Upload/hooks/change.d.ts +1 -8
  101. package/es/Upload/hooks/change.js +58 -115
  102. package/es/Upload/hooks/customRequest.d.ts +1 -5
  103. package/es/Upload/hooks/customRequest.js +46 -63
  104. package/es/Upload/hooks/propsMaker.d.ts +1 -5
  105. package/es/Upload/hooks/propsMaker.js +13 -52
  106. package/es/Upload/index.d.ts +1 -3
  107. package/es/Upload/index.js +61 -131
  108. package/es/Upload/modal.d.ts +15 -17
  109. package/es/Upload/util.d.ts +2 -8
  110. package/es/Upload/util.js +7 -15
  111. package/es/config.js +31 -34
  112. package/es/hooks/index.d.ts +7 -14
  113. package/es/hooks/index.js +49 -124
  114. package/es/index.d.ts +18 -98
  115. package/es/index.js +8 -22
  116. package/es/modal.d.ts +6 -6
  117. package/lib/CheckboxGroup/CheckBox/index.js +18 -26
  118. package/lib/CheckboxGroup/hooks.d.ts +3 -9
  119. package/lib/CheckboxGroup/hooks.js +65 -116
  120. package/lib/CheckboxGroup/index.d.ts +1 -6
  121. package/lib/CheckboxGroup/index.js +60 -119
  122. package/lib/CheckboxGroup/modal.d.ts +8 -9
  123. package/lib/Form/Context/FormConfigProvider.js +21 -66
  124. package/lib/Form/Context/index.d.ts +1 -4
  125. package/lib/Form/Context/index.js +4 -4
  126. package/lib/Form/FormItem/BasicItem.js +44 -82
  127. package/lib/Form/FormItem/Helper.d.ts +1 -1
  128. package/lib/Form/FormItem/Helper.js +11 -19
  129. package/lib/Form/FormItem/RegularFormItem.js +10 -13
  130. package/lib/Form/FormItem/UpFormItem.d.ts +1 -6
  131. package/lib/Form/FormItem/UpFormItem.js +19 -29
  132. package/lib/Form/FormItem/hooks.d.ts +4 -21
  133. package/lib/Form/FormItem/hooks.js +10 -13
  134. package/lib/Form/FormItem/index.js +7 -7
  135. package/lib/Form/HFormConnect.d.ts +1 -9
  136. package/lib/Form/HFormConnect.js +32 -92
  137. package/lib/Form/InitSet.d.ts +1 -4
  138. package/lib/Form/InitSet.js +8 -9
  139. package/lib/Form/Label.d.ts +4 -4
  140. package/lib/Form/Label.js +21 -41
  141. package/lib/Form/config.d.ts +22 -100
  142. package/lib/Form/config.js +21 -21
  143. package/lib/Form/hooks/index.d.ts +1 -14
  144. package/lib/Form/hooks/index.js +32 -81
  145. package/lib/Form/hooks/useHForm.js +145 -226
  146. package/lib/Form/hooks/useInitConfigData.d.ts +1 -4
  147. package/lib/Form/hooks/useInitConfigData.js +63 -144
  148. package/lib/Form/index.d.ts +1 -11
  149. package/lib/Form/index.js +83 -83
  150. package/lib/Form/modal.d.ts +54 -89
  151. package/lib/Input/ButtonInput.js +53 -75
  152. package/lib/Input/InputNumber.js +14 -23
  153. package/lib/Input/SelectInput.d.ts +4 -16
  154. package/lib/Input/SelectInput.js +66 -128
  155. package/lib/Input/defaultConfig.d.ts +3 -3
  156. package/lib/Input/defaultConfig.js +3 -3
  157. package/lib/Input/index.js +9 -9
  158. package/lib/Input/modal.d.ts +13 -15
  159. package/lib/ModalForm/hooks.d.ts +12 -0
  160. package/lib/ModalForm/hooks.js +81 -0
  161. package/lib/ModalForm/index.d.ts +4 -0
  162. package/lib/ModalForm/index.js +62 -0
  163. package/lib/ModalForm/modal.d.ts +23 -0
  164. package/lib/PageHandler/ErrorComponent.js +27 -49
  165. package/lib/PageHandler/LoadingComponent.js +15 -19
  166. package/lib/PageHandler/index.js +9 -9
  167. package/lib/PageHandler/modal.d.ts +4 -4
  168. package/lib/RadioGroup/index.d.ts +5 -12
  169. package/lib/RadioGroup/index.js +35 -48
  170. package/lib/Select/components/AllSelect.d.ts +1 -1
  171. package/lib/Select/components/AllSelect.js +20 -42
  172. package/lib/Select/components/CheckBoxOption.d.ts +3 -6
  173. package/lib/Select/components/CheckBoxOption.js +9 -14
  174. package/lib/Select/components/DropdownComponent.d.ts +4 -4
  175. package/lib/Select/components/DropdownComponent.js +19 -32
  176. package/lib/Select/components/NoFindItem.d.ts +1 -1
  177. package/lib/Select/components/NoFindItem.js +9 -13
  178. package/lib/Select/components/NotFoundContent.d.ts +2 -2
  179. package/lib/Select/components/NotFoundContent.js +29 -51
  180. package/lib/Select/defaultConfig.d.ts +1 -1
  181. package/lib/Select/defaultConfig.js +17 -21
  182. package/lib/Select/hooks/changeHooks.d.ts +2 -2
  183. package/lib/Select/hooks/changeHooks.js +72 -148
  184. package/lib/Select/hooks/norHooks.d.ts +9 -27
  185. package/lib/Select/hooks/norHooks.js +40 -52
  186. package/lib/Select/index.d.ts +1 -22
  187. package/lib/Select/index.js +67 -128
  188. package/lib/Select/modal.d.ts +15 -15
  189. package/lib/Select/utils.js +16 -61
  190. package/lib/Submit/index.d.ts +3 -9
  191. package/lib/Submit/index.js +15 -20
  192. package/lib/Switch/index.d.ts +4 -4
  193. package/lib/Switch/index.js +22 -48
  194. package/lib/TDPicker/RangePicker.d.ts +3 -8
  195. package/lib/TDPicker/RangePicker.js +69 -136
  196. package/lib/TDPicker/TimePicker.d.ts +1 -6
  197. package/lib/TDPicker/TimePicker.js +15 -21
  198. package/lib/TDPicker/hooks.d.ts +22 -42
  199. package/lib/TDPicker/hooks.js +72 -98
  200. package/lib/TDPicker/index.d.ts +1 -7
  201. package/lib/TDPicker/index.js +16 -22
  202. package/lib/TDPicker/modal.d.ts +16 -21
  203. package/lib/TextArea/index.d.ts +1 -0
  204. package/lib/Upload/Btn.d.ts +1 -5
  205. package/lib/Upload/Btn.js +21 -37
  206. package/lib/Upload/MediaTypeEle/TypeEle.d.ts +5 -10
  207. package/lib/Upload/MediaTypeEle/TypeEle.js +25 -33
  208. package/lib/Upload/MediaTypeEle/index.d.ts +1 -5
  209. package/lib/Upload/MediaTypeEle/index.js +20 -23
  210. package/lib/Upload/Preview/index.d.ts +1 -5
  211. package/lib/Upload/Preview/index.js +15 -19
  212. package/lib/Upload/UrlUpload/index.d.ts +1 -7
  213. package/lib/Upload/UrlUpload/index.js +53 -74
  214. package/lib/Upload/enums.d.ts +3 -3
  215. package/lib/Upload/enums.js +4 -4
  216. package/lib/Upload/hooks/change.d.ts +1 -8
  217. package/lib/Upload/hooks/change.js +59 -116
  218. package/lib/Upload/hooks/customRequest.d.ts +1 -5
  219. package/lib/Upload/hooks/customRequest.js +47 -64
  220. package/lib/Upload/hooks/propsMaker.d.ts +1 -5
  221. package/lib/Upload/hooks/propsMaker.js +15 -55
  222. package/lib/Upload/index.d.ts +1 -3
  223. package/lib/Upload/index.js +63 -133
  224. package/lib/Upload/modal.d.ts +15 -17
  225. package/lib/Upload/util.d.ts +2 -8
  226. package/lib/Upload/util.js +8 -16
  227. package/lib/config.js +32 -35
  228. package/lib/hooks/index.d.ts +7 -14
  229. package/lib/hooks/index.js +50 -125
  230. package/lib/index.d.ts +18 -98
  231. package/lib/index.js +10 -5
  232. package/lib/modal.d.ts +6 -6
  233. package/package.json +1 -1
  234. package/src/components/Form/InitSet.tsx +3 -5
  235. package/src/components/Form/hooks/index.ts +0 -20
  236. package/src/components/Form/hooks/useHForm.ts +8 -4
  237. package/src/components/Form/index.tsx +25 -7
  238. package/src/components/Form/modal.ts +4 -2
  239. package/src/components/Input/SelectInput.tsx +3 -2
  240. package/src/components/Input/modal.ts +2 -0
  241. package/src/components/ModalForm/hooks.ts +61 -0
  242. package/src/components/ModalForm/index.tsx +52 -0
  243. package/src/components/ModalForm/modal.ts +25 -0
  244. package/src/components/index.tsx +4 -0
  245. package/src/pages/ModalForm/index.tsx +127 -0
  246. package/src/routes.tsx +6 -1
@@ -1,15 +1,15 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
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");
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__*/ React.createElement(
29
- antd.DatePicker,
30
- _extends(
31
- {
32
- value: timeVal,
33
- onChange: change,
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
@@ -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
- extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
11
- onChange?: (time?: Moment | string | number) => void;
12
- format?: string;
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
- extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
17
- value?: [any, any] | Record<string, any>;
18
- onChange?: (val: any) => void;
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
- format?: string;
25
- valueMap?: DateRangePickerValueMapModal;
26
- ranges?: RangePickerProps["ranges"] | boolean;
27
- addFormat?: (config: Record<string, addFormatItemModal>) => void;
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
- extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
31
- onChange?: (time?: Moment | string | number) => void;
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
  }
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import type { TextAreaProps } from "antd/es/input";
2
3
  declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
3
4
  export default _default;
@@ -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
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require("react");
6
- var icons = require("@ant-design/icons");
7
- var antd = require("antd");
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
- function () {
17
- if (len === maxCount) {
18
- return "更新";
19
- }
20
- return "上传";
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
- "div",
27
- null,
28
- /*#__PURE__*/ React.createElement(icons.PlusOutlined, null),
29
- /*#__PURE__*/ React.createElement(
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__*/ React.createElement(
41
- antd.Button,
42
- {
43
- icon: /*#__PURE__*/ React.createElement(icons.UploadOutlined, null),
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
- mediaType?: MediaTypeEnum;
5
- url?: string;
6
- onReady?: VoidFunction;
7
- onError?: VoidFunction;
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
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require("react");
6
- var enums = require("../enums.js");
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__*/ React.createElement(
15
- "video",
16
- {
17
- autoPlay: true,
18
- width: "100%",
19
- controls: true,
20
- onPlay: onReady,
21
- onError: onError,
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__*/ React.createElement(
30
- "audio",
31
- {
32
- autoPlay: true,
33
- controls: true,
34
- onPlay: onReady,
35
- onError: onError,
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__*/ React.createElement("img", {
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
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
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");
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
- function () {
23
- if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
24
- return enums.MediaTypeEnum.video;
25
- }
26
- if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
27
- return enums.MediaTypeEnum.audio;
28
- }
29
- return enums.MediaTypeEnum.img;
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
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require("react");
6
- var antd = require("antd");
7
- var index = require("../MediaTypeEle/index.js");
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__*/ React.createElement(
14
- antd.Modal,
15
- {
16
- footer: null,
17
- visible: visible,
18
- title: "\u9884\u89C8",
19
- onCancel: onCancel,
20
- },
21
- /*#__PURE__*/ React.createElement(index.default, {
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
- "use strict";
1
+ 'use strict';
2
2
 
3
- Object.defineProperty(exports, "__esModule", { value: true });
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
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");
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
- ? void 0
91
- : _ref$current.change({
92
- fileList: newFileList,
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__*/ React.createElement(
99
- antd.Space,
100
- {
101
- direction: "vertical",
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
- /*#__PURE__*/ React.createElement(Input, {
108
- placeholder: placeholder,
109
- onBlur: onBlur,
110
- value: url,
111
- onPaste: onPaste,
112
- onChange: function onChange(e) {
113
- setUrl(e.target.value);
114
- },
115
- }),
116
- /*#__PURE__*/ React.createElement(
117
- index.default,
118
- _extends({}, props, {
119
- ref: ref,
120
- value: value,
121
- onChange: onChange,
122
- })
123
- ),
124
- load &&
125
- /*#__PURE__*/ React.createElement(
126
- "div",
127
- {
128
- style: {
129
- display: "none",
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
@@ -1,5 +1,5 @@
1
1
  export declare enum MediaTypeEnum {
2
- video = 0,
3
- audio = 1,
4
- img = 2,
2
+ video = 0,
3
+ audio = 1,
4
+ img = 2
5
5
  }
@@ -1,9 +1,9 @@
1
- "use strict";
1
+ 'use strict';
2
2
 
3
3
  exports.MediaTypeEnum = void 0;
4
4
  (function (MediaTypeEnum) {
5
- MediaTypeEnum[(MediaTypeEnum["video"] = 0)] = "video";
6
- MediaTypeEnum[(MediaTypeEnum["audio"] = 1)] = "audio";
7
- MediaTypeEnum[(MediaTypeEnum["img"] = 2)] = "img";
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;