linkmore-design 1.0.64 → 1.0.68

package/lib/LmUpload/UploadList/ItemText.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var TextItem = function TextItem(_ref) {
+  var file = _ref.file;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item lm_upload_item_text'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'text_left'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'prefix'
+  }, /*#__PURE__*/React.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-attachment"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_name'
+  }, file.fileName)), /*#__PURE__*/React.createElement("div", {
+    className: 'text_right lm_upload_item_text_action'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'action_delete'
+  }, /*#__PURE__*/React.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+var _default = TextItem;
+exports.default = _default;

package/lib/LmUpload/UploadList/RenderItem.d.ts

@@ -0,0 +1,6 @@
+export interface RenderCellProps<T = any> {
+    type?: string;
+    instance: any;
+}
+declare const RenderCell: (props: RenderCellProps) => any;
+export default RenderCell;

package/lib/LmUpload/UploadList/RenderItem.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ItemText = _interopRequireDefault(require("./ItemText"));
+
+var _ItemPicture = _interopRequireDefault(require("./ItemPicture"));
+
+var _ItemPictureCard = _interopRequireDefault(require("./ItemPictureCard"));
+
+var _utils = require("../utils");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var RenderCell = function RenderCell(props) {
+  var type = props.type,
+      resetProsp = __rest(props, ["type"]);
+
+  var types = {
+    'text': _ItemText.default,
+    'picture': _ItemPicture.default,
+    'card': _ItemPictureCard.default
+  };
+  return (0, _utils.render)(types[type] || _ItemPicture.default, resetProsp);
+};
+
+var _default = RenderCell;
+exports.default = _default;

package/lib/LmUpload/UploadList/index.d.ts

@@ -0,0 +1,4 @@
+declare const LmUploadList: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default LmUploadList;

package/lib/LmUpload/UploadList/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _utils = require("../utils");
+
+var _RenderItem = _interopRequireDefault(require("./RenderItem"));
+
+var LmUploadList = function LmUploadList(_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      itemRender = instance.itemRender,
+      listType = instance.listType;
+  var fileList = state.fileList;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (file, idx) {
+    return (0, _utils.render)(itemRender || _RenderItem.default, {
+      type: listType,
+      key: idx,
+      file: file,
+      fileList: fileList,
+      instance: instance
+    });
+  }));
+};
+
+var _default = LmUploadList;
+exports.default = _default;

package/lib/LmUpload/body/Progress.d.ts

@@ -0,0 +1,4 @@
+declare const Progress: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default Progress;

package/lib/LmUpload/body/Progress.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var Progress = function Progress(_ref) {
+  var instance = _ref.instance;
+  var state = instance.state;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_progress'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'line',
+    style: {
+      width: "".concat(state.percent || 0, "%")
+    }
+  }));
+};
+
+var _default = Progress;
+exports.default = _default;

package/lib/LmUpload/body/UploadCore.d.ts

@@ -0,0 +1,4 @@
+declare const UploadCore: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default UploadCore;

package/lib/LmUpload/body/UploadCore.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _UploadPicture = _interopRequireDefault(require("./UploadPicture"));
+
+// 上传核心
+// 渲染上传区域样式, 仅用于触发上传事件
+// type: 'card' 图片 | 'drag' 拖拽
+var UploadCore = function UploadCore(_ref) {
+  var instance = _ref.instance;
+  var inputRef = React.useRef(null);
+  var accept = instance.accept,
+      children = instance.children,
+      beforeUpload = instance.beforeUpload,
+      getUploadStatus = instance.getUploadStatus; // 点击事件触发文件上传
+
+  var handleClick = function handleClick() {
+    var _a;
+
+    var isUploading = getUploadStatus().uploading;
+    if (isUploading) return;
+    (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+  }; // 上传触发事件
+
+
+  var uploadChange = function uploadChange(e) {
+    var _a;
+
+    beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(e);
+
+    if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
+      inputRef.current.value = '';
+    }
+  };
+
+  var inputConfig = {
+    type: "file",
+    accept: accept,
+    title: '',
+    onChange: uploadChange,
+    style: {
+      display: 'none'
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: handleClick,
+    className: "lm_upload_core"
+  }, children || /*#__PURE__*/React.createElement(_UploadPicture.default, {
+    instance: instance
+  }), /*#__PURE__*/React.createElement("input", Object.assign({
+    ref: inputRef
+  }, inputConfig)));
+};
+
+var _default = UploadCore;
+exports.default = _default;

package/lib/LmUpload/body/UploadPicture.d.ts

@@ -0,0 +1,4 @@
+declare const uploadPicture: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default uploadPicture;

package/lib/LmUpload/body/UploadPicture.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _Progress = _interopRequireDefault(require("./Progress"));
+
+// 预设卡片上传样式
+var uploadPicture = function uploadPicture(_ref) {
+  var instance = _ref.instance;
+  var size = instance.size,
+      getUploadStatus = instance.getUploadStatus; // 是否上传中状态
+
+  var isUploading = React.useMemo(function () {
+    return getUploadStatus().uploading;
+  }, [getUploadStatus]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_core_picture',
+    style: {
+      height: size,
+      width: size
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_core_picture_action'
+  }, !isUploading && /*#__PURE__*/React.createElement("div", {
+    className: 'action_plus'
+  }, /*#__PURE__*/React.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'tip'
+  }, "\u4E0A\u4F20"), isUploading && /*#__PURE__*/React.createElement(_Progress.default, {
+    instance: instance
+  })));
+};
+
+var _default = uploadPicture;
+exports.default = _default;

package/lib/LmUpload/components/card.d.ts

@@ -0,0 +1,2 @@
+declare const Card: () => JSX.Element;
+export default Card;

package/lib/LmUpload/components/card.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var Card = function Card() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_card_box'
+  });
+};
+
+var _default = Card;
+exports.default = _default;

package/lib/LmUpload/fns/index.d.ts

@@ -0,0 +1,16 @@
+declare const useCoreOptions: ({ state, dispatch, props }: {
+    state: any;
+    dispatch: any;
+    props: any;
+}) => {
+    CoreMethods: {
+        beforeUpload: (e: any) => false | import("../../message").MessageType;
+        getUploadStatus: () => {
+            uploading: boolean;
+        };
+    };
+    RefMethods: {
+        getState: () => any;
+    };
+};
+export default useCoreOptions;

package/lib/LmUpload/fns/index.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = require("react");
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _aliOss = _interopRequireDefault(require("ali-oss"));
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var useCoreOptions = function useCoreOptions(_ref) {
+  var state = _ref.state,
+      dispatch = _ref.dispatch,
+      props = _ref.props;
+  var onChange = props.onChange,
+      type = props.type,
+      fileSize = props.fileSize,
+      ossConfig = props.ossConfig; // 上传完成
+
+  var uploadOnChange = (0, _react.useCallback)(function (file) {
+    var fileList = [file].concat((0, _toConsumableArray2.default)(state.fileList));
+    dispatch({
+      type: 'changeFileList',
+      fileList: fileList
+    });
+    dispatch({
+      type: 'changePercent',
+      percent: null
+    }); // 上传事件：抛出 file: 文件  filelist: 文件列表 event: 上传进度信息
+
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      file: file,
+      fileList: fileList
+    });
+  }, [state.fileList]); // 上传至ali-oss
+
+  var uploadOss = (0, _react.useCallback)(function (file) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _a, dir, shortlink, region, accessKeyId, accessKeySecret, stsToken, bucket, client, fileName, pathName, url, result, seq, params;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              dir = ossConfig.dir, shortlink = ossConfig.shortlink, region = ossConfig.region, accessKeyId = ossConfig.accessKeyId, accessKeySecret = ossConfig.accessKeySecret, stsToken = ossConfig.stsToken, bucket = ossConfig.bucket;
+              client = new _aliOss.default({
+                region: region,
+                accessKeyId: accessKeyId,
+                accessKeySecret: accessKeySecret,
+                stsToken: stsToken,
+                bucket: bucket
+              });
+              _context.prev = 2;
+              fileName = "".concat(Date.now(), "-").concat(file.name);
+              pathName = dir.slice(-1) === '/' ? "".concat(dir).concat(fileName) : "".concat(dir, "/").concat(fileName);
+              url = "".concat(shortlink).concat(pathName) || '';
+              _context.next = 8;
+              return client.multipartUpload(pathName, file, {
+                // 获取分片上传进度、断点和返回值。
+                progress: function progress(p, cpt, res) {
+                  onChange({
+                    event: {
+                      progress: p,
+                      checkPoint: cpt,
+                      result: res
+                    }
+                  });
+                  dispatch({
+                    type: 'changePercent',
+                    percent: Number((p * 100).toFixed(2))
+                  });
+                },
+                parallel: 4,
+                partSize: 1024 * 1024 // 分片大小
+
+              });
+
+            case 8:
+              result = _context.sent;
+              seq = (((_a = state.fileList) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
+              params = {
+                fileTypeCode: file.type,
+                fileTypeName: file.type,
+                fileName: fileName,
+                realFileName: file.name,
+                fileSize: file.size,
+                internalUrl: '',
+                externalUrl: 'externalUrl',
+                filePath: dir,
+                seq: seq,
+                url: url
+              };
+              uploadOnChange(params);
+              console.log('result', result);
+              _context.next = 18;
+              break;
+
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](2);
+              console.log('error:', _context.t0);
+
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 15]]);
+    }));
+  }, [ossConfig, uploadOnChange]); // 上传前的检测
+
+  var beforeUpload = (0, _react.useCallback)(function (e) {
+    var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
+
+    for (var i = 0, len = files.length; i < len; i += 1) {
+      var item = files[i];
+
+      if (!type.includes(item.name.replace(/.*\./, '').toLowerCase())) {
+        var content = type.join('、');
+        return _linkmoreDesign.message.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u4EC5\u652F\u6301".concat(content, "\u7684\u6587\u4EF6\u7C7B\u578B\uFF01"), 1.5);
+      }
+
+      if (item.size / 1024 / 1024 > fileSize) {
+        return _linkmoreDesign.message.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(fileSize, "M\uFF01"), 1.5);
+      }
+
+      uploadOss(item); // 单个文件上传
+      // fileUpload?.({ file: item, size, value, onChange: uploadOnChange, isImg: true });
+    }
+
+    return false;
+  }, [type, fileSize, uploadOss]); // 获取上传状态
+
+  var getUploadStatus = (0, _react.useCallback)(function () {
+    var uploading = typeof state.percent === 'number';
+    return {
+      uploading: uploading
+    };
+  }, [state.percent]);
+  var CoreMethods = {
+    beforeUpload: beforeUpload,
+    getUploadStatus: getUploadStatus
+  };
+  var RefMethods = {
+    getState: function getState() {
+      return state;
+    }
+  };
+  return {
+    CoreMethods: CoreMethods,
+    RefMethods: RefMethods
+  };
+};
+
+var _default = useCoreOptions;
+exports.default = _default;

package/lib/LmUpload/index.d.ts

@@ -0,0 +1,2 @@
+import LmUpload from './LmUpload';
+export default LmUpload;

package/lib/LmUpload/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmUpload = _interopRequireDefault(require("./LmUpload"));
+
+var _default = _LmUpload.default;
+exports.default = _default;