linkmore-design 1.0.3

package/lib/VirtualList/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+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,
+      parentRef = _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("./style.css");

package/lib/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ButtonTags", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonTags.default;
+  }
+});
+Object.defineProperty(exports, "CkFilter", {
+  enumerable: true,
+  get: function get() {
+    return _CkFilter.default;
+  }
+});
+Object.defineProperty(exports, "CustomerService", {
+  enumerable: true,
+  get: function get() {
+    return _CustomerService.default;
+  }
+});
+Object.defineProperty(exports, "EditTable", {
+  enumerable: true,
+  get: function get() {
+    return _EditTable.default;
+  }
+});
+Object.defineProperty(exports, "EnlargeImg", {
+  enumerable: true,
+  get: function get() {
+    return _EnlargeImg.default;
+  }
+});
+Object.defineProperty(exports, "Filter", {
+  enumerable: true,
+  get: function get() {
+    return _Filter.default;
+  }
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
+});
+Object.defineProperty(exports, "IconFont", {
+  enumerable: true,
+  get: function get() {
+    return _IconFont.default;
+  }
+});
+Object.defineProperty(exports, "LeftTable", {
+  enumerable: true,
+  get: function get() {
+    return _LeftTable.default;
+  }
+});
+Object.defineProperty(exports, "LoadingPage", {
+  enumerable: true,
+  get: function get() {
+    return _LoadingPage.default;
+  }
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function get() {
+    return _Modal.default;
+  }
+});
+Object.defineProperty(exports, "PopTable", {
+  enumerable: true,
+  get: function get() {
+    return _PopTable.default;
+  }
+});
+Object.defineProperty(exports, "ProTable", {
+  enumerable: true,
+  get: function get() {
+    return _ProTable.default;
+  }
+});
+Object.defineProperty(exports, "TableRender", {
+  enumerable: true,
+  get: function get() {
+    return _TableRender.default;
+  }
+});
+Object.defineProperty(exports, "UploadOss", {
+  enumerable: true,
+  get: function get() {
+    return _UploadOss.default;
+  }
+});
+Object.defineProperty(exports, "VirtualList", {
+  enumerable: true,
+  get: function get() {
+    return _VirtualList.default;
+  }
+});
+
+var _EditTable = _interopRequireDefault(require("./EditTable"));
+
+var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
+
+var _CustomerService = _interopRequireDefault(require("./CustomerService"));
+
+var _EnlargeImg = _interopRequireDefault(require("./EnlargeImg"));
+
+var _Filter = _interopRequireDefault(require("./Filter"));
+
+var _CkFilter = _interopRequireDefault(require("./CkFilter"));
+
+var _Icon = _interopRequireDefault(require("./Icon"));
+
+var _LeftTable = _interopRequireDefault(require("./LeftTable"));
+
+var _LoadingPage = _interopRequireDefault(require("./LoadingPage"));
+
+var _Modal = _interopRequireDefault(require("./Modal"));
+
+var _PopTable = _interopRequireDefault(require("./PopTable"));
+
+var _ProTable = _interopRequireDefault(require("./ProTable"));
+
+var _TableRender = _interopRequireDefault(require("./TableRender"));
+
+var _UploadOss = _interopRequireDefault(require("./UploadOss"));
+
+var _IconFont = _interopRequireDefault(require("./IconFont"));
+
+var _VirtualList = _interopRequireDefault(require("./VirtualList"));

package/lib/services/newRequest.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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
+    };
+  }
+}

package/lib/styles/icon.css

@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'iconfont';
+  /* Project id 2966019 */
+  src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
+}
+.icon_ {
+  font-family: 'iconfont';
+  font-size: 14px;
+}
+.iconfont {
+  font-size: 12px;
+}
+.icon_home::before {
+  content: '\e7fc';
+}

package/lib/styles/main.css

@@ -0,0 +1,149 @@
+.ant-layout-sider {
+  min-height: 100vh;
+  background-color: #022766;
+}
+.ant-menu-dark .ant-menu-inline.ant-menu-sub {
+  box-shadow: none;
+}
+.ant-menu-submenu-placement-rightTop {
+  display: none;
+}
+.ant-table .row-active .ant-table-cell {
+  background-color: #FEFFD3 !important;
+}
+.ant-dropdown-menu-item {
+  font-size: 12px;
+  height: 32px;
+}
+.ant-tabs .ant-tabs-nav .ant-tabs-tab {
+  font-size: 14px;
+}
+.ant-tabs.auto_tabs {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+}
+.ant-tabs.auto_tabs .ant-tabs-nav {
+  height: 48px;
+}
+.ant-tabs.auto_tabs .ant-tabs-content-holder {
+  flex: 1;
+  overflow: auto;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-header {
+  padding: 0 24px;
+}
+.ant-drawer.drawer_wrapper .ant-drawer-body {
+  position: relative;
+  flex: 1;
+  padding: 0 24px;
+}
+.ant-modal-wrap.plugin_modal {
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-end;
+}
+.ant-modal-wrap.plugin_modal .ant-modal {
+  left: 56px;
+  top: 0;
+  margin: 0 0 8px 8px;
+  padding: 0;
+}
+.ant-modal-wrap.lm_modal_confirm .anticon {
+  margin-top: -1px;
+  margin-right: 8px;
+}
+.ant-modal-wrap.lm_modal_confirm .ant-modal-body {
+  padding: 16px 24px;
+}
+.ant-popover.pop_img .ant-popover-inner-content {
+  line-height: 1;
+  padding: var(--gap);
+}
+@font-face {
+  font-family: 'iconfont';
+  /* Project id 2966019 */
+  src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
+}
+.icon_ {
+  font-family: 'iconfont';
+  font-size: 14px;
+}
+.iconfont {
+  font-size: 12px;
+}
+.icon_home::before {
+  content: '\e7fc';
+}
+:root {
+  --them-color: #1890fc;
+  --main-color: #1890fc;
+  --primary-color: #1890fc;
+  --primary2-color: rgba(24, 144, 252, 0.08);
+  --success-color: #56C22D;
+  --warning-color: #FD9727;
+  --error-color: #FA4F53;
+  --aside-bg-color: #022766;
+  --font-color: rgba(0, 0, 0, 0.85);
+  --font2-color: rgba(0, 0, 0, 0.65);
+  --text-color: rgba(0, 0, 0, 0.45);
+  --box-shadow-color: rgba(0, 0, 0, 0.15);
+  --background-color: rgba(0, 0, 0, 0.04);
+  --background-color-hover: rgba(0, 0, 0, 0.08);
+  --border-color: #f0f0f0;
+  --stripe-color: #f5f5f5;
+  --border-hover-color: #f2f5f7;
+  --gap: 8px;
+  --basic-height: 24px;
+}
+.ant-input,
+.ant-select {
+  font-size: 12px;
+}
+.ant-select-dropdown .ant-select-item {
+  font-size: 12px;
+  align-items: center;
+}
+.react-resizable {
+  position: relative;
+  background-clip: padding-box;
+}
+.react-resizable-handle {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+  width: 3px;
+  height: 40px;
+  cursor: col-resize;
+}
+.react-resizable-handle:hover {
+  background-color: var(--primary-color);
+}
+.react-resizable-handle:active {
+  background-color: var(--primary-color);
+}
+.yf_resizable_bar {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 2;
+  height: 0;
+}
+.resizable_line {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background-color: var(--primary-color);
+  z-index: 1;
+}
+.handle_resizable {
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 5px;
+  z-index: 2;
+}