aldehyde 0.2.98 → 0.2.100

package/src/aldehyde/controls/upload/index.tsx

@@ -1,122 +1,138 @@
-import React from 'react'
-import {Button, Upload as AntdUpload, message} from 'antd'
-import {UploadOutlined} from '@ant-design/icons';
-import HcserviceV3 from "./../../tmpl/hcservice-v3"
-import {EControlProps,FileValue} from "../../tmpl/interface";
+import React from "react";
+import { Button, Upload as AntdUpload, message } from "antd";
+import { UploadOutlined } from "@ant-design/icons";
+import HcserviceV3 from "./../../tmpl/hcservice-v3";
+import { EControlProps, FileValue } from "../../tmpl/interface";
 import Super from "../../tmpl/superagent";
-import {UploadFile} from "antd/es/upload/interface";
-import Units from '../../units'
-interface UploadProps extends EControlProps{
-
-}
-
-interface UploadState {
-
-}
+import { UploadFile } from "antd/es/upload/interface";
+import Units from "../../units";
+import { LocaleContext } from "../../locale/LocaleProvider";
+interface UploadProps extends EControlProps {}
 
+interface UploadState {}
 
-export default class Upload extends React.PureComponent<UploadProps, UploadState>{
+export default class Upload extends React.PureComponent<
+  UploadProps,
+  UploadState
+> {
+  state = {};
+  static contextType = LocaleContext;
+  context: React.ContextType<typeof LocaleContext>;
 
-    state={
+  // handleRemove=(info)=>{
+  //     Modal.confirm({
+  //         title: "删除提示",
+  //         content: "您确定删除此图片吗？",
+  //         okText: "确认",
+  //         cancelText: "取消",
+  //         onOk: () => {
+  //             let fileList = []
+  //             this.props.onChange(JSON.stringify({valid:'delete'}));
+  //         },
+  //         onCancel: () => {
+  //             return false;
+  //         }
+  //     });
+  //
+  //     return false;
+  // }
+  handleRemove = (info) => {
+    this.props.onChange(JSON.stringify({ valid: "delete" }));
+  };
+  handleChange = async (info) => {
+    console.log("file change:", info);
 
+    if (info.file.status == "done") {
+      let newFile: FileValue = {
+        valid: "new",
+        fileKey: info.file.response.fileKey,
+        fileName: info.file.originFileObj.name,
+      };
+      const { onChange } = this.props;
+      onChange(JSON.stringify(newFile));
     }
+  };
+  // triggerChange = (changedValue) => {
+  //     onChange(changedValue);
+  //     if (onChange) {
+  //       onChange(changedValue);
+  //     }
+  //   }
 
-    // handleRemove=(info)=>{
-    //     Modal.confirm({
-    //         title: "删除提示",
-    //         content: "您确定删除此图片吗？",
-    //         okText: "确认",
-    //         cancelText: "取消",
-    //         onOk: () => {
-    //             let fileList = []
-    //             this.props.onChange(JSON.stringify({valid:'delete'}));
-    //         },
-    //         onCancel: () => {
-    //             return false;
-    //         }
-    //     });
-    //
-    //     return false;
-    // }
-    handleRemove=(info)=>{
-        this.props.onChange(JSON.stringify({valid:'delete'}));
-    }
-      handleChange= async (info)=>{
-        console.log('file change:',info);
+  beforeUpload = (file) => {
+    const { translate } = this.context;
 
-        if (info.file.status=='done'){
-            let newFile:FileValue={
-                valid:'new',
-                fileKey:info.file.response.fileKey,
-                fileName:info.file.originFileObj.name,
-            }
-            const {onChange} = this.props
-            onChange(JSON.stringify(newFile));
-        }
+    const isLt5M = file.size / 1024 / 1024 < 40;
+    if (!isLt5M) {
+      message.error(translate("${超过40M限制 不允许上传~}"));
+      return false;
+    } else {
+      return true;
     }
-    // triggerChange = (changedValue) => {
-    //     onChange(changedValue);
-    //     if (onChange) {
-    //       onChange(changedValue);
-    //     }
-    //   }
-
-    beforeUpload=(file)=>{
+  };
 
-        const isLt5M = file.size / 1024 / 1024 < 40;
-        if (!isLt5M) {
-            message.error('超过40M限制 不允许上传~')
-            return false
-        }else{
-            return true
-        }
+  render() {
+    const { id, itemType, disabled, value, serverKey } = this.props;
+    const { translate } = this.context;
 
+    let fileList: UploadFile[] = [];
+    if (value) {
+      let value_1: FileValue = value;
+      if (typeof value_1 == "string") {
+        value_1 = JSON.parse(value);
+      }
+      if (value_1.valid === true) {
+        fileList.push({
+          uid: "-1",
+          name: value_1.base.fileName,
+          status: "done",
+          url:
+            Units.joinPath(
+              Units.joinPath(Units.api(), "/v3/files"),
+              value_1.base.path
+            ) +
+            `?@token=${Units.hydrocarbonToken()}&@programToken=${Units.programCode()}&disposition=attachment`,
+        });
+      } else if (value_1.valid == "new") {
+        fileList.push({
+          uid: "-2",
+          name: value_1.fileName,
+        });
+      }
     }
 
-    render(){
-        const {id,itemType,disabled,value,serverKey}=this.props
-        let fileList:UploadFile[]=[];
-        if(value){
-            let value_1:FileValue=value;
-            if(typeof value_1=='string'){
-                value_1=JSON.parse(value);
-            }
-            if(value_1.valid===true){
-                fileList.push( {
-                    uid: '-1',
-                    name: value_1.base.fileName,
-                    status: 'done',
-                    url:  Units.joinPath(Units.joinPath(Units.api(),'/v3/files'),value_1.base.path) +`?@token=${Units.hydrocarbonToken()}&@programToken=${Units.programCode()}&disposition=attachment`,
-                })
-            }else if(value_1.valid=='new'){
-                fileList.push({
-                    uid: '-2',
-                    name: value_1.fileName,
-                });
-            }
-        }
-
-        return (
-            <div>                                           
-                <AntdUpload id={id}
-                    maxCount={1}
-                    accept={itemType==='picture'?".png, .jpg, .jpeg":itemType==='video'?".mp4":undefined}
-                    listType={itemType =='picture'?'picture':'text'}
-                    fileList={fileList.length==0?undefined:fileList}
-                    disabled={disabled}
-                    name={'file'}
-                    headers={Super.getHeaderObj()}
-                    action={(file)=>HcserviceV3.postFileAction(serverKey,file)}
-                    beforeUpload={this.beforeUpload}
-                    onChange={this.handleChange}
-                    onRemove={this.handleRemove}
-                >
-                {fileList && fileList.length>=1?"":
-                    <Button  disabled={disabled}>
-                        <UploadOutlined /> {disabled?"无需上传":'点击上传'}
-                    </Button>}                                                                                                                                                   
-                </AntdUpload>
-            </div>
-        )
-    }
-}
+    return (
+      <div>
+        <AntdUpload
+          id={id}
+          maxCount={1}
+          accept={
+            itemType === "picture"
+              ? ".png, .jpg, .jpeg"
+              : itemType === "video"
+              ? ".mp4"
+              : undefined
+          }
+          listType={itemType == "picture" ? "picture" : "text"}
+          fileList={fileList.length == 0 ? undefined : fileList}
+          disabled={disabled}
+          name={"file"}
+          headers={Super.getHeaderObj()}
+          action={(file) => HcserviceV3.postFileAction(serverKey, file)}
+          beforeUpload={this.beforeUpload}
+          onChange={this.handleChange}
+          onRemove={this.handleRemove}
+        >
+          {fileList && fileList.length >= 1 ? (
+            ""
+          ) : (
+            <Button disabled={disabled}>
+              <UploadOutlined />{" "}
+              {disabled ? translate("${无需上传}") : translate("${点击上传}")}
+            </Button>
+          )}
+        </AntdUpload>
+      </div>
+    );
+  }
+}