linkmore-design 1.0.30 → 1.0.31

package/es/OldModal/exportModal.js

@@ -0,0 +1,300 @@
+"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;
+
+require("antd/es/radio/style");
+
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../IconFont"));
+
+var _edit = _interopRequireDefault(require("./edit"));
+
+var _excluded = ["visible", "onClose", "onSure", "down", "desc", "downEvent", "isType", "renderFileType"];
+var downLink = [{
+  id: '1',
+  label: '成衣',
+  value: 'link',
+  icon: 'export'
+}, {
+  id: '2',
+  label: '面料',
+  value: 'link',
+  icon: 'export'
+}, {
+  id: '3',
+  label: '辅料',
+  value: 'link',
+  icon: 'export'
+}];
+var desc1 = [{
+  id: '1',
+  value: '红色为必填字段'
+}, {
+  id: '2',
+  value: '导入仅允许新增供应商信息'
+}];
+/*
+  文件上传区域
+  multiple：是否多选
+  accept：文件选择时的默认类型筛选："image/jpeg"、text/csv、application/msword、application/vnd.ms-excel => accept=".xlsx, .xls"
+  type: 限制上传文件的类型
+  size：文件大小（M）
+*/
+
+var ImportBox = function ImportBox(_ref) {
+  var value = _ref.value,
+      multiple = _ref.multiple,
+      _ref$fileLength = _ref.fileLength,
+      fileLength = _ref$fileLength === void 0 ? 99 : _ref$fileLength,
+      onChange = _ref.onChange,
+      accept = _ref.accept,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? ['xls', 'xlsx'] : _ref$type,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 100 : _ref$size;
+  var fileRef = (0, _react.useRef)(null); // 文件保存
+  // 解决同文件的多次上传问题
+
+  var clearFileValue = function clearFileValue() {
+    fileRef.current.value = null;
+  };
+
+  var fileUpload = function fileUpload(e) {
+    var file = e.target.files;
+
+    if (fileLength > 0 && file.length + value.length > fileLength) {
+      return _message2.default.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u6700\u591A\u53EA\u80FD\u4E0A\u4F20".concat(fileLength, "\u4E2A\u6587\u4EF6"), 1.5);
+    } // 循环文件检查是否存在不符合要求的文件
+
+
+    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('、');
+        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 > size) {
+        return _message2.default.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(size, "M\uFF01"), 1.5);
+      }
+    }
+
+    var nValue = [].concat((0, _toConsumableArray2.default)(value), (0, _toConsumableArray2.default)(file));
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue, 'files');
+    return false;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "import_box"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-inbox",
+    className: "import_icon"
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    ref: fileRef,
+    type: "file",
+    multiple: multiple,
+    accept: accept,
+    className: "import_input",
+    onClick: clearFileValue,
+    onChange: fileUpload
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "import_text"
+  }, "\u70B9\u51FB\u6216\u5C06\u6587\u4EF6\u62D6\u62FD\u5230\u8FD9\u91CC\u4E0A\u4F20")));
+};
+
+var Index = function Index(_ref2) {
+  var visible = _ref2.visible,
+      onClose = _ref2.onClose,
+      onSure = _ref2.onSure,
+      _ref2$down = _ref2.down,
+      down = _ref2$down === void 0 ? downLink : _ref2$down,
+      _ref2$desc = _ref2.desc,
+      desc = _ref2$desc === void 0 ? desc1 : _ref2$desc,
+      downEvent = _ref2.downEvent,
+      isType = _ref2.isType,
+      renderFileType = _ref2.renderFileType,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
+  var _useState = (0, _react.useState)({
+    files: []
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      fileValue = _useState2[0],
+      setFileValue = _useState2[1]; // 数据改变事件
+
+
+  var handleChange = function handleChange(e, field) {
+    setFileValue((0, _objectSpread3.default)((0, _objectSpread3.default)({}, fileValue), {}, (0, _defineProperty2.default)({}, field, e)));
+  }; // 确定事件
+
+
+  var handleClick = function handleClick() {
+    var files = fileValue.files;
+
+    if (!files.length) {
+      return _message2.default.warning('请先选择文件!', 1.5);
+    }
+
+    onSure(fileValue);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+    setFileValue((0, _objectSpread3.default)((0, _objectSpread3.default)({}, fileValue), {}, {
+      files: []
+    }));
+    return false;
+  }; // 删除事件
+
+
+  var handleDelete = function handleDelete(name) {
+    var nValue = fileValue.files.filter(function (v) {
+      return v.name !== name;
+    });
+    setFileValue((0, _objectSpread3.default)((0, _objectSpread3.default)({}, fileValue), {}, {
+      files: nValue
+    }));
+  }; // 关闭弹框
+
+
+  var handleClose = function handleClose() {
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+    setFileValue({
+      type: 1,
+      files: []
+    });
+  };
+
+  var config = {
+    title: '导入',
+    visible: visible,
+    onCancel: onClose,
+    bodyStyle: {
+      padding: 24
+    },
+    footer: [/*#__PURE__*/_react.default.createElement(_button.default, {
+      key: "cancel",
+      onClick: handleClose,
+      size: "middle"
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary",
+      key: "back",
+      onClick: handleClick,
+      size: "middle"
+    }, "\u786E\u5B9A")]
+  };
+  return /*#__PURE__*/_react.default.createElement(_edit.default, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_file_body"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_down file_item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_title"
+  }, "\u4E0B\u8F7D\u6A21\u677F"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_content"
+  }, /*#__PURE__*/_react.default.createElement(_space.default, {
+    size: [16, 8],
+    wrap: true
+  }, down === null || down === void 0 ? void 0 : down.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: "file_down_link",
+      onClick: function onClick() {
+        return downEvent(v);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-file-excel"
+    }), /*#__PURE__*/_react.default.createElement("div", null, v.label));
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_upload file_item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_title"
+  }, "\u4E0A\u4F20\u6587\u4EF6"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_content"
+  }, /*#__PURE__*/_react.default.createElement(ImportBox, (0, _extends2.default)({
+    value: fileValue.files,
+    onChange: handleChange
+  }, resetProps)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_view"
+  }, fileValue.files.map(function (v, idx) {
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      _react.default.createElement("div", {
+        key: idx,
+        className: "file_view_item"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "file_view_item_label"
+      }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: "lmweb-file-excel"
+      }), /*#__PURE__*/_react.default.createElement("span", null, v.name)), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: "lmweb-close1",
+        className: "file_view_item_close",
+        onClick: function onClick() {
+          return handleDelete(v.name);
+        }
+      }))
+    );
+  })))), renderFileType && /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_type file_item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_title"
+  }, "\u9009\u62E9\u7C7B\u578B"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_content"
+  }, typeof renderFileType === 'function' ? renderFileType(function (e, field) {
+    return handleChange(e, field);
+  }) : /*#__PURE__*/_react.default.createElement(_radio.default.Group, {
+    defaultValue: 0,
+    onChange: function onChange(e) {
+      return handleChange(e.target.value, 'type');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_radio.default, {
+    value: 0
+  }, "\u5FEB\u901F\u5BFC\u5165"), /*#__PURE__*/_react.default.createElement(_radio.default, {
+    value: 1
+  }, "\u6309\u9700\u66F4\u65B0")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_desc file_item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_title"
+  }, "\u89C4\u5219\u8BF4\u660E"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file_content"
+  }, desc === null || desc === void 0 ? void 0 : desc.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.id
+    }, "".concat(v.id, "\u3001").concat(v.value));
+  })))));
+};
+
+var _default = Index;
+exports.default = _default;

package/es/OldModal/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _add = _interopRequireDefault(require("./add"));
+
+var _confirm = _interopRequireDefault(require("./confirm"));
+
+var _edit = _interopRequireDefault(require("./edit"));
+
+var _exportModal = _interopRequireDefault(require("./exportModal"));
+
+var Modal = {};
+Modal.AddMoal = _add.default;
+Modal.EditModal = _edit.default;
+Modal.ExportModal = _exportModal.default;
+Modal.Confirm = _confirm.default;
+var _default = Modal;
+exports.default = _default;

package/es/OldModal/style/index.js

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

package/es/OldModal/style/style.css

@@ -0,0 +1,119 @@
+.lm_addModal .ant-modal-header {
+  padding: 0 24px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+}
+.lm_addModal .ant-modal-close-x {
+  width: 46px;
+  height: 46px;
+  line-height: 44px;
+}
+.lm_addModal .ant-modal-body {
+  padding: 24px 24px 21px;
+}
+.lm_addModal .ant-modal-body .ant-tabs-nav {
+  margin: 0 10px;
+}
+.lm_addModal .ant-modal-body .ant-tabs-content-holder {
+  max-height: 800px;
+  overflow-y: auto;
+  padding: 16px 10px;
+}
+.lm_editModal .ant-modal-header {
+  padding: 0 24px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+}
+.lm_editModal .ant-modal-close-x {
+  width: 46px;
+  height: 46px;
+  line-height: 44px;
+}
+.lm_editModal .ant-modal-body {
+  padding: 12px;
+  max-height: 600px;
+  overflow-y: auto;
+}
+.lm_editModal .ant-modal-body .ant-form-item {
+  margin-bottom: 16px;
+}
+.lm_editModal .ant-modal-footer {
+  padding: 11px 24px;
+}
+.lm_editModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+  margin-left: 10px;
+}
+.lm_file_body .file_title {
+  color: rgba(0, 0, 0, 0.85);
+  margin: 16px 0 4px;
+}
+.lm_file_body .file_item:first-child .file_title {
+  margin-top: 0;
+}
+.lm_file_body .file_down .file_down_link {
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+  gap: 4px;
+  color: #1890fc;
+  cursor: pointer;
+}
+.lm_file_body .file_upload .file_view {
+  line-height: 1;
+  margin-top: 8px;
+}
+.lm_file_body .file_upload .file_view .file_view_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.lm_file_body .file_upload .file_view .file_view_item .file_view_item_label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.lm_file_body .file_upload .file_view .file_view_item .file_view_item_close {
+  transition: 0.3s;
+}
+.lm_file_body .file_upload .file_view .file_view_item .file_view_item_close:hover {
+  color: #1890fc;
+}
+.lm_file_body .file_desc .file_content {
+  color: rgba(0, 0, 0, 0.65);
+}
+.lm_file_body .import_box {
+  position: relative;
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
+  height: 120px;
+  border-radius: 2px;
+  border: 1px dashed rgba(0, 0, 0, 0.08);
+  background: #fafafa;
+  transition: 0.3s;
+  cursor: pointer;
+}
+.lm_file_body .import_box:hover {
+  border-color: #1890fc;
+}
+.lm_file_body .import_box .import_icon {
+  font-size: 46px;
+  color: #1890fc;
+}
+.lm_file_body .import_box .import_text {
+  color: #000;
+  margin-top: 8px;
+}
+.lm_file_body .import_box .import_input {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  max-width: 100%;
+  opacity: 0;
+  cursor: pointer;
+}

package/es/Pagination/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IPaginationProps {
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const LMPagination: React.FC<IPaginationProps>;
+export default LMPagination;

package/es/Pagination/index.js

@@ -0,0 +1,37 @@
+import "antd/es/pagination/style";
+import _Pagination from "antd/es/pagination";
+
+var __rest = this && this.__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;
+};
+
+import React from 'react';
+import classNames from 'classnames';
+var prefixCls = 'lm_pagination';
+
+var LMPagination = function LMPagination(props) {
+  var children = props.children,
+      className = props.className,
+      others = __rest(props, ["children", "className"]);
+
+  return /*#__PURE__*/React.createElement(_Pagination, Object.assign({
+    className: classNames(className, prefixCls),
+    size: "small"
+  }, others, {
+    locale: {
+      items_per_page: '/条',
+      jump_to: '前往'
+    }
+  }));
+};
+
+export default LMPagination;