linkmore-design 1.0.91 → 1.0.93

package/lib/UploadOss/uploadImg.js

@@ -0,0 +1,282 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/spin/style");
+
+var _spin = _interopRequireDefault(require("antd/es/spin"));
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("antd/es/image/style");
+
+var _image = _interopRequireDefault(require("antd/es/image"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../IconFont"));
+
+var Context = /*#__PURE__*/(0, _react.createContext)(); // 视图展示
+
+var ViewImgItem = function ViewImgItem(props) {
+  var _useContext = (0, _react.useContext)(Context),
+      value = _useContext.value,
+      isCheckOss = _useContext.isCheckOss,
+      size = _useContext.size,
+      length = _useContext.length,
+      onChange = _useContext.onChange,
+      previewChildren = _useContext.previewChildren;
+
+  var externalUrl = props.externalUrl,
+      filePath = props.filePath,
+      realFileName = props.realFileName; // 是否开启OSS配置不同小图预览
+
+  var thumbUrl = isCheckOss ? "".concat(externalUrl, "/").concat(filePath).concat(realFileName, "?x-oss-process=image/resize,w_").concat(size) : "".concat(externalUrl, "/").concat(filePath, "T").concat(size).concat(realFileName); // 重置尺寸大小
+
+  var resetSize = (0, _react.useMemo)(function () {
+    var gap = size > 60 ? 18 : 10;
+    var width = size - gap;
+    var padding = size > 60 ? 8 : 4;
+    var fontSize = size > 60 ? 16 : 14;
+    return {
+      width: width,
+      padding: padding,
+      fontSize: fontSize
+    };
+  }, [size]); // 受控的大图预览
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1]; // 预览
+
+
+  var handlePreview = function handlePreview() {
+    return setVisible(true);
+  }; // 删除
+
+
+  var handleDelete = function handleDelete() {
+    var nValue = length > 1 ? value.filter(function (v) {
+      return v.realFileName !== realFileName;
+    }) : null;
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_box",
+    style: {
+      padding: resetSize.padding
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_item_thum",
+    style: {
+      width: resetSize.width,
+      height: resetSize.width
+    }
+  }, /*#__PURE__*/_react.default.createElement(_image.default, {
+    width: resetSize.width,
+    height: resetSize.width,
+    src: thumbUrl,
+    preview: {
+      visible: visible,
+      src: "".concat(externalUrl, "/").concat(filePath).concat(realFileName),
+      onVisibleChange: function onVisibleChange(val) {
+        return setVisible(val);
+      }
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_item_action"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_item_action_icon",
+    style: {
+      fontSize: resetSize.fontSize
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_item_preview",
+    onClick: handlePreview
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-eye"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "view_item_delete",
+    onClick: handleDelete
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-delete"
+  }))), previewChildren && previewChildren(props)))));
+};
+
+var ViewImg = function ViewImg() {
+  var _useContext2 = (0, _react.useContext)(Context),
+      value = _useContext2.value;
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value === null || value === void 0 ? void 0 : value.map(function (v, idx) {
+    return /*#__PURE__*/_react.default.createElement(ViewImgItem, (0, _extends2.default)({
+      key: v.realFileName || idx
+    }, v));
+  }));
+};
+
+var UploadCard = function UploadCard() {
+  var _useContext3 = (0, _react.useContext)(Context),
+      _useContext3$value = _useContext3.value,
+      value = _useContext3$value === void 0 ? [] : _useContext3$value,
+      onChange = _useContext3.onChange,
+      size = _useContext3.size,
+      length = _useContext3.length,
+      _useContext3$label = _useContext3.label,
+      label = _useContext3$label === void 0 ? '上传图片' : _useContext3$label,
+      required = _useContext3.required,
+      accept = _useContext3.accept,
+      _useContext3$type = _useContext3.type,
+      type = _useContext3$type === void 0 ? ['jpg', 'jpeg', 'png'] : _useContext3$type,
+      _useContext3$fileSize = _useContext3.fileSize,
+      fileSize = _useContext3$fileSize === void 0 ? 10 : _useContext3$fileSize,
+      children = _useContext3.children,
+      fileUpload = _useContext3.fileUpload,
+      isLoading = _useContext3.isLoading,
+      _useContext3$valueTyp = _useContext3.valueType,
+      valueType = _useContext3$valueTyp === void 0 ? 'object' : _useContext3$valueTyp;
+
+  var fielRef = (0, _react.useRef)(null);
+
+  var clearInput = function clearInput() {
+    var _fielRef$current;
+
+    if ((_fielRef$current = fielRef.current) === null || _fielRef$current === void 0 ? void 0 : _fielRef$current.value) {
+      fielRef.current.value = null;
+    }
+  }; // 触发外部OnChange事件
+
+
+  var handleUpload = function handleUpload(file) {
+    var nValue = length > 1 || valueType === 'array' ? [].concat((0, _toConsumableArray2.default)(value), [file]) : file;
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+    clearInput();
+  }; // 上传前置处理
+
+
+  var beforeUpload = function beforeUpload(e) {
+    var file = e.target.files; // 循环文件检查是否存在不符合要求的文件
+
+    for (var i = 0, len = file.length; i < len; i += 1) {
+      var item = file[i];
+
+      if (!type.includes(item.name.replace(/.*\./, '').toLowerCase())) {
+        var content = type.join('、');
+        clearInput();
+        return _message2.default.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) {
+        clearInput();
+        return _message2.default.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(fileSize, "M\uFF01"), 1.5);
+      } // 单个文件上传
+
+
+      fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload({
+        file: item,
+        size: size,
+        value: value,
+        onChange: handleUpload,
+        isImg: true
+      });
+    }
+
+    return false;
+  }; // 未上传时的占位符
+
+
+  var UploadPlaceholder = function UploadPlaceholder() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-plus",
+      style: {
+        fontSize: size > 48 ? 24 : 16
+      }
+    }), label && /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        marginTop: 8
+      }
+    }, required && /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        color: '#FD4D4E'
+      }
+    }, "*"), label));
+  };
+
+  var config = {
+    type: 'file',
+    accept: accept,
+    title: '',
+    className: 'upload_input',
+    onChange: beforeUpload
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spin.default, {
+    spinning: isLoading,
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "upload_card_box",
+    style: {
+      height: size,
+      width: size
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "upload_card_action"
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    ref: fielRef
+  }, config)), /*#__PURE__*/_react.default.createElement("div", null, children || /*#__PURE__*/_react.default.createElement(UploadPlaceholder, null))))));
+};
+
+var Index = function Index(props) {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
+      _props$length = props.length,
+      length = _props$length === void 0 ? 1 : _props$length,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {
+    gap: 16
+  } : _props$style; // 默认参数
+
+  var defaultConfig = {
+    size: 104,
+    label: '上传图片',
+    type: ['jpg', 'jpeg', 'png'],
+    fileSize: 10
+  };
+
+  var Control = function Control() {
+    if (Array.isArray(value)) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ViewImg, null), value.length < length ? /*#__PURE__*/_react.default.createElement(UploadCard, null) : null);
+    } else {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value && /*#__PURE__*/_react.default.createElement(ViewImgItem, value), value ? null : /*#__PURE__*/_react.default.createElement(UploadCard, null));
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_upload_img"
+  }, /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultConfig), props)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "upload_body",
+    style: style
+  }, Control())));
+};
+
+var _default = Index;
+exports.default = _default;

package/lib/VirtualList/index.js

@@ -0,0 +1,85 @@
+"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 _reactVirtual = require("react-virtual");
+
+var VirList = function VirList(_ref) {
+  var _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
+      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 32 : _ref$size,
+      _ref$parentRef = _ref.parentRef,
+      parentRef = _ref$parentRef === void 0 ? null : _ref$parentRef,
+      className = _ref.className,
+      _ref$maxHeight = _ref.maxHeight,
+      maxHeight = _ref$maxHeight === void 0 ? 224 : _ref$maxHeight;
+  var bodyRef = (0, _react.useRef)(null);
+
+  var _useVirtual = (0, _reactVirtual.useVirtual)({
+    size: options.length,
+    parentRef: parentRef || bodyRef,
+    estimateSize: _react.default.useCallback(function () {
+      return size;
+    }, [size]),
+    overscan: 2
+  }),
+      totalSize = _useVirtual.totalSize,
+      virtualItems = _useVirtual.virtualItems;
+
+  var virScrollStyles = (0, _react.useMemo)(function () {
+    return {
+      height: "".concat(totalSize, "px"),
+      width: '100%',
+      position: 'relative'
+    };
+  }, [totalSize]);
+
+  if ((options === null || options === void 0 ? void 0 : options.length) < 50) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "virtual_list ".concat(className)
+    }, options === null || options === void 0 ? void 0 : options.map(function (item, i) {
+      return children({
+        key: i,
+        item: item
+      });
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: bodyRef,
+    className: "virtual_list ".concat(className),
+    style: {
+      overflow: 'auto',
+      minWidth: 160,
+      maxHeight: maxHeight
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: virScrollStyles
+  }, virtualItems.map(function (virtualRow) {
+    var style = {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      minWidth: '100%',
+      height: "".concat(virtualRow.size, "px"),
+      transform: "translateY(".concat(virtualRow.start, "px)")
+    };
+    return children({
+      key: virtualRow.index,
+      item: options[virtualRow.index],
+      style: style
+    });
+  }))));
+};
+
+var _default = VirList;
+exports.default = _default;

package/lib/VirtualList/style/index.js

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

package/lib/VirtualList/style/variables.js

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

package/lib/_util/placements.d.ts

@@ -1,4 +1,3 @@
-import type { BuildInPlacements } from 'rc-trigger';
 export interface AdjustOverflow {
     adjustX?: 0 | 1;
     adjustY?: 0 | 1;

package/lib/services/newRequest.js

@@ -0,0 +1,201 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _qs = _interopRequireDefault(require("qs"));
+
+var _reactCookies = _interopRequireDefault(require("react-cookies"));
+
+var _utils = require("./utils");
+
+var _cookie$load;
+
+// 附近处理函数
+// cookie.save('UFXSCM_TokenId', 'Sfbw1SY/Rb2YNEGnoYlB7jiKG6mSznuGUXY5B6GNkHoHmU0IcH/d/A==');
+// cookie.save('saas_gpid', '41mzTRAtm/XBGt2X4wrn+67+XGXNr10r6CJAsvv2iEHPwRa4hOXzCw==');
+var inError = false; // 创建axios实例
+
+var instance = _axios.default.create({
+  baseURL: process.env.BASE_API,
+  timeout: 15000,
+  // 请求超时时间
+  // `transformRequest` 允许在向服务器发送前，修改请求数据
+  transformRequest: [function (data) {
+    // 对 data 进行任意转换处理
+    return data;
+  }],
+  // `transformResponse` 在传递给 then/catch 前，允许修改响应数据
+  transformResponse: [function (data) {
+    // console.log(data);
+    // 对 data 进行任意转换处理
+    if (data && (data.type === 'application/octet-stream' || data.type === 'application/json')) {
+      return data;
+    }
+
+    return JSON.parse(data);
+  }],
+  headers: {
+    'Cache-Control': 'no-cache',
+    Authorization: (_reactCookies.default === null || _reactCookies.default === void 0 ? void 0 : _reactCookies.default.load('UFXSCM_TokenId')) ? "Basic ".concat(_reactCookies.default.load('UFXSCM_TokenId')) : '',
+    TenantId: _reactCookies.default === null || _reactCookies.default === void 0 ? void 0 : _reactCookies.default.load('saas_gpid'),
+    SystemId: (_cookie$load = _reactCookies.default === null || _reactCookies.default === void 0 ? void 0 : _reactCookies.default.load('saas_sysid')) !== null && _cookie$load !== void 0 ? _cookie$load : ''
+  }
+}); // 实例添加请求拦截器
+
+
+instance.interceptors.request.use(function (config) {
+  // 在发送请求之前做处理...
+  config.headers = Object.assign(config.method === 'get' ? (config.data = true, {
+    Accept: 'application/json',
+    'Content-Type': 'application/json; charset=UTF-8'
+  }) : config.data ? '' : config.data = true, {
+    'Content-Type': 'application/json; charset=UTF-8' // 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+
+  }, config.headers); // config.headers.token = sessionStorage.getItem(`${projectPrefix}_token_`);
+
+  if (!config.headers.Authorization) {
+    delete config.headers.Authorization;
+  }
+
+  if (!config.headers.TenantId) {
+    delete config.headers.TenantId;
+  }
+
+  if (['post', 'put'].includes(config.method)) {
+    var contentType = config.headers['Content-Type']; // 根据Content-Type转换data格式
+
+    if (contentType) {
+      if (contentType.includes('multipart')) {// 类型 'multipart/form-data;'
+        // config.data = data;
+      } else if (contentType.includes('json')) {
+        // 类型 'application/json;'
+        // 服务器收到的raw body(原始数据) "{name:"nowThen",age:"18"}"（普通字符串）
+        config.data = JSON.stringify(config.data);
+      } else {
+        // 类型 'application/x-www-form-urlencoded;'
+        // 服务器收到的raw body(原始数据) name=nowThen&age=18
+        config.data = _qs.default.stringify(config.data);
+      }
+    }
+  }
+
+  return Promise.resolve(config);
+}, function (error) {
+  return (// 对请求错误做处理...
+    Promise.reject(error)
+  );
+}); // 实例添加响应拦截器
+
+instance.interceptors.response.use(function (response) {
+  // 对响应数据做处理，以下根据实际数据结构改动！！...
+  var _ref = response.data || {},
+      code = _ref.code;
+
+  if (code === 109 || code === 108) {
+    // 请求超时，跳转登录页
+    if (!inError) {
+      _message2.default.warning('登录超时，即将跳转到登录页面...');
+
+      inError = true;
+      setTimeout(function () {
+        _message2.default.destroy();
+
+        window.location.href = '/login';
+        inError = false;
+      }, 2000);
+    }
+
+    return Promise.resolve({});
+  } else if (response) {
+    return Promise.resolve((0, _utils.checkStatus)(response));
+  }
+}, function (error) {
+  // 对响应错误做处理...
+  // console.log(error);
+  if (error.response) {
+    return Promise.reject((0, _utils.checkStatus)(error.response));
+  } else if (error.code === 'ECONNABORTED' && error.message.indexOf('timeout') !== -1) {
+    return Promise.reject({
+      msg: '请求超时'
+    });
+  } else {
+    return Promise.reject({});
+  }
+});
+
+var request = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(opt) {
+    var options, res;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            options = (0, _objectSpread2.default)({
+              method: 'get',
+              ifHandleError: true
+            }, opt); // 匹配接口前缀 开发环境则通过proxy配置转发请求； 生产环境根据实际配置
+            // options.baseURL = autoMatch(options.prefix);
+
+            _context.prev = 1;
+            _context.next = 4;
+            return instance(options);
+
+          case 4:
+            res = _context.sent;
+
+            if (!(res.code !== 200 && options.ifHandleError)) {
+              _context.next = 8;
+              break;
+            }
+
+            // 自定义参数，是否允许全局提示错误信息
+            _message2.default.error(res.message || '请求处理失败！');
+
+            return _context.abrupt("return", Promise.reject(options));
+
+          case 8:
+            return _context.abrupt("return", res);
+
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+
+            if (options.ifHandleError) {
+              // 自定义参数，是否允许全局提示错误信息
+              _message2.default.error(_context.t0.message || _context.t0.msg || '请求处理失败！');
+            }
+
+            return _context.abrupt("return", Promise.reject(options));
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 11]]);
+  }));
+
+  return function request(_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+var _default = request;
+exports.default = _default;

package/lib/services/utils.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkStatus = checkStatus;
+
+// eslint-disable-next-line import/prefer-default-export
+function checkStatus(response) {
+  var status = response.status || -1000; // -1000 自己定义，连接错误的status
+
+  if (status >= 200 && status < 300 || status === 304) {
+    // 如果http状态码正常，则直接返回数据
+    return response.data;
+  } else {
+    var errorInfo = '';
+
+    switch (status) {
+      case -1:
+        errorInfo = '远程服务响应失败,请稍后重试';
+        break;
+
+      case 400:
+        errorInfo = '400：错误请求';
+        break;
+
+      case 401:
+        errorInfo = '401：访问令牌无效或已过期';
+        break;
+
+      case 403:
+        errorInfo = '403：拒绝访问';
+        break;
+
+      case 404:
+        errorInfo = '404：资源不存在';
+        break;
+
+      case 405:
+        errorInfo = '405：请求方法未允许';
+        break;
+
+      case 408:
+        errorInfo = '408：请求超时';
+        break;
+
+      case 500:
+        errorInfo = '500：访问服务失败';
+        break;
+
+      case 501:
+        errorInfo = '501：未实现';
+        break;
+
+      case 502:
+        errorInfo = '502：无效网关';
+        break;
+
+      case 503:
+        errorInfo = '503：服务不可用';
+        break;
+
+      default:
+        errorInfo = "\u8FDE\u63A5\u9519\u8BEF";
+    }
+
+    return {
+      status: status,
+      msg: errorInfo
+    };
+  }
+}