@vtx/components 3.1.17 → 3.1.18

package/lib/vtx-import2/index.js

@@ -1,99 +1,132 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _antd = require("antd");
+
 var _Content = _interopRequireDefault(require("./Content"));
+
 var _ImportResult = _interopRequireDefault(require("./ImportResult"));
+
 var _ahooks = require("ahooks");
+
 var _utils = require("@vtx/utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var _getUrlParam = (0, _utils.getUrlParam)(),
-  token = _getUrlParam.token;
+    token = _getUrlParam.token;
+
 var VtxImport2 = function VtxImport2(props) {
   var visible = props.visible,
-    close = props.close,
-    title = props.title,
-    accept = props.accept,
-    fileKey = props.fileKey,
-    uploadURL = props.uploadURL,
-    postData = props.postData,
-    errorURL = props.errorURL,
-    templateURL = props.templateURL,
-    afterUpload = props.afterUpload,
-    errorDownloadName = props.errorDownloadName;
+      close = props.close,
+      title = props.title,
+      accept = props.accept,
+      fileKey = props.fileKey,
+      uploadURL = props.uploadURL,
+      postData = props.postData,
+      errorURL = props.errorURL,
+      templateURL = props.templateURL,
+      afterUpload = props.afterUpload,
+      errorDownloadName = props.errorDownloadName;
+
   var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      status = _useState2[0],
+      setStatus = _useState2[1];
+
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    result = _useState4[0],
-    setResult = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      result = _useState4[0],
+      setResult = _useState4[1];
+
   var _useState5 = (0, _react.useState)(5),
-    _useState6 = _slicedToArray(_useState5, 2),
-    countdown = _useState6[0],
-    setCountdown = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      countdown = _useState6[0],
+      setCountdown = _useState6[1];
+
   var _useState7 = (0, _react.useState)([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    fileList = _useState8[0],
-    setFileList = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      fileList = _useState8[0],
+      setFileList = _useState8[1];
+
   var _useState9 = (0, _react.useState)(undefined),
-    _useState10 = _slicedToArray(_useState9, 2),
-    interval = _useState10[0],
-    setInterval = _useState10[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      interval = _useState10[0],
+      setInterval = _useState10[1];
+
   var _useState11 = (0, _react.useState)(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    errorFile = _useState12[0],
-    setErrorFile = _useState12[1];
+      _useState12 = _slicedToArray(_useState11, 2),
+      errorFile = _useState12[0],
+      setErrorFile = _useState12[1];
+
   var _useState13 = (0, _react.useState)(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    uploading = _useState14[0],
-    setUploading = _useState14[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      uploading = _useState14[0],
+      setUploading = _useState14[1];
+
   (0, _ahooks.useInterval)(function () {
     if (countdown === 0) {
       return close();
     }
+
     setCountdown(countdown - 1);
-  }, interval);
+  }, interval); // 获取上传地址（拼接参数）
 
-  // 获取上传地址（拼接参数）
   var getPostURL = function getPostURL() {
     var postUrl = uploadURL;
     var postArray = [];
+
     for (var k in postData) {
       if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {
         postArray.push("".concat(k, "=").concat(encodeURIComponent(postData[k])));
       }
     }
+
     return postArray.length > 0 ? "".concat(postUrl, "?").concat(postArray.join('&')) : postUrl;
   };
+
   var dealResult = function dealResult(response) {
     setUploading(false);
     var parseData = JSON.parse(response);
     setStatus(1);
+
     if (typeof props.afterUpload === 'function') {
       afterUpload(parseData);
     }
+
     if (parseData.result === 0) {
       setResult(true);
       setCountdown(5);
       setInterval(1000);
     } else if (parseData.result === 1) {
       setResult(false);
+
       if (parseData.data) {
         setErrorFile(parseData.data);
       } else {
@@ -101,10 +134,12 @@ var VtxImport2 = function VtxImport2(props) {
       }
     }
   };
+
   var onUpload = function onUpload() {
     if (fileList.length === 0) {
       return _antd.message.info('请选择需要上传的文件');
     }
+
     setUploading(true);
     var postUrl = getPostURL();
     var fmd = new FormData();
@@ -113,18 +148,22 @@ var VtxImport2 = function VtxImport2(props) {
     request.open('POST', postUrl);
     request.setRequestHeader('Authorization', token ? "Bear ".concat(token) : '');
     request.setRequestHeader('access_token', token ? "".concat(token) : '');
+
     request.onreadystatechange = function (e) {
       if (e.target.readyState == 4) {
         dealResult(e.target.response);
       }
     };
+
     request.send(fmd);
   };
+
   var againUpload = function againUpload() {
     setStatus(0);
     setInterval(undefined);
     setFileList([]);
   };
+
   var modelProps = {
     visible: visible,
     width: 392,
@@ -160,6 +199,7 @@ var VtxImport2 = function VtxImport2(props) {
     errorDownloadName: errorDownloadName
   }));
 };
+
 VtxImport2.defaultProps = {
   fileKey: 'file',
   accept: 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',

package/lib/vtx-import2/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getUrlParam","token","VtxImport2","props","visible","close","title","accept","fileKey","uploadURL","postData","errorURL","templateURL","afterUpload","errorDownloadName","useState","status","setStatus","result","setResult","countdown","setCountdown","fileList","setFileList","undefined","interval","setInterval","errorFile","setErrorFile","uploading","setUploading","useInterval","getPostURL","postUrl","postArray","k","push","encodeURIComponent","length","join","dealResult","response","parseData","JSON","parse","data","message","error","msg","onUpload","info","fmd","FormData","append","request","XMLHttpRequest","open","setRequestHeader","onreadystatechange","e","target","readyState","send","againUpload","modelProps","width","maskClosable","footer","onCancel","defaultProps","propTypes","PropTypes","bool","string","object","func"],"sources":["vtx-import2/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Button, message, Modal } from 'antd';\nimport Content from './Content';\nimport { useState } from 'react';\nimport ImportResult from './ImportResult';\nimport { useInterval } from 'ahooks';\nimport { getUrlParam } from '@vtx/utils';\n\nconst { token } = getUrlParam();\n\nconst VtxImport2 = props => {\n    const {\n        visible,\n        close,\n        title,\n        accept,\n        fileKey,\n        uploadURL,\n        postData,\n        errorURL,\n        templateURL,\n        afterUpload,\n        errorDownloadName,\n    } = props;\n    const [status, setStatus] = useState(0);\n    const [result, setResult] = useState(false);\n    const [countdown, setCountdown] = useState(5);\n    const [fileList, setFileList] = useState([]);\n    const [interval, setInterval] = useState(undefined);\n    const [errorFile, setErrorFile] = useState('');\n    const [uploading, setUploading] = useState(false);\n    useInterval(() => {\n        if (countdown === 0) {\n            return close();\n        }\n        setCountdown(countdown - 1);\n    }, interval);\n\n    // 获取上传地址（拼接参数）\n    const getPostURL = () => {\n        const postUrl = uploadURL;\n        const postArray = [];\n        for (const k in postData) {\n            if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\n                postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\n            }\n        }\n        return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\n    };\n\n    const dealResult = response => {\n        setUploading(false);\n        const parseData = JSON.parse(response);\n        setStatus(1);\n        if (typeof props.afterUpload === 'function') {\n            afterUpload(parseData);\n        }\n        if (parseData.result === 0) {\n            setResult(true);\n            setCountdown(5);\n            setInterval(1000);\n        } else if (parseData.result === 1) {\n            setResult(false);\n            if (parseData.data) {\n                setErrorFile(parseData.data);\n            } else {\n                message.error(parseData?.msg || '服务器异常');\n            }\n        }\n    };\n\n    const onUpload = () => {\n        if (fileList.length === 0) {\n            return message.info('请选择需要上传的文件');\n        }\n        setUploading(true);\n        const postUrl = getPostURL();\n        const fmd = new FormData();\n        fmd.append(fileKey, fileList[0]);\n        const request = new XMLHttpRequest();\n        request.open('POST', postUrl);\n\n        request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n        request.setRequestHeader('access_token', token ? `${token}` : '');\n        request.onreadystatechange = e => {\n            if (e.target.readyState == 4) {\n                dealResult(e.target.response);\n            }\n        };\n\n        request.send(fmd);\n    };\n\n    const againUpload = () => {\n        setStatus(0);\n        setInterval(undefined);\n        setFileList([]);\n    };\n\n    const modelProps = {\n        visible,\n        width: 392,\n        maskClosable: false,\n        footer: [\n            <Button key=\"closeWindow\" onClick={close}>\n                {`关闭${status === 1 && result ? '(' + countdown + ')' : ''}`}\n            </Button>,\n            (status === 0 || (status === 1 && !result)) && (\n                <Button\n                    key=\"uploadSubmit\"\n                    type=\"primary\"\n                    loading={uploading}\n                    onClick={status === 0 ? onUpload : againUpload}\n                >\n                    {status === 0 ? '上传' : result ? `导入(${countdown})` : '再次上传'}\n                </Button>\n            ),\n        ],\n        onCancel: close,\n        title: (\n            <div className=\"vtx-import2-modal-header-title\">\n                <span className=\"vtx-import2-modal-header-text\">{title}</span>\n                <span className=\"vtx-import2-modal-header-subtitle\">导入</span>\n            </div>\n        ),\n    };\n    return (\n        <Modal {...modelProps}>\n            {status === 0 ? (\n                <Content\n                    fileList={fileList}\n                    setFileList={setFileList}\n                    accept={accept}\n                    fileKey={fileKey}\n                    templateURL={templateURL}\n                />\n            ) : (\n                <ImportResult\n                    result={result}\n                    errorFile={errorFile}\n                    errorURL={errorURL}\n                    errorDownloadName={errorDownloadName}\n                />\n            )}\n        </Modal>\n    );\n};\n\nVtxImport2.defaultProps = {\n    fileKey: 'file',\n    accept:\n        'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n    postData: {},\n};\n\nVtxImport2.propTypes = {\n    visible: PropTypes.bool,\n    templateURL: PropTypes.string,\n    uploadURL: PropTypes.string,\n    title: PropTypes.string,\n    postData: PropTypes.object,\n    fileKey: PropTypes.string,\n    accept: PropTypes.string,\n    close: PropTypes.func,\n    errorURL: PropTypes.string,\n    errorDownloadName: PropTypes.string,\n    afterUpload: PropTypes.func,\n};\n\nexport default VtxImport2;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["getUrlParam","token","VtxImport2","props","visible","close","title","accept","fileKey","uploadURL","postData","errorURL","templateURL","afterUpload","errorDownloadName","useState","status","setStatus","result","setResult","countdown","setCountdown","fileList","setFileList","undefined","interval","setInterval","errorFile","setErrorFile","uploading","setUploading","useInterval","getPostURL","postUrl","postArray","k","push","encodeURIComponent","length","join","dealResult","response","parseData","JSON","parse","data","message","error","msg","onUpload","info","fmd","FormData","append","request","XMLHttpRequest","open","setRequestHeader","onreadystatechange","e","target","readyState","send","againUpload","modelProps","width","maskClosable","footer","onCancel","defaultProps","propTypes","PropTypes","bool","string","object","func"],"sources":["vtx-import2/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Button, message, Modal } from 'antd';\r\nimport Content from './Content';\r\nimport { useState } from 'react';\r\nimport ImportResult from './ImportResult';\r\nimport { useInterval } from 'ahooks';\r\nimport { getUrlParam } from '@vtx/utils';\r\n\r\nconst { token } = getUrlParam();\r\n\r\nconst VtxImport2 = props => {\r\n    const {\r\n        visible,\r\n        close,\r\n        title,\r\n        accept,\r\n        fileKey,\r\n        uploadURL,\r\n        postData,\r\n        errorURL,\r\n        templateURL,\r\n        afterUpload,\r\n        errorDownloadName,\r\n    } = props;\r\n    const [status, setStatus] = useState(0);\r\n    const [result, setResult] = useState(false);\r\n    const [countdown, setCountdown] = useState(5);\r\n    const [fileList, setFileList] = useState([]);\r\n    const [interval, setInterval] = useState(undefined);\r\n    const [errorFile, setErrorFile] = useState('');\r\n    const [uploading, setUploading] = useState(false);\r\n    useInterval(() => {\r\n        if (countdown === 0) {\r\n            return close();\r\n        }\r\n        setCountdown(countdown - 1);\r\n    }, interval);\r\n\r\n    // 获取上传地址（拼接参数）\r\n    const getPostURL = () => {\r\n        const postUrl = uploadURL;\r\n        const postArray = [];\r\n        for (const k in postData) {\r\n            if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\r\n                postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\r\n            }\r\n        }\r\n        return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\r\n    };\r\n\r\n    const dealResult = response => {\r\n        setUploading(false);\r\n        const parseData = JSON.parse(response);\r\n        setStatus(1);\r\n        if (typeof props.afterUpload === 'function') {\r\n            afterUpload(parseData);\r\n        }\r\n        if (parseData.result === 0) {\r\n            setResult(true);\r\n            setCountdown(5);\r\n            setInterval(1000);\r\n        } else if (parseData.result === 1) {\r\n            setResult(false);\r\n            if (parseData.data) {\r\n                setErrorFile(parseData.data);\r\n            } else {\r\n                message.error(parseData?.msg || '服务器异常');\r\n            }\r\n        }\r\n    };\r\n\r\n    const onUpload = () => {\r\n        if (fileList.length === 0) {\r\n            return message.info('请选择需要上传的文件');\r\n        }\r\n        setUploading(true);\r\n        const postUrl = getPostURL();\r\n        const fmd = new FormData();\r\n        fmd.append(fileKey, fileList[0]);\r\n        const request = new XMLHttpRequest();\r\n        request.open('POST', postUrl);\r\n\r\n        request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\r\n        request.setRequestHeader('access_token', token ? `${token}` : '');\r\n        request.onreadystatechange = e => {\r\n            if (e.target.readyState == 4) {\r\n                dealResult(e.target.response);\r\n            }\r\n        };\r\n\r\n        request.send(fmd);\r\n    };\r\n\r\n    const againUpload = () => {\r\n        setStatus(0);\r\n        setInterval(undefined);\r\n        setFileList([]);\r\n    };\r\n\r\n    const modelProps = {\r\n        visible,\r\n        width: 392,\r\n        maskClosable: false,\r\n        footer: [\r\n            <Button key=\"closeWindow\" onClick={close}>\r\n                {`关闭${status === 1 && result ? '(' + countdown + ')' : ''}`}\r\n            </Button>,\r\n            (status === 0 || (status === 1 && !result)) && (\r\n                <Button\r\n                    key=\"uploadSubmit\"\r\n                    type=\"primary\"\r\n                    loading={uploading}\r\n                    onClick={status === 0 ? onUpload : againUpload}\r\n                >\r\n                    {status === 0 ? '上传' : result ? `导入(${countdown})` : '再次上传'}\r\n                </Button>\r\n            ),\r\n        ],\r\n        onCancel: close,\r\n        title: (\r\n            <div className=\"vtx-import2-modal-header-title\">\r\n                <span className=\"vtx-import2-modal-header-text\">{title}</span>\r\n                <span className=\"vtx-import2-modal-header-subtitle\">导入</span>\r\n            </div>\r\n        ),\r\n    };\r\n    return (\r\n        <Modal {...modelProps}>\r\n            {status === 0 ? (\r\n                <Content\r\n                    fileList={fileList}\r\n                    setFileList={setFileList}\r\n                    accept={accept}\r\n                    fileKey={fileKey}\r\n                    templateURL={templateURL}\r\n                />\r\n            ) : (\r\n                <ImportResult\r\n                    result={result}\r\n                    errorFile={errorFile}\r\n                    errorURL={errorURL}\r\n                    errorDownloadName={errorDownloadName}\r\n                />\r\n            )}\r\n        </Modal>\r\n    );\r\n};\r\n\r\nVtxImport2.defaultProps = {\r\n    fileKey: 'file',\r\n    accept:\r\n        'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\r\n    postData: {},\r\n};\r\n\r\nVtxImport2.propTypes = {\r\n    visible: PropTypes.bool,\r\n    templateURL: PropTypes.string,\r\n    uploadURL: PropTypes.string,\r\n    title: PropTypes.string,\r\n    postData: PropTypes.object,\r\n    fileKey: PropTypes.string,\r\n    accept: PropTypes.string,\r\n    close: PropTypes.func,\r\n    errorURL: PropTypes.string,\r\n    errorDownloadName: PropTypes.string,\r\n    afterUpload: PropTypes.func,\r\n};\r\n\r\nexport default VtxImport2;\r\n"],"mappings":"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"}

package/lib/vtx-import2/style/css.js

@@ -1,7 +1,10 @@
 "use strict";
 
 require("antd/lib/modal/style/css");
+
 require("antd/lib/button/style/css");
+
 require("antd/lib/message/style/css");
+
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/vtx-import2/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-import2/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-import2/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\nimport 'antd/lib/button/style';\r\nimport 'antd/lib/message/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}

package/lib/vtx-import2/style/index.js

@@ -1,7 +1,10 @@
 "use strict";
 
 require("antd/lib/modal/style");
+
 require("antd/lib/button/style");
+
 require("antd/lib/message/style");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-import2/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-import2/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"mappings":";;AAAA;AACA;AACA;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-import2/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\nimport 'antd/lib/button/style';\r\nimport 'antd/lib/message/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}

package/lib/vtx-import2/style/index.less

@@ -1,102 +1,102 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-@prefix-cls: vtx-datagrid;
-
-.@{prefix-cls} when(@theme=default) {
-    &-modal {
-        background-color: '#f8f8f8';
-    }
-}
-.vtx-import2-modal-header-title {
-    color: @text-color;
-    .vtx-import2-modal-header-text {
-        font-weight: 400;
-    }
-    .vtx-import2-modal-header-subtitle {
-        font-weight: 700;
-        &::before {
-            margin: 0 4px;
-            font-weight: 400;
-            content: '>';
-        }
-    }
-}
-
-.vtx-import2-content-box {
-    position: relative;
-    display: flex;
-    align-items: center;
-    height: 80px;
-    padding: 16px 16px 16px 48px;
-    color: @primary-color;
-    font-size: 14px;
-    background-color: #f5f5f5;
-    border-radius: 4px;
-    .vtx-import2-download {
-        margin-left: 16px;
-    }
-    .vtx-import2-file-list {
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        width: 100%;
-        margin-left: 16px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        .vtx-import2-text {
-            cursor: pointer;
-        }
-        .vtx-import2-file-item {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            color: fade(@black, 65%);
-            .vtx-import2-file-name {
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-        }
-    }
-    &:first-child {
-        margin-bottom: 20px;
-    }
-    .vtx-import2-content-mark {
-        position: absolute;
-        top: 0;
-        left: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 28px;
-        height: 22px;
-        color: @text-color-inverse;
-        background-color: @primary-color;
-        border: 1px solid @primary-color;
-        border-radius: 4px 0;
-        opacity: 0.6;
-    }
-}
-
-.vtx-import2-result-warp {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 12px 0;
-    .vtx-import2-result {
-        margin-top: 20px;
-        margin-bottom: 12px;
-        color: fade(@black, 85%);
-        font-weight: 700;
-        font-size: 24px;
-    }
-    .vtx-import2-result-success-tips {
-        color: fade(@black, 45%);
-        font-size: 14px;
-    }
-    .vtx-import2-result-error-tips {
-        color: @primary-color;
-        font-size: 14px;
-        cursor: pointer;
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-datagrid;
+
+.@{prefix-cls} when(@theme=default) {
+    &-modal {
+        background-color: '#f8f8f8';
+    }
+}
+.vtx-import2-modal-header-title {
+    color: @text-color;
+    .vtx-import2-modal-header-text {
+        font-weight: 400;
+    }
+    .vtx-import2-modal-header-subtitle {
+        font-weight: 700;
+        &::before {
+            margin: 0 4px;
+            font-weight: 400;
+            content: '>';
+        }
+    }
+}
+
+.vtx-import2-content-box {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 80px;
+    padding: 16px 16px 16px 48px;
+    color: @primary-color;
+    font-size: 14px;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+    .vtx-import2-download {
+        margin-left: 16px;
+    }
+    .vtx-import2-file-list {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 100%;
+        margin-left: 16px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        .vtx-import2-text {
+            cursor: pointer;
+        }
+        .vtx-import2-file-item {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            color: fade(@black, 65%);
+            .vtx-import2-file-name {
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+        }
+    }
+    &:first-child {
+        margin-bottom: 20px;
+    }
+    .vtx-import2-content-mark {
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 28px;
+        height: 22px;
+        color: @text-color-inverse;
+        background-color: @primary-color;
+        border: 1px solid @primary-color;
+        border-radius: 4px 0;
+        opacity: 0.6;
+    }
+}
+
+.vtx-import2-result-warp {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 12px 0;
+    .vtx-import2-result {
+        margin-top: 20px;
+        margin-bottom: 12px;
+        color: fade(@black, 85%);
+        font-weight: 700;
+        font-size: 24px;
+    }
+    .vtx-import2-result-success-tips {
+        color: fade(@black, 45%);
+        font-size: 14px;
+    }
+    .vtx-import2-result-error-tips {
+        color: @primary-color;
+        font-size: 14px;
+        cursor: pointer;
+    }
+}

package/lib/vtx-input/TextArea.js

@@ -1,38 +1,54 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _input = _interopRequireDefault(require("antd/lib/input"));
+
 var _useLength = _interopRequireDefault(require("./useLength"));
+
 var _excluded = ["maxLength", "showCount", "placeholder"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$maxLength = props.maxLength,
-    maxLength = _props$maxLength === void 0 ? 200 : _props$maxLength,
-    _props$showCount = props.showCount,
-    showCount = _props$showCount === void 0 ? true : _props$showCount,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
-    rest = _objectWithoutProperties(props, _excluded);
+      maxLength = _props$maxLength === void 0 ? 200 : _props$maxLength,
+      _props$showCount = props.showCount,
+      showCount = _props$showCount === void 0 ? true : _props$showCount,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
+      rest = _objectWithoutProperties(props, _excluded);
+
   var len = (0, _useLength["default"])(props.value, {
     showCount: showCount
   });
+
   var render = /*#__PURE__*/_react["default"].createElement(_input["default"].TextArea, _extends({
     placeholder: placeholder,
     maxLength: maxLength
   }, rest, {
     ref: ref
   }));
+
   showCount && 'value' in props && (render = /*#__PURE__*/_react["default"].createElement("div", {
     className: "vtx-input-textarea",
     "data-count": "".concat(len, "/").concat(maxLength)

package/lib/vtx-input/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["TextArea","forwardRef","props","ref","maxLength","showCount","placeholder","rest","len","useLength","value","render","propTypes","PropTypes","number","string","bool"],"sources":["vtx-input/TextArea.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/lib/input';\nimport useLength from './useLength';\n\nconst TextArea = forwardRef((props, ref) => {\n    const { maxLength = 200, showCount = true, placeholder = '请输入', ...rest } = props;\n    const len = useLength(props.value, { showCount });\n\n    let render = (\n        <Input.TextArea placeholder={placeholder} maxLength={maxLength} {...rest} ref={ref} />\n    );\n\n    showCount &&\n        'value' in props &&\n        (render = (\n            <div className=\"vtx-input-textarea\" data-count={`${len}/${maxLength}`}>\n                {render}\n            </div>\n        ));\n    return render;\n});\n\nexport default TextArea;\n\nTextArea.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    placeholder: PropTypes.string,\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpC,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACxC,uBAA4ED,KAAK,CAAzEE,SAAS;IAATA,SAAS,iCAAG,GAAG;IAAA,mBAAqDF,KAAK,CAAxDG,SAAS;IAATA,SAAS,iCAAG,IAAI;IAAA,qBAAmCH,KAAK,CAAtCI,WAAW;IAAXA,WAAW,mCAAG,KAAK;IAAKC,IAAI,4BAAKL,KAAK;EACjF,IAAMM,GAAG,GAAG,IAAAC,qBAAS,EAACP,KAAK,CAACQ,KAAK,EAAE;IAAEL,SAAS,EAATA;EAAU,CAAC,CAAC;EAEjD,IAAIM,MAAM,gBACN,gCAAC,iBAAK,CAAC,QAAQ;IAAC,WAAW,EAAEL,WAAY;IAAC,SAAS,EAAEF;EAAU,GAAKG,IAAI;IAAE,GAAG,EAAEJ;EAAI,GACtF;EAEDE,SAAS,IACL,OAAO,IAAIH,KAAK,KACfS,MAAM,gBACH;IAAK,SAAS,EAAC,oBAAoB;IAAC,wBAAeH,GAAG,cAAIJ,SAAS;EAAG,GACjEO,MAAM,CAEd,CAAC;EACN,OAAOA,MAAM;AACjB,CAAC,CAAC;AAAC,eAEYX,QAAQ;AAAA;AAEvBA,QAAQ,CAACY,SAAS,GAAG;EACjBR,SAAS,EAAES,qBAAS,CAACC,MAAM;EAC3BJ,KAAK,EAAEG,qBAAS,CAACE,MAAM;EACvBV,SAAS,EAAEQ,qBAAS,CAACG,IAAI;EACzBV,WAAW,EAAEO,qBAAS,CAACE;AAC3B,CAAC"}
+{"version":3,"file":"TextArea.js","names":["TextArea","forwardRef","props","ref","maxLength","showCount","placeholder","rest","len","useLength","value","render","propTypes","PropTypes","number","string","bool"],"sources":["vtx-input/TextArea.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Input from 'antd/lib/input';\r\nimport useLength from './useLength';\r\n\r\nconst TextArea = forwardRef((props, ref) => {\r\n    const { maxLength = 200, showCount = true, placeholder = '请输入', ...rest } = props;\r\n    const len = useLength(props.value, { showCount });\r\n\r\n    let render = (\r\n        <Input.TextArea placeholder={placeholder} maxLength={maxLength} {...rest} ref={ref} />\r\n    );\r\n\r\n    showCount &&\r\n        'value' in props &&\r\n        (render = (\r\n            <div className=\"vtx-input-textarea\" data-count={`${len}/${maxLength}`}>\r\n                {render}\r\n            </div>\r\n        ));\r\n    return render;\r\n});\r\n\r\nexport default TextArea;\r\n\r\nTextArea.propTypes = {\r\n    maxLength: PropTypes.number,\r\n    value: PropTypes.string,\r\n    showCount: PropTypes.bool,\r\n    placeholder: PropTypes.string,\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,iBAAA,EAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;EACxC,uBAA4ED,KAA5E,CAAQE,SAAR;EAAA,IAAQA,SAAR,iCAAoB,GAApB;EAAA,uBAA4EF,KAA5E,CAAyBG,SAAzB;EAAA,IAAyBA,SAAzB,iCAAqC,IAArC;EAAA,yBAA4EH,KAA5E,CAA2CI,WAA3C;EAAA,IAA2CA,WAA3C,mCAAyD,KAAzD;EAAA,IAAmEC,IAAnE,4BAA4EL,KAA5E;;EACA,IAAMM,GAAG,GAAG,IAAAC,qBAAA,EAAUP,KAAK,CAACQ,KAAhB,EAAuB;IAAEL,SAAS,EAATA;EAAF,CAAvB,CAAZ;;EAEA,IAAIM,MAAM,gBACN,gCAAC,iBAAD,CAAO,QAAP;IAAgB,WAAW,EAAEL,WAA7B;IAA0C,SAAS,EAAEF;EAArD,GAAoEG,IAApE;IAA0E,GAAG,EAAEJ;EAA/E,GADJ;;EAIAE,SAAS,IACL,WAAWH,KADf,KAEKS,MAAM,gBACH;IAAK,SAAS,EAAC,oBAAf;IAAoC,wBAAeH,GAAf,cAAsBJ,SAAtB;EAApC,GACKO,MADL,CAHR;EAOA,OAAOA,MAAP;AACH,CAhBgB,CAAjB;eAkBeX,Q;;AAEfA,QAAQ,CAACY,SAAT,GAAqB;EACjBR,SAAS,EAAES,qBAAA,CAAUC,MADJ;EAEjBJ,KAAK,EAAEG,qBAAA,CAAUE,MAFA;EAGjBV,SAAS,EAAEQ,qBAAA,CAAUG,IAHJ;EAIjBV,WAAW,EAAEO,qBAAA,CAAUE;AAJN,CAArB"}