@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,12 +1,12 @@
1
1
  // welcome to hoo hoo hoo
2
- import React from "react";
3
- import _extends from "@babel/runtime-corejs3/helpers/extends";
4
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
5
- import { DatePicker } from "antd";
6
- import { useTimeVal, useTimeChange } from "./hooks.js";
2
+ import React from 'react';
3
+ import _extends from '@babel/runtime-corejs3/helpers/extends';
4
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
5
+ import { DatePicker } from 'antd';
6
+ import { useTimeVal, useTimeChange } from './hooks.js';
7
7
 
8
8
  var _excluded = ["value", "onChange", "showTime", "format"];
9
- var HDatePicker = function (_ref) {
9
+ var HDatePicker = (function (_ref) {
10
10
  var value = _ref.value,
11
11
  onChange = _ref.onChange,
12
12
  _ref$showTime = _ref.showTime,
@@ -16,24 +16,18 @@ var HDatePicker = function (_ref) {
16
16
  props = _objectWithoutProperties(_ref, _excluded);
17
17
  var timeVal = useTimeVal({
18
18
  value: value,
19
- format: format,
19
+ format: format
20
20
  });
21
21
  var change = useTimeChange({
22
22
  format: format,
23
- onChange: onChange,
23
+ onChange: onChange
24
24
  });
25
- return /*#__PURE__*/ React.createElement(
26
- DatePicker,
27
- _extends(
28
- {
29
- value: timeVal,
30
- onChange: change,
31
- showTime: showTime,
32
- },
33
- props
34
- )
35
- );
36
- };
25
+ return /*#__PURE__*/React.createElement(DatePicker, _extends({
26
+ value: timeVal,
27
+ onChange: change,
28
+ showTime: showTime
29
+ }, props));
30
+ });
37
31
 
38
32
  export { HDatePicker as default };
39
33
  // powered by hdj
@@ -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/es/Upload/Btn.js CHANGED
@@ -1,47 +1,31 @@
1
1
  // welcome to hoo hoo hoo
2
- import React, { useMemo } from "react";
3
- import { PlusOutlined, UploadOutlined } from "@ant-design/icons";
4
- import { Button } from "antd";
2
+ import React, { useMemo } from 'react';
3
+ import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
4
+ import { Button } from 'antd';
5
5
 
6
- var Btn = function (_ref) {
6
+ var Btn = (function (_ref) {
7
7
  var value = _ref.value,
8
8
  _ref$maxCount = _ref.maxCount,
9
9
  maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
10
10
  listType = _ref.listType;
11
11
  var len = (value === null || value === void 0 ? void 0 : value.length) || 0;
12
- var text = useMemo(
13
- function () {
14
- if (len === maxCount) {
15
- return "更新";
16
- }
17
- return "上传";
18
- },
19
- [len, maxCount]
20
- );
12
+ var text = useMemo(function () {
13
+ if (len === maxCount) {
14
+ return "更新";
15
+ }
16
+ return "上传";
17
+ }, [len, maxCount]);
21
18
  if (listType === "picture-card") {
22
- return /*#__PURE__*/ React.createElement(
23
- "div",
24
- null,
25
- /*#__PURE__*/ React.createElement(PlusOutlined, null),
26
- /*#__PURE__*/ React.createElement(
27
- "div",
28
- {
29
- style: {
30
- marginTop: 8,
31
- },
32
- },
33
- text
34
- )
35
- );
19
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
20
+ style: {
21
+ marginTop: 8
22
+ }
23
+ }, text));
36
24
  }
37
- return /*#__PURE__*/ React.createElement(
38
- Button,
39
- {
40
- icon: /*#__PURE__*/ React.createElement(UploadOutlined, null),
41
- },
42
- text
43
- );
44
- };
25
+ return /*#__PURE__*/React.createElement(Button, {
26
+ icon: /*#__PURE__*/React.createElement(UploadOutlined, null)
27
+ }, text);
28
+ });
45
29
 
46
30
  export { Btn as default };
47
31
  // powered by hdj
@@ -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,48 +1,40 @@
1
1
  // welcome to hoo hoo hoo
2
- import React from "react";
3
- import { MediaTypeEnum } from "../enums.js";
2
+ import React from 'react';
3
+ import { MediaTypeEnum } from '../enums.js';
4
4
 
5
- var TypeEle = function (_ref) {
5
+ var TypeEle = (function (_ref) {
6
6
  var mediaType = _ref.mediaType,
7
7
  url = _ref.url,
8
8
  onReady = _ref.onReady,
9
9
  onError = _ref.onError;
10
10
  if (mediaType === MediaTypeEnum.video) {
11
- return /*#__PURE__*/ React.createElement(
12
- "video",
13
- {
14
- autoPlay: true,
15
- width: "100%",
16
- controls: true,
17
- onPlay: onReady,
18
- onError: onError,
19
- },
20
- /*#__PURE__*/ React.createElement("source", {
21
- src: url,
22
- })
23
- );
11
+ return /*#__PURE__*/React.createElement("video", {
12
+ autoPlay: true,
13
+ width: "100%",
14
+ controls: true,
15
+ onPlay: onReady,
16
+ onError: onError
17
+ }, /*#__PURE__*/React.createElement("source", {
18
+ src: url
19
+ }));
24
20
  }
25
21
  if (mediaType === MediaTypeEnum.audio) {
26
- return /*#__PURE__*/ React.createElement(
27
- "audio",
28
- {
29
- autoPlay: true,
30
- controls: true,
31
- onPlay: onReady,
32
- onError: onError,
33
- },
34
- /*#__PURE__*/ React.createElement("source", {
35
- src: url,
36
- })
37
- );
22
+ return /*#__PURE__*/React.createElement("audio", {
23
+ autoPlay: true,
24
+ controls: true,
25
+ onPlay: onReady,
26
+ onError: onError
27
+ }, /*#__PURE__*/React.createElement("source", {
28
+ src: url
29
+ }));
38
30
  }
39
- return /*#__PURE__*/ React.createElement("img", {
31
+ return /*#__PURE__*/React.createElement("img", {
40
32
  src: url,
41
33
  width: "100%",
42
34
  onLoad: onReady,
43
- onError: onError,
35
+ onError: onError
44
36
  });
45
- };
37
+ });
46
38
 
47
39
  export { TypeEle as default };
48
40
  // powered by hdj
@@ -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,13 +1,13 @@
1
1
  // welcome to hoo hoo hoo
2
- import React, { useMemo } from "react";
3
- import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js/instance/index-of";
4
- import { getFileExt } from "../util.js";
5
- import TypeEle from "./TypeEle.js";
6
- import { MediaTypeEnum } from "../enums.js";
2
+ import React, { useMemo } from 'react';
3
+ import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
4
+ import { getFileExt } from '../util.js';
5
+ import TypeEle from './TypeEle.js';
6
+ import { MediaTypeEnum } from '../enums.js';
7
7
 
8
8
  var videoType = ["MP4"];
9
9
  var audioType = ["MP3"];
10
- var MediaTypeEle = function (_ref) {
10
+ var MediaTypeEle = (function (_ref) {
11
11
  var file = _ref.file,
12
12
  onReady = _ref.onReady,
13
13
  onError = _ref.onError;
@@ -15,25 +15,22 @@ var MediaTypeEle = function (_ref) {
15
15
  return null;
16
16
  }
17
17
  var name = getFileExt(file);
18
- var mediaType = useMemo(
19
- function () {
20
- if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
21
- return MediaTypeEnum.video;
22
- }
23
- if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
24
- return MediaTypeEnum.audio;
25
- }
26
- return MediaTypeEnum.img;
27
- },
28
- [name]
29
- );
30
- return /*#__PURE__*/ React.createElement(TypeEle, {
18
+ var mediaType = useMemo(function () {
19
+ if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
20
+ return MediaTypeEnum.video;
21
+ }
22
+ if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
23
+ return MediaTypeEnum.audio;
24
+ }
25
+ return MediaTypeEnum.img;
26
+ }, [name]);
27
+ return /*#__PURE__*/React.createElement(TypeEle, {
31
28
  onError: onError,
32
29
  onReady: onReady,
33
30
  mediaType: mediaType,
34
- url: file.response.url,
31
+ url: file.response.url
35
32
  });
36
- };
33
+ });
37
34
 
38
35
  export { MediaTypeEle as default };
39
36
  // powered by hdj
@@ -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,25 +1,21 @@
1
1
  // welcome to hoo hoo hoo
2
- import React from "react";
3
- import { Modal } from "antd";
4
- import MediaTypeEle from "../MediaTypeEle/index.js";
2
+ import React from 'react';
3
+ import { Modal } from 'antd';
4
+ import MediaTypeEle from '../MediaTypeEle/index.js';
5
5
 
6
- var Preview = function (_ref) {
6
+ var Preview = (function (_ref) {
7
7
  var visible = _ref.visible,
8
8
  file = _ref.file,
9
9
  onCancel = _ref.onCancel;
10
- return /*#__PURE__*/ React.createElement(
11
- Modal,
12
- {
13
- footer: null,
14
- visible: visible,
15
- title: "\u9884\u89C8",
16
- onCancel: onCancel,
17
- },
18
- /*#__PURE__*/ React.createElement(MediaTypeEle, {
19
- file: file,
20
- })
21
- );
22
- };
10
+ return /*#__PURE__*/React.createElement(Modal, {
11
+ footer: null,
12
+ visible: visible,
13
+ title: "\u9884\u89C8",
14
+ onCancel: onCancel
15
+ }, /*#__PURE__*/React.createElement(MediaTypeEle, {
16
+ file: file
17
+ }));
18
+ });
23
19
 
24
20
  export { Preview as default };
25
21
  // powered by hdj
@@ -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,22 +1,21 @@
1
1
  // welcome to hoo hoo hoo
2
- import React, { useState, useRef } from "react";
3
- import _extends from "@babel/runtime-corejs3/helpers/extends";
4
- import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
5
- import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
6
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
7
- import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
8
- import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
9
- import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
10
- import { Space, message } from "antd";
11
- import Input from "antd/es/input/Input";
12
- import HUpload from "../index.js";
13
- import TypeEle from "../MediaTypeEle/TypeEle.js";
2
+ import React, { useState, useRef } from 'react';
3
+ import _extends from '@babel/runtime-corejs3/helpers/extends';
4
+ import _toConsumableArray from '@babel/runtime-corejs3/helpers/toConsumableArray';
5
+ import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
6
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
7
+ import _trimInstanceProperty from '@babel/runtime-corejs3/core-js/instance/trim';
8
+ import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
9
+ import _Array$from from '@babel/runtime-corejs3/core-js/array/from';
10
+ import { Space, message } from 'antd';
11
+ import Input from 'antd/es/input/Input';
12
+ import HUpload from '../index.js';
13
+ import TypeEle from '../MediaTypeEle/TypeEle.js';
14
14
 
15
15
  var _excluded = ["placeholder", "value", "onChange", "mediaType"];
16
- var HUrlUpload = function (_ref) {
16
+ var HUrlUpload = (function (_ref) {
17
17
  var _ref$placeholder = _ref.placeholder,
18
- placeholder =
19
- _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
18
+ placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
20
19
  _ref$value = _ref.value,
21
20
  value = _ref$value === void 0 ? [] : _ref$value,
22
21
  onChange = _ref.onChange,
@@ -40,8 +39,8 @@ var HUrlUpload = function (_ref) {
40
39
  fileName: url,
41
40
  thumbUrl: url,
42
41
  response: {
43
- url: url,
44
- },
42
+ url: url
43
+ }
45
44
  });
46
45
  onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
47
46
  setUrl("");
@@ -54,9 +53,7 @@ var HUrlUpload = function (_ref) {
54
53
  };
55
54
  var onBlur = function onBlur(e) {
56
55
  var _context;
57
- if (
58
- _trimInstanceProperty((_context = e.target.value)).call(_context) === ""
59
- ) {
56
+ if (_trimInstanceProperty(_context = e.target.value).call(_context) === "") {
60
57
  return;
61
58
  }
62
59
  setLoad(true);
@@ -68,9 +65,7 @@ var HUrlUpload = function (_ref) {
68
65
  return;
69
66
  }
70
67
  e.preventDefault();
71
- var newFileList = _mapInstanceProperty(
72
- (_context2 = _Array$from(files))
73
- ).call(_context2, function (item) {
68
+ var newFileList = _mapInstanceProperty(_context2 = _Array$from(files)).call(_context2, function (item) {
74
69
  var name = item.name,
75
70
  size = item.size,
76
71
  type = item.type;
@@ -80,61 +75,45 @@ var HUrlUpload = function (_ref) {
80
75
  status: "uploading",
81
76
  uid: new Date().valueOf().toString(),
82
77
  originFileObj: item,
83
- type: type,
78
+ type: type
84
79
  };
85
80
  });
86
- (_ref$current = ref.current) === null || _ref$current === void 0
87
- ? void 0
88
- : _ref$current.change({
89
- fileList: newFileList,
90
- file: newFileList[0],
91
- });
81
+ (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.change({
82
+ fileList: newFileList,
83
+ file: newFileList[0]
84
+ });
92
85
  setUrl("");
93
86
  setLoad(false);
94
87
  };
95
- return /*#__PURE__*/ React.createElement(
96
- Space,
97
- {
98
- direction: "vertical",
99
- style: {
100
- width: "100%",
101
- },
102
- size: "middle",
88
+ return /*#__PURE__*/React.createElement(Space, {
89
+ direction: "vertical",
90
+ style: {
91
+ width: "100%"
103
92
  },
104
- /*#__PURE__*/ React.createElement(Input, {
105
- placeholder: placeholder,
106
- onBlur: onBlur,
107
- value: url,
108
- onPaste: onPaste,
109
- onChange: function onChange(e) {
110
- setUrl(e.target.value);
111
- },
112
- }),
113
- /*#__PURE__*/ React.createElement(
114
- HUpload,
115
- _extends({}, props, {
116
- ref: ref,
117
- value: value,
118
- onChange: onChange,
119
- })
120
- ),
121
- load &&
122
- /*#__PURE__*/ React.createElement(
123
- "div",
124
- {
125
- style: {
126
- display: "none",
127
- },
128
- },
129
- /*#__PURE__*/ React.createElement(TypeEle, {
130
- url: url,
131
- mediaType: mediaType,
132
- onReady: onReady,
133
- onError: onError,
134
- })
135
- )
136
- );
137
- };
93
+ size: "middle"
94
+ }, /*#__PURE__*/React.createElement(Input, {
95
+ placeholder: placeholder,
96
+ onBlur: onBlur,
97
+ value: url,
98
+ onPaste: onPaste,
99
+ onChange: function onChange(e) {
100
+ setUrl(e.target.value);
101
+ }
102
+ }), /*#__PURE__*/React.createElement(HUpload, _extends({}, props, {
103
+ ref: ref,
104
+ value: value,
105
+ onChange: onChange
106
+ })), load && /*#__PURE__*/React.createElement("div", {
107
+ style: {
108
+ display: "none"
109
+ }
110
+ }, /*#__PURE__*/React.createElement(TypeEle, {
111
+ url: url,
112
+ mediaType: mediaType,
113
+ onReady: onReady,
114
+ onError: onError
115
+ })));
116
+ });
138
117
 
139
118
  export { HUrlUpload as default };
140
119
  // powered by hdj
@@ -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
1
  // welcome to hoo hoo hoo
2
2
  var MediaTypeEnum;
3
3
  (function (MediaTypeEnum) {
4
- MediaTypeEnum[(MediaTypeEnum["video"] = 0)] = "video";
5
- MediaTypeEnum[(MediaTypeEnum["audio"] = 1)] = "audio";
6
- MediaTypeEnum[(MediaTypeEnum["img"] = 2)] = "img";
4
+ MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
5
+ MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
6
+ MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
7
7
  })(MediaTypeEnum || (MediaTypeEnum = {}));
8
8
 
9
9
  export { MediaTypeEnum };
@@ -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;