linkmore-design 1.0.66 → 1.0.69

package/lib/LmUpload/fns/index.js

@@ -0,0 +1,242 @@
+"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 uid = props.uid,
+      value = props.fileList,
+      onChange = props.onChange,
+      type = props.type,
+      fileSize = props.fileSize,
+      enabledOss = props.enabledOss,
+      ossConfig = props.ossConfig; // 上传完成
+
+  var uploadOnChange = (0, _react.useCallback)(function (file) {
+    var fileList = [file].concat((0, _toConsumableArray2.default)(value));
+    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
+    });
+  }, [value]); // 上传至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, _ossConfig, _ossConfig$dir, dir, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, client, fileName, pathName, url, seq, params;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _ossConfig = ossConfig(), _ossConfig$dir = _ossConfig.dir, dir = _ossConfig$dir === void 0 ? '/BizFile/4595/Supplier/' : _ossConfig$dir, shortlink = _ossConfig.shortlink, _ossConfig$region = _ossConfig.region, region = _ossConfig$region === void 0 ? 'oss-cn-hangzhou' : _ossConfig$region, accessKeyId = _ossConfig.accessKeyId, accessKeySecret = _ossConfig.accessKeySecret, stsToken = _ossConfig.stsToken, _ossConfig$bucket = _ossConfig.bucket, bucket = _ossConfig$bucket === void 0 ? 'linkmore-scm-test' : _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({
+                    file: file,
+                    fileList: value,
+                    event: {
+                      progress: p,
+                      checkPoint: cpt,
+                      result: res
+                    }
+                  });
+                  dispatch({
+                    type: 'changePercent',
+                    percent: Number((p * 100).toFixed(2))
+                  });
+                },
+                parallel: 4,
+                partSize: 1024 * 1024 // 分片大小
+
+              });
+
+            case 8:
+              seq = (((_a = state.fileList) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
+              params = {
+                uid: seq,
+                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);
+              _context.next = 16;
+              break;
+
+            case 13:
+              _context.prev = 13;
+              _context.t0 = _context["catch"](2);
+              console.log('error:', _context.t0);
+
+            case 16:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[2, 13]]);
+    }));
+  }, [ossConfig, uploadOnChange, value]); // 上传前的检测
+
+  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);
+      }
+
+      enabledOss && uploadOss(item); // 单个文件上传
+      // fileUpload?.({ file: item, size, value, onChange: uploadOnChange, isImg: true });
+    }
+
+    return false;
+  }, [type, fileSize, uploadOss]); // 删除事件
+
+  var remove = (0, _react.useCallback)(function (file) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _b, res, fileList;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return (_b = props.onRemove) === null || _b === void 0 ? void 0 : _b.call(props, file);
+
+            case 2:
+              res = _context2.sent;
+
+              if (res) {
+                fileList = value.filter(function (v) {
+                  return v[uid] !== file[uid];
+                });
+                dispatch({
+                  type: 'changeFileList',
+                  fileList: fileList
+                });
+              }
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+  }, [props.onRemove, state.fileList, uid]); // 点击文件链接或预览图标时的回调
+
+  var preview = (0, _react.useCallback)(function (file) {
+    var _a;
+
+    (_a = props.onPreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
+  }, []); // 获取上传状态
+
+  var getUploadStatus = (0, _react.useCallback)(function () {
+    var uploading = typeof state.percent === 'number';
+    return {
+      uploading: uploading
+    };
+  }, [state.percent]);
+  var CoreMethods = {
+    beforeUpload: beforeUpload,
+    getUploadStatus: getUploadStatus,
+    remove: remove,
+    preview: preview
+  };
+  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;

package/lib/LmUpload/style/index.css

@@ -0,0 +1,205 @@
+.lm_upload_wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.lm_upload_wrapper .lm_upload_core {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
+  font-size: 12px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  background-color: var(--color-2);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
+  width: 100%;
+  text-align: center;
+  padding: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
+  color: var(--color-85);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  color: var(--color-45);
+  margin-top: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_progress {
+  width: 100%;
+  height: 2px;
+  background-color: var(--color-4);
+  border-radius: 20px;
+  margin: 10px 0;
+}
+.lm_upload_wrapper .lm_upload_progress .line {
+  width: 0%;
+  height: 2px;
+  transition: 0.3;
+  background-color: var(--primary-color);
+  border-radius: 20px;
+}
+.lm_upload_wrapper .lm_upload_item {
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  height: 22px;
+  padding: 0 6px;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
+  background-color: var(--color-2);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
+  font-size: 14px;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
+  display: inline-flex;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
+  width: 100%;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
+  font-size: 34px;
+  color: var(--color-45);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
+  object-fit: contain;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
+  font-size: 12px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-top: 8px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
+  position: absolute;
+  inset: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: 0.3s;
+  z-index: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
+  display: flex;
+  align-items: center;
+  gap: var(--gap);
+  color: #fff;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
+  opacity: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
+  border-color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
+  display: none;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--gap);
+  width: 100%;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  padding: var(--gap);
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--gap);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
+  width: 48px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
+  width: 100%;
+  max-height: 80px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
+  flex: 1;
+  font-size: 14px;
+  color: var(--primary-color);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
+  display: flex;
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
+  width: 24px;
+  text-align: center;
+  color: var(--color-45);
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
+  color: var(--primary-color);
+}

package/lib/LmUpload/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/LmUpload/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function getIsHas(val: any): boolean;
+export declare function isClassComponent(component: any): any;
+export declare function isExoticComponent(component: any): boolean;
+export declare function isReactComponent(component: any): any;
+export declare const render: (Comp: any, props: any) => any;

package/lib/LmUpload/utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getIsHas = getIsHas;
+exports.isClassComponent = isClassComponent;
+exports.isExoticComponent = isExoticComponent;
+exports.isReactComponent = isReactComponent;
+exports.render = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = _interopRequireDefault(require("react"));
+
+// 检查是否存在内容
+function getIsHas(val) {
+  var _a; // 检查是否数字类型, 是否布尔类型
+
+
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    flag = Array.isArray(val) ? !!val.length : !!((_a = Object.keys(val)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+
+  return flag;
+} // 检查是否类组件
+
+
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+} // 检查是否自定义组件
+
+
+function isExoticComponent(component) {
+  return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+} // 检查是否React组件
+
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+var render = function render(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, Object.assign({}, props)) : Comp;
+};
+
+exports.render = render;

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

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

package/lib/LmUpload/view/index.js

@@ -0,0 +1,20 @@
+"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 LmUploadView = function LmUploadView(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_view'
+  }, "view");
+};
+
+var _default = LmUploadView;
+exports.default = _default;

package/lib/LmUpload/wrapper/Upload.d.ts

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

package/lib/LmUpload/wrapper/Upload.js

@@ -0,0 +1,25 @@
+"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 _UploadCore = _interopRequireDefault(require("../body/UploadCore"));
+
+// 上传组件组合
+var LmUpload = function LmUpload(_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/React.createElement(_UploadCore.default, {
+    instance: instance
+  });
+};
+
+var _default = LmUpload;
+exports.default = _default;

package/lib/LmUpload/wrapper/UploadContainer.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => any>;
+export default _default;

package/lib/LmUpload/wrapper/UploadContainer.js

@@ -0,0 +1,43 @@
+"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 _Upload = _interopRequireDefault(require("./Upload"));
+
+var _UploadList = _interopRequireDefault(require("../UploadList"));
+
+// 上传组件主体区域
+var LmUploadContainer = function LmUploadContainer(_ref) {
+  var instance = _ref.instance;
+  var wrapper = instance.components.wrapper;
+
+  if (!wrapper) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Upload.default, {
+      instance: instance
+    }), /*#__PURE__*/React.createElement(_UploadList.default, {
+      instance: instance
+    }));
+  }
+
+  return wrapper === null || wrapper === void 0 ? void 0 : wrapper({
+    upload: /*#__PURE__*/React.createElement(_Upload.default, {
+      instance: instance
+    }),
+    fileList: /*#__PURE__*/React.createElement(_UploadList.default, {
+      instance: instance
+    })
+  });
+};
+
+var _default = /*#__PURE__*/React.memo(LmUploadContainer);
+
+exports.default = _default;

package/lib/LmUpload/wrapper/UploadRoot.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;