linkmore-design 1.0.66 → 1.0.69

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var renderThumb = function renderThumb(file) {
+  switch (file.fileExtension) {
+    case '':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-folder-fill"
+      });
+
+    case 'jpeg':
+    case 'png':
+    case 'jpg':
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "lm_upload_item_error"
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-image"
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: "lm_upload_item_name"
+      }, file.realFileName));
+
+    case 'doc':
+    case 'docx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-word"
+      });
+
+    case 'ppt':
+    case 'pptx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-ppt"
+      });
+
+    case 'xls':
+    case 'xlsx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-excel"
+      });
+
+    case 'pdf':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-pdf"
+      });
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-text"
+      });
+  }
+}; // 图片列表项
+
+
+var PictureItem = function PictureItem(_ref) {
+  var file = _ref.file,
+      instance = _ref.instance;
+  var size = instance.size,
+      remove = instance.remove,
+      preview = instance.preview;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isError = _useState2[0],
+      setIsError = _useState2[1]; // 文件信息重组
+
+
+  var resetFile = (0, _react.useMemo)(function () {
+    var fileExtension = file.realFileName.replace(/.*\./, '').toLowerCase();
+    return Object.assign(Object.assign({}, file), {
+      fileExtension: fileExtension
+    });
+  }, [file]); // 预览小图
+
+  var thumbUrl = (0, _react.useMemo)(function () {
+    return "".concat(file.url, "?x-oss-process=image/resize,w_").concat(size);
+  }, [file.url, size]); // 根据文件名后缀判断
+
+  var isImg = (0, _react.useMemo)(function () {
+    return ['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(resetFile.fileExtension);
+  }, [resetFile]); // 重置尺寸大小
+
+  var resetSize = (0, _react.useMemo)(function () {
+    var width = size - 16;
+    var padding = size > 60 ? 8 : 4;
+    var fontSize = size > 60 ? 16 : 14;
+    return {
+      width: width,
+      padding: padding,
+      fontSize: fontSize
+    };
+  }, [size]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_upload_item', 'lm_upload_item_card', isError && 'error'),
+    style: {
+      height: size,
+      width: size
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_upload_item_thumb"
+  }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
+    width: resetSize.width,
+    height: resetSize.width,
+    src: thumbUrl,
+    onError: function onError() {
+      return setIsError(true);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_upload_item_mask"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_upload_item_action"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "action_preview",
+    onClick: function onClick() {
+      return preview(file);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-eye",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "action_delete",
+    onClick: function onClick() {
+      return remove(file);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })))));
+};
+
+var _default = PictureItem;
+exports.default = _default;

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

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

package/lib/LmUpload/UploadList/ItemText.js

@@ -0,0 +1,41 @@
+"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,
+      instance = _ref.instance;
+  var remove = instance.remove;
+  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",
+    onClick: function onClick() {
+      return remove(file);
+    }
+  }, /*#__PURE__*/React.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+var _default = TextItem;
+exports.default = _default;

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

@@ -0,0 +1,2 @@
+declare const RenderCell: (props: any) => 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,41 @@
+"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 _a;
+
+  var uid = instance.uid,
+      fileList = instance.fileList,
+      itemRender = instance.itemRender,
+      listType = instance.listType;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (_a = fileList === null || fileList === void 0 ? void 0 : fileList.sort(function (a, b) {
+    return a.seq - b.seq;
+  })) === null || _a === void 0 ? void 0 : _a.map(function (file, idx) {
+    return (0, _utils.render)(itemRender || _RenderItem.default, {
+      type: listType,
+      key: file[uid] || 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,73 @@
+"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.default.useRef(null);
+
+  var fileList = instance.fileList,
+      accept = instance.accept,
+      maxCount = instance.maxCount,
+      children = instance.children,
+      beforeUpload = instance.beforeUpload,
+      getUploadStatus = instance.getUploadStatus;
+  var isMaxCount = (0, _react.useMemo)(function () {
+    return !(fileList.length < maxCount);
+  }, []); // 点击事件触发文件上传
+
+  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 isMaxCount && /*#__PURE__*/_react.default.createElement("div", {
+    onClick: handleClick,
+    className: "lm_upload_core"
+  }, children || /*#__PURE__*/_react.default.createElement(_UploadPicture.default, {
+    instance: instance
+  }), /*#__PURE__*/_react.default.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,18 @@
+declare const useCoreOptions: ({ state, dispatch, props }: {
+    state: any;
+    dispatch: any;
+    props: any;
+}) => {
+    CoreMethods: {
+        beforeUpload: (e: any) => false | import("../../message").MessageType;
+        getUploadStatus: () => {
+            uploading: boolean;
+        };
+        remove: (file: any) => Promise<void>;
+        preview: (file: any) => void;
+    };
+    RefMethods: {
+        getState: () => any;
+    };
+};
+export default useCoreOptions;