@hw-component/form 1.0.9 → 1.1.2

package/es/Upload/MediaTypeEle/TypeEle.js

@@ -1,12 +1,20 @@
 // welcome to hoo hoo hoo
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { MediaTypeEnum } from '../enums.js';
+import { useEffect } from 'react';
 
-var TypeEle = (function (_ref) {
-  var mediaType = _ref.mediaType,
-    url = _ref.url,
-    onReady = _ref.onReady,
-    onError = _ref.onError;
+var File = function File(_ref) {
+  var onReady = _ref.onReady;
+  useEffect(function () {
+    onReady === null || onReady === void 0 || onReady();
+  }, []);
+  return jsx(Fragment, {});
+};
+var TypeEle = (function (_ref2) {
+  var mediaType = _ref2.mediaType,
+    url = _ref2.url,
+    onReady = _ref2.onReady,
+    onError = _ref2.onError;
   if (mediaType === MediaTypeEnum.video) {
     return jsx("video", {
       autoPlay: true,
@@ -30,6 +38,11 @@ var TypeEle = (function (_ref) {
       })
     });
   }
+  if (mediaType === MediaTypeEnum.file) {
+    return jsx(File, {
+      onReady: onReady
+    });
+  }
   return jsx("img", {
     src: url,
     width: "100%",

package/es/Upload/enums.d.ts

@@ -1,5 +1,6 @@
 export declare enum MediaTypeEnum {
     video = 0,
     audio = 1,
-    img = 2
+    img = 2,
+    file = 3
 }

package/es/Upload/enums.js

@@ -4,6 +4,7 @@ var MediaTypeEnum;
   MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
   MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
   MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
+  MediaTypeEnum[MediaTypeEnum["file"] = 3] = "file";
 })(MediaTypeEnum || (MediaTypeEnum = {}));
 
 export { MediaTypeEnum };

package/es/Upload/index.js

@@ -113,6 +113,7 @@ var Index = function Index(_ref, ref) {
       }
     }
   });
+  console.log(onPreview, "onPreview");
   return jsxs("div", {
     style: contentStyle,
     children: [jsx(Upload, _objectSpread(_objectSpread({

package/lib/Upload/MediaTypeEle/TypeEle.js

@@ -4,12 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var enums = require('../enums.js');
+var React = require('react');
 
-var TypeEle = (function (_ref) {
-  var mediaType = _ref.mediaType,
-    url = _ref.url,
-    onReady = _ref.onReady,
-    onError = _ref.onError;
+var File = function File(_ref) {
+  var onReady = _ref.onReady;
+  React.useEffect(function () {
+    onReady === null || onReady === void 0 || onReady();
+  }, []);
+  return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+};
+var TypeEle = (function (_ref2) {
+  var mediaType = _ref2.mediaType,
+    url = _ref2.url,
+    onReady = _ref2.onReady,
+    onError = _ref2.onError;
   if (mediaType === enums.MediaTypeEnum.video) {
     return jsxRuntime.jsx("video", {
       autoPlay: true,
@@ -33,6 +41,11 @@ var TypeEle = (function (_ref) {
       })
     });
   }
+  if (mediaType === enums.MediaTypeEnum.file) {
+    return jsxRuntime.jsx(File, {
+      onReady: onReady
+    });
+  }
   return jsxRuntime.jsx("img", {
     src: url,
     width: "100%",

package/lib/Upload/enums.d.ts

@@ -1,5 +1,6 @@
 export declare enum MediaTypeEnum {
     video = 0,
     audio = 1,
-    img = 2
+    img = 2,
+    file = 3
 }

package/lib/Upload/enums.js

@@ -5,5 +5,6 @@ exports.MediaTypeEnum = void 0;
   MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
   MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
   MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
+  MediaTypeEnum[MediaTypeEnum["file"] = 3] = "file";
 })(exports.MediaTypeEnum || (exports.MediaTypeEnum = {}));
 // powered by h

package/lib/Upload/index.js

@@ -116,6 +116,7 @@ var Index = function Index(_ref, ref) {
       }
     }
   });
+  console.log(onPreview, "onPreview");
   return jsxRuntime.jsxs("div", {
     style: contentStyle,
     children: [jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.0.9",
+  "version": "1.1.2",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -10,6 +10,7 @@
   "author": "hdj",
   "main": "lib/index.js",
   "module": "es/index.js",
+  "types": "es/index.d.ts",
   "scripts": {
     "build": "rollup --config ./scripts/rollup.config.js",
     "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",

package/src/components/Upload/MediaTypeEle/TypeEle.tsx

@@ -1,4 +1,5 @@
-import { MediaTypeEnum } from "../enums";
+import {MediaTypeEnum} from "../enums";
+import {useEffect} from "react";
 
 interface TypeEleProps {
   mediaType?: MediaTypeEnum;
@@ -6,6 +7,12 @@ interface TypeEleProps {
   onReady?: VoidFunction;
   onError?: VoidFunction;
 }
+const File=({onReady}:TypeEleProps)=>{
+   useEffect(()=>{
+       onReady?.();
+   },[])
+   return <></>
+}
 export default ({ mediaType, url, onReady, onError }: TypeEleProps) => {
   if (mediaType === MediaTypeEnum.video) {
     return (
@@ -22,5 +29,8 @@ export default ({ mediaType, url, onReady, onError }: TypeEleProps) => {
       </audio>
     );
   }
+  if (mediaType===MediaTypeEnum.file){
+     return  <File onReady={onReady}/>
+  }
   return <img src={url} width="100%" onLoad={onReady} onError={onError} />;
 };

package/src/components/Upload/enums.ts

@@ -2,4 +2,5 @@ export enum MediaTypeEnum {
   video,
   audio,
   img,
+  file
 }

package/src/components/Upload/index.tsx

@@ -90,6 +90,7 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
       },
     },
   });
+  console.log(onPreview,"onPreview")
   return (
     <div style={contentStyle}>
       <Upload

package/src/pages/Upload/index.tsx

@@ -1,6 +1,7 @@
-import { Space } from "antd";
-import { HUrlUpload, HUpload } from "../../components";
-import React, { useState } from "react";
+import {Space} from "antd";
+import {HUpload, HUrlUpload} from "../../components";
+import React, {useState} from "react";
+import {MediaTypeEnum} from "../../components/Upload/enums";
 
 export default () => {
   const [files, setFiles] = useState([]);
@@ -8,7 +9,14 @@ export default () => {
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HUpload value={files} onChange={setFiles} multiple={true} maxCount={3} />
-      <HUrlUpload value={files1} onChange={setFiles1} />
+      <HUrlUpload value={files1}
+                  mediaType={MediaTypeEnum.file}
+                  showUploadList={{
+                      showPreviewIcon:false
+                  }}
+                  exFiles={["TXT",'EXE']}
+                  onChange={setFiles1}
+      />
     </Space>
   );
 };