lib/components/Editor/Upload.js

@@ -68,30 +68,35 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-var client = function client(oss) {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: _constant.OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: _constant.OSS_BUCKET
-  });
-};
-
-var uploadPath = function uploadPath(path, file) {
-  return path + "/" + (0, _dayjs2.default)().format("YYYYMMDD") + "/" + _shortid2.default.generate() + "." + file.type.split("/")[1];
-};
-
-var UploadToOss = function UploadToOss(oss, path, file) {
-  var url = uploadPath(path, file);
-  return new Promise(function (resolve, reject) {
-    client(oss).multipartUpload(url, file).then(function (data) {
-      resolve(data);
-    }).catch(function (error) {
-      reject(error);
-    });
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
+
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
+
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 var App = function (_React$Component) {
   _inherits(App, _React$Component);
@@ -163,7 +168,7 @@ var App = function (_React$Component) {
       reader.onloadend = function () {
         info.onProgress({ percent: 20 });
         // DRIVER_LICENSE_PATH oss 的存储路径位置
-        UploadToOss(_this2.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
+        _this2.props.app.UploadToOss(_this2.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
           info.onProgress({ percent: 100 });
           info.onSuccess(data);
           _this2.props.onUpload({ path: data.name, uid: file.uid });

lib/components/Editor/index.js

@@ -90,31 +90,35 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 var TextArea = _input2.default.TextArea;
 
-
-var client = function client(oss) {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: _constant.OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: _constant.OSS_BUCKET
-  });
-};
-
-var uploadPath = function uploadPath(path, file) {
-  return path + "/" + (0, _dayjs2.default)().format("YYYYMMDD") + "/" + _shortid2.default.generate() + "." + file.type.split("/")[1];
-};
-
-var UploadToOss = function UploadToOss(oss, path, file) {
-  var url = uploadPath(path, file);
-  return new Promise(function (resolve, reject) {
-    client(oss).multipartUpload(url, file).then(function (data) {
-      resolve(data);
-    }).catch(function (error) {
-      reject(error);
-    });
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
+
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
+
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 var Editor = function (_React$Component) {
   _inherits(Editor, _React$Component);
@@ -313,7 +317,7 @@ var Editor = function (_React$Component) {
       reader.readAsDataURL(file);
       reader.onloadend = function () {
         // DRIVER_LICENSE_PATH oss 的存储路径位置
-        UploadToOss(_this2.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
+        _this2.props.app.UploadToOss(_this2.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
           var fileList = _this2.state.fileList.concat({
             url: _constant.OSS_LINK + data.name,
             thumbUrl: _constant.OSS_LINK + data.name,

lib/constant.js

@@ -7,8 +7,6 @@ var ERROR_DEFAULT = exports.ERROR_DEFAULT = "出错了！";
 
 var LIMIT = exports.LIMIT = 10; // 默认 limit
 
-var OSS_ENDPOINT = exports.OSS_ENDPOINT = "oss-cn-beijing.aliyuncs.com";
-var OSS_BUCKET = exports.OSS_BUCKET = "links-comment";
 var DRIVER_LICENSE_PATH = exports.DRIVER_LICENSE_PATH = "/comment";
 
 var OSS_LINK = exports.OSS_LINK = "//links-comment.oss-cn-beijing.aliyuncs.com";

lib/constant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/constant.js"],"names":["ERROR_DEFAULT","LIMIT","OSS_ENDPOINT","OSS_BUCKET","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","URL_REGEXP","REGEXP","AVATAR","IMAGE_SPLIT","IMAGE_PROCESS","IMAGE_PROCESS_SMALL","IMAGE_PROCESS_LARGE","COMMENT_TYPE","COMMENT","REPLY","LANGUAGE_LINK","process","env","NODE_ENV"],"mappings":";;;;;AAAO,IAAMA,wCAAgB,MAAtB;;AAEA,IAAMC,wBAAQ,EAAd,C,CAAkB;;AAElB,IAAMC,sCAAe,6BAArB;AACA,IAAMC,kCAAa,eAAnB;AACA,IAAMC,oDAAsB,UAA5B;;AAEA,IAAMC,8BAAW,6CAAjB;;AAEA,IAAMC,gDAAoB,CAA1B;;AAEA,IAAMC,kCAAa,oGAAnB;;AAEA,IAAMC,0BAAS,eAAf;;AAEA,IAAMC,0BAAS,EAAf;;AAEA,IAAMC,oCAAc,aAApB;;AAEA,IAAMC,wCAAgB,mCAAtB;AACA,IAAMC,oDAAsB,mCAA5B;AACA,IAAMC,oDAAsB,mCAA5B;;AAEA,IAAMC,sCAAe;AAC1BC,WAAS,SADiB;AAE1BC,SAAO;AAFmB,CAArB;;AAKP;AACO,IAAMC,wCACXC,QAAQC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI,sBADJ,GAEI,uBAHC","file":"constant.js","sourcesContent":["export const ERROR_DEFAULT = \"出错了！\";\n\nexport const LIMIT = 10; // 默认 limit\n\nexport const OSS_ENDPOINT = \"oss-cn-beijing.aliyuncs.com\";\nexport const OSS_BUCKET = \"links-comment\";\nexport const DRIVER_LICENSE_PATH = \"/comment\";\n\nexport const OSS_LINK = \"//links-comment.oss-cn-beijing.aliyuncs.com\";\n\nexport const MAX_UPLOAD_NUMBER = 4;\n\nexport const URL_REGEXP = /((http(s)?:)?\\/\\/)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\n\nexport const REGEXP = /\\[[^[\\]]+?\\]/g;\n\nexport const AVATAR = \"\";\n\nexport const IMAGE_SPLIT = \"IMAGE_SPLIT\";\n\nexport const IMAGE_PROCESS = \"?x-oss-process=image/resize,h_350\";\nexport const IMAGE_PROCESS_SMALL = \"?x-oss-process=image/resize,h_100\";\nexport const IMAGE_PROCESS_LARGE = \"?x-oss-process=image/resize,h_500\";\n\nexport const COMMENT_TYPE = {\n  COMMENT: \"comment\",\n  REPLY: \"reply\"\n};\n\n// 线上静态库地址\nexport const LANGUAGE_LINK =\n  process.env.NODE_ENV === \"production\"\n    ? \"//a.links123.cn/lang\"\n    : \"//a.links123.net/lang\";\n"]}
+{"version":3,"sources":["../src/constant.js"],"names":["ERROR_DEFAULT","LIMIT","DRIVER_LICENSE_PATH","OSS_LINK","MAX_UPLOAD_NUMBER","URL_REGEXP","REGEXP","AVATAR","IMAGE_SPLIT","IMAGE_PROCESS","IMAGE_PROCESS_SMALL","IMAGE_PROCESS_LARGE","COMMENT_TYPE","COMMENT","REPLY","LANGUAGE_LINK","process","env","NODE_ENV"],"mappings":";;;;;AAAO,IAAMA,wCAAgB,MAAtB;;AAEA,IAAMC,wBAAQ,EAAd,C,CAAkB;;AAElB,IAAMC,oDAAsB,UAA5B;;AAEA,IAAMC,8BAAW,6CAAjB;;AAEA,IAAMC,gDAAoB,CAA1B;;AAEA,IAAMC,kCAAa,oGAAnB;;AAEA,IAAMC,0BAAS,eAAf;;AAEA,IAAMC,0BAAS,EAAf;;AAEA,IAAMC,oCAAc,aAApB;;AAEA,IAAMC,wCAAgB,mCAAtB;AACA,IAAMC,oDAAsB,mCAA5B;AACA,IAAMC,oDAAsB,mCAA5B;;AAEA,IAAMC,sCAAe;AAC1BC,WAAS,SADiB;AAE1BC,SAAO;AAFmB,CAArB;;AAKP;AACO,IAAMC,wCACXC,QAAQC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,GACI,sBADJ,GAEI,uBAHC","file":"constant.js","sourcesContent":["export const ERROR_DEFAULT = \"出错了！\";\n\nexport const LIMIT = 10; // 默认 limit\n\nexport const DRIVER_LICENSE_PATH = \"/comment\";\n\nexport const OSS_LINK = \"//links-comment.oss-cn-beijing.aliyuncs.com\";\n\nexport const MAX_UPLOAD_NUMBER = 4;\n\nexport const URL_REGEXP = /((http(s)?:)?\\/\\/)?(www\\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;\n\nexport const REGEXP = /\\[[^[\\]]+?\\]/g;\n\nexport const AVATAR = \"\";\n\nexport const IMAGE_SPLIT = \"IMAGE_SPLIT\";\n\nexport const IMAGE_PROCESS = \"?x-oss-process=image/resize,h_350\";\nexport const IMAGE_PROCESS_SMALL = \"?x-oss-process=image/resize,h_100\";\nexport const IMAGE_PROCESS_LARGE = \"?x-oss-process=image/resize,h_500\";\n\nexport const COMMENT_TYPE = {\n  COMMENT: \"comment\",\n  REPLY: \"reply\"\n};\n\n// 线上静态库地址\nexport const LANGUAGE_LINK =\n  process.env.NODE_ENV === \"production\"\n    ? \"//a.links123.cn/lang\"\n    : \"//a.links123.net/lang\";\n"]}

lib/version.json

@@ -1,8 +1,8 @@
 {
     "name":       "comment",
-    "buildDate":  1588435719936,
+    "buildDate":  1594135597777,
     "version":    "1.0.4",
-    "numCommits": 215,
-    "hash":       "7d03c9b",
-    "dirty":      true
+    "numCommits": 217,
+    "hash":       "e6f4c20",
+    "dirty":      false
 }

src/components/Editor/Upload.js

@@ -3,44 +3,39 @@ import { Upload, Icon, Modal, message, Spin } from "antd";
 import dayjs from "dayjs";
 import shortid from "shortid";
 import intl from "react-intl-universal";
-import {
-  OSS_ENDPOINT,
-  OSS_BUCKET,
-  DRIVER_LICENSE_PATH,
-  ERROR_DEFAULT
-} from "../../constant";
+import { DRIVER_LICENSE_PATH, ERROR_DEFAULT } from "../../constant";
 import Comment from "../../Comment";
 import "./Upload.css";
 
-const client = oss => {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: OSS_BUCKET
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
 
-const uploadPath = (path, file) => {
-  return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
-    file.type.split("/")[1]
-  }`;
-};
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
 
-const UploadToOss = (oss, path, file) => {
-  const url = uploadPath(path, file);
-  return new Promise((resolve, reject) => {
-    client(oss)
-      .multipartUpload(url, file)
-      .then(data => {
-        resolve(data);
-      })
-      .catch(error => {
-        reject(error);
-      });
-  });
-};
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 class App extends React.Component {
   constructor(props) {
@@ -94,7 +89,8 @@ class App extends React.Component {
     reader.onloadend = () => {
       info.onProgress({ percent: 20 });
       // DRIVER_LICENSE_PATH oss 的存储路径位置
-      UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
+      this.props.app
+        .UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
         .then(data => {
           info.onProgress({ percent: 100 });
           info.onSuccess(data);

src/components/Editor/index.js

@@ -11,45 +11,40 @@ import Comment from "../../Comment";
 import { isMobile } from "./../../utils";
 import { OSS_LINK } from "../../constant";
 import { isFunction } from "../../helper";
-import {
-  OSS_ENDPOINT,
-  OSS_BUCKET,
-  DRIVER_LICENSE_PATH,
-  ERROR_DEFAULT
-} from "../../constant";
+import { DRIVER_LICENSE_PATH, ERROR_DEFAULT } from "../../constant";
 import "./index.css";
 
 const { TextArea } = Input;
 
-const client = oss => {
-  return new window.OSS.Wrapper({
-    accessKeyId: oss.access_key_id,
-    accessKeySecret: oss.access_key_secret,
-    stsToken: oss.security_token,
-    endpoint: OSS_ENDPOINT, //常量,你可以自己定义
-    bucket: OSS_BUCKET
-  });
-};
+// const client = oss => {
+//   return new window.OSS.Wrapper({
+//     accessKeyId: oss.access_key_id,
+//     accessKeySecret: oss.access_key_secret,
+//     stsToken: oss.security_token,
+//     endpoint: OSS_ENDPOINT, //常量,你可以自己定义
+//     bucket: OSS_BUCKET
+//   });
+// };
 
-const uploadPath = (path, file) => {
-  return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
-    file.type.split("/")[1]
-  }`;
-};
+// const uploadPath = (path, file) => {
+//   return `${path}/${dayjs().format("YYYYMMDD")}/${shortid.generate()}.${
+//     file.type.split("/")[1]
+//   }`;
+// };
 
-const UploadToOss = (oss, path, file) => {
-  const url = uploadPath(path, file);
-  return new Promise((resolve, reject) => {
-    client(oss)
-      .multipartUpload(url, file)
-      .then(data => {
-        resolve(data);
-      })
-      .catch(error => {
-        reject(error);
-      });
-  });
-};
+// const UploadToOss = (oss, path, file) => {
+//   const url = uploadPath(path, file);
+//   return new Promise((resolve, reject) => {
+//     client(oss)
+//       .multipartUpload(url, file)
+//       .then(data => {
+//         resolve(data);
+//       })
+//       .catch(error => {
+//         reject(error);
+//       });
+//   });
+// };
 
 class Editor extends React.Component {
   constructor(props) {
@@ -214,7 +209,8 @@ class Editor extends React.Component {
     reader.readAsDataURL(file);
     reader.onloadend = () => {
       // DRIVER_LICENSE_PATH oss 的存储路径位置
-      UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
+      this.props.app
+        .UploadToOss(this.props.app.oss, DRIVER_LICENSE_PATH, file)
         .then(data => {
           const fileList = this.state.fileList.concat({
             url: OSS_LINK + data.name,

src/constant.js

@@ -2,8 +2,6 @@ export const ERROR_DEFAULT = "出错了！";
 
 export const LIMIT = 10; // 默认 limit
 
-export const OSS_ENDPOINT = "oss-cn-beijing.aliyuncs.com";
-export const OSS_BUCKET = "links-comment";
 export const DRIVER_LICENSE_PATH = "/comment";
 
 export const OSS_LINK = "//links-comment.oss-cn-beijing.aliyuncs.com";