@vtx/components 4.0.0-beta.5 → 4.0.0-beta.7

package/lib/vtx-import2/Content.js

@@ -0,0 +1,112 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@ant-design/icons");
+var _UploadSvg = _interopRequireDefault(require("./UploadSvg"));
+var _DownloadSvg = _interopRequireDefault(require("./DownloadSvg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var Content = function Content(_ref) {
+  var accept = _ref.accept,
+    fileKey = _ref.fileKey,
+    setFileList = _ref.setFileList,
+    fileList = _ref.fileList,
+    templateURL = _ref.templateURL,
+    customText = _ref.customText,
+    TextEnum = _ref.TextEnum,
+    extraDom = _ref.extraDom,
+    extraText = _ref.extraText,
+    prefixCls = _ref.prefixCls;
+  var fileInputRef = (0, _react.useRef)();
+  var onClick = function onClick() {
+    fileInputRef.current && fileInputRef.current.click();
+  };
+  var onFileChange = function onFileChange() {
+    setFileList(fileInputRef.current.files);
+  };
+  var onDeleteFileList = function onDeleteFileList() {
+    setFileList([]);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [extraText && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        paddingBottom: 20
+      },
+      children: extraText
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(prefixCls, "-content-box"),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-content-mark"),
+        children: "1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DownloadSvg.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: "".concat(prefixCls, "-download"),
+        href: templateURL,
+        children: TextEnum.normalTemplateInfoText
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(prefixCls, "-content-box"),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-content-mark"),
+        children: "2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_UploadSvg.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "".concat(prefixCls, "-file-list"),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          onClick: onClick,
+          className: "".concat(prefixCls, "-text"),
+          children: fileList.length === 0 ? customText || TextEnum.normalSelectFileInfoText : TextEnum.normalReChooseFileText
+        }), _toConsumableArray(fileList).map(function (file) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "".concat(prefixCls, "-file-item"),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "".concat(prefixCls, "-file-name"),
+              children: file.name
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseCircleFilled, {
+              fill: "#c0c0c0",
+              onClick: onDeleteFileList,
+              style: {
+                color: '#c0c0c0',
+                cursor: 'pointer'
+              }
+            })]
+          }, file.name);
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        name: fileKey,
+        accept: accept,
+        ref: fileInputRef,
+        style: {
+          display: 'none'
+        },
+        onChange: onFileChange,
+        value: fileList.length === 0 ? '' : fileList[0].fileName
+      })]
+    }), extraDom]
+  });
+};
+Content.propTypes = {
+  accept: _propTypes.default.string,
+  fileKey: _propTypes.default.string,
+  templateURL: _propTypes.default.string,
+  fileList: _propTypes.default.any,
+  setFileList: _propTypes.default.func,
+  customText: _propTypes.default.string,
+  extraText: _propTypes.default.string,
+  TextEnum: _propTypes.default.object,
+  extraDom: [_propTypes.default.string, _propTypes.default.node]
+};
+var _default = exports.default = Content;

package/lib/vtx-import2/DownloadSvg.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var DownloadSvg = function DownloadSvg() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    style: {
+      flexShrink: 0
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "a",
+      fill: "#e3fff3",
+      d: "M88.358,82.88m-24,0a24,24,0,1,0,24-24A24,24,0,0,0,64.358,82.88Z",
+      transform: "translate(-64.358 -58.88)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "b",
+      fill: "#05c46d",
+      d: "M281.991,241.484H269.017a1.041,1.041,0,0,1-.714-.284l-2.955-2.784a1.036,1.036,0,0,0-.714-.284h-5.676a3.583,3.583,0,0,0-3.572,3.593v21.5a3.583,3.583,0,0,0,3.572,3.593h23.031a3.583,3.583,0,0,0,3.571-3.593V245.079a3.58,3.58,0,0,0-3.569-3.6Zm-6,15.429-4.2,4.074a1.934,1.934,0,0,1-2.681.016l-4.123-3.9a1.967,1.967,0,0,1-.084-2.765,1.936,1.936,0,0,1,2.749-.085l.864.817v-5.571a1.945,1.945,0,1,1,3.889,0v5.465l.888-.861a1.934,1.934,0,0,1,2.749.049A1.969,1.969,0,0,1,275.986,256.913Z",
+      transform: "translate(-245.153 -228.623)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "c",
+      fill: "#1dce75",
+      d: "M285.563,245.08a3.583,3.583,0,0,0-3.572-3.593H269.018a1.041,1.041,0,0,1-.714-.284l-2.955-2.787a1.036,1.036,0,0,0-.714-.284h-5.676a3.583,3.583,0,0,0-3.572,3.593v21.5a3.583,3.583,0,0,0,3.572,3.593h8.859a24,24,0,0,0,17.743-16.047V245.08Zm-9.577,11.834-4.2,4.074a1.933,1.933,0,0,1-2.681.016l-4.123-3.9a1.967,1.967,0,0,1-.084-2.765,1.936,1.936,0,0,1,2.749-.085l.864.817V249.5a1.945,1.945,0,1,1,3.889,0v5.465l.888-.861a1.934,1.934,0,0,1,2.749.049A1.969,1.969,0,0,1,275.987,256.913Z",
+      transform: "translate(-245.154 -228.623)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "d",
+      fill: "#3cd38e",
+      d: "M269.017,241.464a1.044,1.044,0,0,1-.714-.282l-2.955-2.768a1.039,1.039,0,0,0-.714-.282h-5.676a3.572,3.572,0,0,0-3.572,3.571v16.959c.3.011.6.019.9.019a23.842,23.842,0,0,0,8.743-1.649l-.052-.049a1.944,1.944,0,1,1,2.664-2.833l.864.812v-5.535a1.945,1.945,0,1,1,3.889,0v3.015a23.932,23.932,0,0,0,6.852-10.975H269.017Z",
+      transform: "translate(-245.179 -228.563)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "e",
+      fill: "#48e1aa",
+      d: "M268.791,241.436a1.016,1.016,0,0,1-.486-.255l-2.958-2.768a1.039,1.039,0,0,0-.714-.282h-5.676a3.572,3.572,0,0,0-3.572,3.571v7.963a23.884,23.884,0,0,0,13.406-8.229Z",
+      transform: "translate(-245.202 -228.578)"
+    })]
+  });
+};
+var _default = exports.default = DownloadSvg;

package/lib/vtx-import2/ImportResult.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _icons = require("@ant-design/icons");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var ImportResult = function ImportResult(_ref) {
+  var prefixCls = _ref.prefixCls,
+    result = _ref.result,
+    errorFile = _ref.errorFile,
+    errorURL = _ref.errorURL,
+    errorDownloadName = _ref.errorDownloadName,
+    count = _ref.count,
+    token = _ref.token,
+    TextEnum = _ref.TextEnum;
+  var url = errorURL && errorFile && "".concat(errorURL, "?fileName=").concat(errorFile, "&downloadName=").concat(errorDownloadName || '', "&token=").concat(token);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "".concat(prefixCls, "-result-warp"),
+    children: result ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CheckCircleFilled, {
+        style: {
+          color: '#52C41A',
+          fontSize: '80px'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-result"),
+        children: TextEnum.resultSuccessText
+      }), count !== null && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: "".concat(prefixCls, "-result-success-tips"),
+        children: [TextEnum.resultInfoTotalText, count, TextEnum.resultInfoDataText]
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseCircleFilled, {
+        style: {
+          color: '#ff4d4f',
+          fontSize: '80px'
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "".concat(prefixCls, "-result"),
+        children: TextEnum.resultFailText
+      }), url && /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: "".concat(prefixCls, "-result-error-tips"),
+        href: url,
+        children: TextEnum.resultFailReasonDownText
+      })]
+    })
+  });
+};
+ImportResult.propTypes = {
+  result: _propTypes.default.bool,
+  errorURL: _propTypes.default.string,
+  token: _propTypes.default.string,
+  errorFile: _propTypes.default.string,
+  errorDownloadName: _propTypes.default.string,
+  count: _propTypes.default.any
+};
+var _default = exports.default = ImportResult;

package/lib/vtx-import2/UploadSvg.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var UploadSvg = function UploadSvg() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "48",
+    height: "48",
+    viewBox: "0 0 48 48",
+    style: {
+      flexShrink: 0
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "a",
+      fill: "#e9ecff",
+      d: "M91.072,82.88m-24,0a24,24,0,1,0,24-24A24,24,0,0,0,67.072,82.88Z",
+      transform: "translate(-67.072 -58.88)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "b",
+      fill: "#6c6cea",
+      d: "M263.967,241.484H250.918a1.05,1.05,0,0,1-.718-.284l-2.972-2.784a1.045,1.045,0,0,0-.718-.284H240.8a3.593,3.593,0,0,0-3.592,3.593v21.5a3.593,3.593,0,0,0,3.592,3.593h23.163a3.593,3.593,0,0,0,3.592-3.593V245.079a3.59,3.59,0,0,0-3.589-3.6Zm-5.881,13.44a1.952,1.952,0,0,1-2.764.049l-.893-.861v5.465a1.956,1.956,0,1,1-3.911,0V254l-.869.817a1.955,1.955,0,1,1-2.68-2.847l4.146-3.9a1.953,1.953,0,0,1,2.7.016l4.223,4.074a1.951,1.951,0,0,1,.052,2.765Z",
+      transform: "translate(-228.184 -228.623)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "c",
+      fill: "#757bf2",
+      d: "M267.558,245.08a3.593,3.593,0,0,0-3.592-3.593H250.918a1.05,1.05,0,0,1-.718-.284l-2.972-2.787a1.045,1.045,0,0,0-.718-.284H240.8a3.593,3.593,0,0,0-3.592,3.593v21.5a3.593,3.593,0,0,0,3.592,3.593h10.7a24.089,24.089,0,0,0,16.05-18.307V245.08Zm-9.473,9.845a1.953,1.953,0,0,1-2.764.049l-.893-.861v5.465a1.956,1.956,0,1,1-3.911,0V254l-.869.817a1.955,1.955,0,1,1-2.68-2.847l4.146-3.9a1.953,1.953,0,0,1,2.7.016l4.223,4.074a1.951,1.951,0,0,1,.052,2.765Z",
+      transform: "translate(-228.184 -228.623)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "d",
+      fill: "#8486f8",
+      d: "M250.841,241.464a1.044,1.044,0,0,1-.714-.282l-2.955-2.768a1.039,1.039,0,0,0-.714-.282h-5.676a3.572,3.572,0,0,0-3.571,3.571v17.662l.147,0a23.808,23.808,0,0,0,13.088-3.9v-1.562l-.864.812a1.943,1.943,0,1,1-2.664-2.83l4.123-3.881a1.942,1.942,0,0,1,2.681.016l2.371,2.287a23.835,23.835,0,0,0,4.416-8.851h-9.666Z",
+      transform: "translate(-228.121 -228.561)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      className: "e",
+      fill: "#8d92f8",
+      d: "M250.442,241.382a1.072,1.072,0,0,1-.315-.2l-2.955-2.768a1.039,1.039,0,0,0-.714-.282h-5.676a3.572,3.572,0,0,0-3.571,3.571v8.477a23.93,23.93,0,0,0,13.232-8.8Z",
+      transform: "translate(-228.139 -228.577)"
+    })]
+  });
+};
+var _default = exports.default = UploadSvg;