@hw-component/form 1.10.72 → 1.10.73

package/es/Upload/index.js

@@ -7,11 +7,11 @@ import React, { useState, useImperativeHandle, useMemo } from 'react';
 import { useProps } from './hooks/propsMaker.js';
 import Preview from './Preview/index.js';
 import { useChange } from './hooks/change.js';
-import { Upload } from 'antd';
+import { Space, Upload } from 'antd';
 import Btn from './Btn.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl", "hideAddBtn", "children"];
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl", "hideAddBtn", "children", "addonBefore"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Index = function Index(_ref, ref) {
@@ -32,6 +32,7 @@ var Index = function Index(_ref, ref) {
     thumbUrl = _ref.thumbUrl,
     hideAddBtn = _ref.hideAddBtn,
     children = _ref.children,
+    addonBefore = _ref.addonBefore,
     props = _objectWithoutProperties(_ref, _excluded);
   var matchProps = useProps({
     request: request,
@@ -118,23 +119,27 @@ var Index = function Index(_ref, ref) {
   var upListType = listType === null ? undefined : listType;
   return jsxs("div", {
     style: contentStyle,
-    children: [jsx(Upload, _objectSpread(_objectSpread({
-      listType: upListType,
-      maxCount: maxNum,
-      fileList: relVal,
-      onPreview: preview,
-      onChange: change,
-      beforeUpload: function beforeUpload() {
-        return false;
-      }
-    }, props), {}, {
-      children: hideAddBtn ? null : jsx(Btn, {
-        value: relVal,
-        maxCount: maxCount,
+    children: [jsxs(Space, {
+      size: 8,
+      align: "start",
+      children: [addonBefore, jsx(Upload, _objectSpread(_objectSpread({
         listType: upListType,
-        children: children
-      })
-    })), jsx(Preview, {
+        maxCount: maxNum,
+        fileList: relVal,
+        onPreview: preview,
+        onChange: change,
+        beforeUpload: function beforeUpload() {
+          return false;
+        }
+      }, props), {}, {
+        children: hideAddBtn ? null : jsx(Btn, {
+          value: relVal,
+          maxCount: maxCount,
+          listType: upListType,
+          children: children
+        })
+      }))]
+    }), jsx(Preview, {
       visible: visible,
       file: previewFile,
       onCancel: function onCancel() {

package/es/Upload/modal.d.ts

@@ -22,6 +22,7 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange" | "listType"
     hideAddBtn?: boolean;
     listType?: UploadListType | null;
     onPreview?: UploadProps["onPreview"] | null;
+    addonBefore?: React.ReactNode;
 }
 export interface IMediaTypeEleProps {
     file?: UploadFile;

package/lib/Upload/index.js

@@ -14,7 +14,7 @@ var antd = require('antd');
 var Btn = require('./Btn.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl", "hideAddBtn", "children"];
+var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize", "addFormat", "thumbUrl", "hideAddBtn", "children", "addonBefore"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Index = function Index(_ref, ref) {
@@ -35,6 +35,7 @@ var Index = function Index(_ref, ref) {
     thumbUrl = _ref.thumbUrl,
     hideAddBtn = _ref.hideAddBtn,
     children = _ref.children,
+    addonBefore = _ref.addonBefore,
     props = _objectWithoutProperties(_ref, _excluded);
   var matchProps = propsMaker.useProps({
     request: request,
@@ -121,23 +122,27 @@ var Index = function Index(_ref, ref) {
   var upListType = listType === null ? undefined : listType;
   return jsxRuntime.jsxs("div", {
     style: contentStyle,
-    children: [jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({
-      listType: upListType,
-      maxCount: maxNum,
-      fileList: relVal,
-      onPreview: preview,
-      onChange: change$1,
-      beforeUpload: function beforeUpload() {
-        return false;
-      }
-    }, props), {}, {
-      children: hideAddBtn ? null : jsxRuntime.jsx(Btn.default, {
-        value: relVal,
-        maxCount: maxCount,
+    children: [jsxRuntime.jsxs(antd.Space, {
+      size: 8,
+      align: "start",
+      children: [addonBefore, jsxRuntime.jsx(antd.Upload, _objectSpread(_objectSpread({
         listType: upListType,
-        children: children
-      })
-    })), jsxRuntime.jsx(index.default, {
+        maxCount: maxNum,
+        fileList: relVal,
+        onPreview: preview,
+        onChange: change$1,
+        beforeUpload: function beforeUpload() {
+          return false;
+        }
+      }, props), {}, {
+        children: hideAddBtn ? null : jsxRuntime.jsx(Btn.default, {
+          value: relVal,
+          maxCount: maxCount,
+          listType: upListType,
+          children: children
+        })
+      }))]
+    }), jsxRuntime.jsx(index.default, {
       visible: visible,
       file: previewFile,
       onCancel: function onCancel() {

package/lib/Upload/modal.d.ts

@@ -22,6 +22,7 @@ export interface IUpLoadProps extends Omit<UploadProps, "onChange" | "listType"
     hideAddBtn?: boolean;
     listType?: UploadListType | null;
     onPreview?: UploadProps["onPreview"] | null;
+    addonBefore?: React.ReactNode;
 }
 export interface IMediaTypeEleProps {
     file?: UploadFile;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.10.72",
+  "version": "1.10.73",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/Upload/index.tsx

@@ -4,7 +4,7 @@ import { useProps } from "./hooks/propsMaker";
 import type { IPreviewProps } from "./Preview";
 import Preview from "./Preview";
 import { useChange } from "./hooks/change";
-import { Upload } from "antd";
+import {Space, Upload} from "antd";
 import Btn from "./Btn";
 import HFormConnect from "../Form/HFormConnect";
 
@@ -23,6 +23,7 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
     thumbUrl,
     hideAddBtn,
     children,
+      addonBefore,
     ...props
   },
   ref
@@ -104,23 +105,26 @@ const Index: React.ForwardRefRenderFunction<IUploadRefModal, IUpLoadProps> = (
   const upListType = listType === null ? undefined : listType;
   return (
     <div style={contentStyle}>
-      <Upload
-        listType={upListType}
-        maxCount={maxNum}
-        fileList={relVal}
-        onPreview={preview}
-        onChange={change}
-        beforeUpload={() => {
-          return false;
-        }}
-        {...props}
-      >
-        {hideAddBtn ? null : (
-          <Btn value={relVal} maxCount={maxCount} listType={upListType}>
-            {children}
-          </Btn>
-        )}
-      </Upload>
+      <Space size={8} align={"start"}>
+          {addonBefore}
+          <Upload
+              listType={upListType}
+              maxCount={maxNum}
+              fileList={relVal}
+              onPreview={preview}
+              onChange={change}
+              beforeUpload={() => {
+                  return false;
+              }}
+              {...props}
+          >
+              {hideAddBtn ? null : (
+                  <Btn value={relVal} maxCount={maxCount} listType={upListType}>
+                      {children}
+                  </Btn>
+              )}
+          </Upload>
+      </Space>
       <Preview
         visible={visible}
         file={previewFile}

package/src/components/Upload/modal.ts

@@ -23,6 +23,7 @@ export interface IUpLoadProps
   hideAddBtn?: boolean;
   listType?: UploadListType | null;
   onPreview?: UploadProps["onPreview"] | null;
+  addonBefore?:React.ReactNode;
 }
 export interface IMediaTypeEleProps {
   file?: UploadFile;

package/src/pages/Upload/index.tsx

@@ -11,6 +11,7 @@ export default () => {
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HUpload
         value={files}
+        addonBefore={<div>32132123</div>}
         exFiles={["MP4"]}
         thumbUrl={
           "https://inews.gtimg.com/om_bt/OGlQWfsaAoKkuCcMZ2o9IVEPqd-72DQy5EAN02XBHUwfYAA/641"
@@ -40,6 +41,7 @@ export default () => {
       </HUpload>
       <HUrlUpload
         inputHelper="测试"
+        addonBefore={<div>32132123</div>}
         mediaType={MediaTypeEnum.img}
         value={["https://img1.baidu.com/it/u=2172818577,3783888802&fm=253&app=138&f=JPEG?w=800&h=1422"]}
         onChange={setFiles}