@vtx/components 3.1.1 → 3.1.2

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

@@ -55,13 +55,13 @@
             }
         }
     }
-    .ant-table-thead > tr > th {
+    .ant-table-thead > tr > th when(@theme=default) {
         // antd4.0 半透明会重叠
         // background-color: fade(#1890ff, 8);
         background-color: rgba(237, 246, 255, 1);
     }
     .ant-table-tbody > tr {
-        &:nth-child(even) {
+        &:nth-child(even) when(@theme=default) {
             background: #f6f6f6;
         }
         &.ant-table-placeholder {
@@ -84,9 +84,12 @@
     // }
     &-alert {
         margin-bottom: 8px;
-        &-message {
+        &-message when(@theme=default) {
             color: fade(@black, 65%);
         }
+        &-message when(@theme=dark) {
+            color: @text-color;
+        }
         &-info-content > strong {
             margin: 0 4px;
             color: #13c2c2;

package/lib/vtx-form-layout/demo/Modal.css

@@ -2,7 +2,7 @@
   position: relative;
   background-color: #fff;
   background-clip: padding-box;
-  border: 0;
+  border: 1px solid #d9d9d9;
   border-radius: 4px;
   -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
           box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -12,7 +12,7 @@
   padding: 16px 24px;
   color: rgba(0, 0, 0, 0.65);
   background: #fff;
-  border-bottom: 1px solid #e8e8e8;
+  border-bottom: 1px solid #d9d9d9;
   border-radius: 4px 4px 0 0;
 }
 .vtx-demo-modal-title {
@@ -33,7 +33,7 @@
   padding: 10px 16px;
   text-align: right;
   background: transparent;
-  border-top: 1px solid #e8e8e8;
+  border-top: 1px solid #d9d9d9;
   border-radius: 0 0 4px 4px;
 }
 .vtx-demo-modal-footer button + button {

package/lib/vtx-form-layout/demo/Modal.less

@@ -1,21 +1,23 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
 .vtx-demo-modal {
     position: relative;
-    background-color: #fff;
+    background-color: @component-background;
     background-clip: padding-box;
-    border: 0;
+    border: 1px solid @border-color-base;
     border-radius: 4px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
     pointer-events: auto;
     &-header {
         padding: 16px 24px;
         color: rgba(0, 0, 0, 0.65);
-        background: #fff;
-        border-bottom: 1px solid #e8e8e8;
+        background: @component-background;
+        border-bottom: 1px solid @border-color-base;
         border-radius: 4px 4px 0 0;
     }
     &-title {
         margin: 0;
-        color: rgba(0, 0, 0, 0.85);
+        color: @text-color;
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
@@ -31,7 +33,7 @@
         padding: 10px 16px;
         text-align: right;
         background: transparent;
-        border-top: 1px solid #e8e8e8;
+        border-top: 1px solid @border-color-base;
         border-radius: 0 0 4px 4px;
         button + button {
             margin-bottom: 0;

package/lib/vtx-image/style/index.css

@@ -42,5 +42,5 @@
   -ms-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
-  color: #e9e9e9;
+  color: rgba(0, 0, 0, 0.45);
 }

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

@@ -37,12 +37,27 @@
         position: relative;
         height: 100%;
         min-height: @min-height;
-        background: #fbfbfb;
+        background: @table-expanded-row-bg;
         border: @border-width-base @border-style-base @border-color-split;
         cursor: default;
         p {
             .center();
-            color: #e9e9e9;
+            color: @text-color-secondary;
+        }
+    }
+}
+.@{prefix-cls} when(@theme=dark) {
+    &-nodata,
+    &-error {
+        position: relative;
+        height: 100%;
+        min-height: @min-height;
+        background: @aspectFit-background;
+        border: @border-width-base @border-style-base @border-color-split;
+        cursor: default;
+        p {
+            .center();
+            color: @text-color-secondary;
         }
     }
 }

package/lib/vtx-import/index.js

@@ -142,9 +142,7 @@ function VtxImport(props) {
       uploadURL = props.uploadURL,
       afterUpload = props.afterUpload;
   var modalProps = {
-    bodyStyle: {
-      backgroundColor: '#f8f8f8'
-    },
+    className: 'vtx-import-modal',
     visible: state.visible,
     title: '导入',
     onCancel: function onCancel() {

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-import/index.jsx"],"names":["token","VtxImport","props","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","result","message","error","msg","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxImportResult from './result';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\nconst { token } = getUrlParam();\nfunction VtxImport(props) {\n    const [state, setState] = useSet({\n        fileForm: null, // form表单\n        fileInput: null, // 保存上传的文件\n        iframe: null, // form表单提交之后跳转的\n        useFormData: window.FormData ? true : false, // 是否查看\n        uploading: false, // 表单提交的状态\n        visible: props.visible || false,\n        fileKey: props.fileKey || 'file',\n        accept:\n            props.accept ||\n            'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n        resultVisible: false, // 导入结果查看弹窗\n        resultData: [], // 导入结果查看\n        modalWidth: props.modalWidth || 800,\n        columns: props.columns || [\n            {\n                title: '行号',\n                dataIndex: 'lineNum',\n                key: 'lineNum',\n            },\n            {\n                title: '错误说明',\n                dataIndex: 'messages',\n                key: 'messages',\n            },\n        ],\n    });\n    // 获取上传地址（拼接参数）\n    const getPostURL = () => {\n        const postUrl = props.uploadURL;\n        const postData = props.postData || {};\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    const closeModal = () => {\n        state.fileInput.value = '';\n        if (typeof props.close === 'function') {\n            props.close();\n        } else {\n            setState({\n                visible: !state.visible,\n            });\n        }\n    };\n    // 上传之后的回调 - 展示报错信息\n    const uploadSuccess = data => {\n        state.fileInput.value = '';\n        setState({\n            uploading: false,\n        });\n        if (typeof props.afterUpload === 'function') {\n            afterUpload(data);\n        }\n        const parseData = JSON.parse(data);\n        if (Array.isArray(parseData?.data)) {\n            setState({\n                resultVisible: true,\n                resultData: parseData.data\n                    .map((item, index) => ({\n                        ...item,\n                        key: index,\n                        messages: item.messages.join(','),\n                    }))\n                    .filter(item => item.messages.length !== 0),\n            });\n        } else {\n            // 新增其他错误提示\n            if (parseData.result !== 0) {\n                message.error(parseData?.msg || '服务器异常');\n            }\n        }\n    };\n    const { templateURL, uploadURL, afterUpload } = props;\n    const modalProps = {\n        bodyStyle: {\n            backgroundColor: '#f8f8f8',\n        },\n        visible: state.visible,\n        title: '导入',\n        onCancel: () => closeModal(),\n        maskClosable: false,\n        footer: [\n            templateURL ? (\n                <Button\n                    key=\"downloadTemple\"\n                    onClick={() => {\n                        window.open(templateURL);\n                    }}\n                >\n                    下载模板\n                </Button>\n            ) : null,\n            <Button\n                key=\"uploadSubmit\"\n                type=\"primary\"\n                loading={state.uploading}\n                onClick={() => {\n                    const postUrl = getPostURL();\n                    if (state.fileInput.value) {\n                        setState({\n                            uploading: true,\n                        });\n                        if (state.useFormData) {\n                            const request = new XMLHttpRequest();\n                            request.open('POST', postUrl);\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                                    uploadSuccess(e.target.response);\n                                }\n                            };\n                            const fmd = new FormData();\n                            fmd.append(state.fileKey, state.fileInput.files[0]);\n                            request.send(fmd);\n                        }\n                    } else {\n                        message.info('请选择需要上传的文件');\n                    }\n                }}\n            >\n                上传\n            </Button>,\n            <Button\n                key=\"closeWindow\"\n                onClick={() => {\n                    closeModal();\n                }}\n            >\n                关闭\n            </Button>,\n        ],\n    };\n    const resultProps = {\n        visible: state.resultVisible,\n        dataSource: state.resultData,\n        columns: state.columns,\n        hideVisible: () => {\n            setState({\n                resultVisible: false,\n            });\n        },\n        modalWidth: state.modalWidth,\n    };\n    return (\n        <Modal {...modalProps}>\n            {props.children}\n            <form\n                encType=\"multipart/form-data\"\n                method=\"post\"\n                target=\"tmp\"\n                action={uploadURL}\n                ref={dom => {\n                    if (dom) state.fileForm = dom;\n                }}\n            >\n                <input\n                    type=\"file\"\n                    name={state.fileKey}\n                    accept={state.accept}\n                    ref={dom => {\n                        if (dom) state.fileInput = dom;\n                    }}\n                />\n            </form>\n            <iframe\n                name=\"tmp\"\n                style={{ display: 'none' }}\n                ref={dom => {\n                    if (dom) state.iframe = dom;\n                }}\n            ></iframe>\n            {state.resultVisible && <VtxImportResult {...resultProps} />}\n        </Modal>\n    );\n}\nVtxImport.propTypes = {\n    visible: PropTypes.bool,\n    templateURL: PropTypes.string,\n    uploadURL: PropTypes.string,\n    postData: PropTypes.object,\n    fileKey: PropTypes.string,\n    accept: PropTypes.string,\n    close: PropTypes.func,\n    afterUpload: PropTypes.func,\n    modalWidth: PropTypes.number,\n    columns: PropTypes.array,\n    children: PropTypes.object,\n};\nexport default VtxImport;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-import/index.jsx"],"names":["token","VtxImport","props","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","result","message","error","msg","templateURL","modalProps","className","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxImportResult from './result';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\nconst { token } = getUrlParam();\nfunction VtxImport(props) {\n    const [state, setState] = useSet({\n        fileForm: null, // form表单\n        fileInput: null, // 保存上传的文件\n        iframe: null, // form表单提交之后跳转的\n        useFormData: window.FormData ? true : false, // 是否查看\n        uploading: false, // 表单提交的状态\n        visible: props.visible || false,\n        fileKey: props.fileKey || 'file',\n        accept:\n            props.accept ||\n            'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n        resultVisible: false, // 导入结果查看弹窗\n        resultData: [], // 导入结果查看\n        modalWidth: props.modalWidth || 800,\n        columns: props.columns || [\n            {\n                title: '行号',\n                dataIndex: 'lineNum',\n                key: 'lineNum',\n            },\n            {\n                title: '错误说明',\n                dataIndex: 'messages',\n                key: 'messages',\n            },\n        ],\n    });\n    // 获取上传地址（拼接参数）\n    const getPostURL = () => {\n        const postUrl = props.uploadURL;\n        const postData = props.postData || {};\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    const closeModal = () => {\n        state.fileInput.value = '';\n        if (typeof props.close === 'function') {\n            props.close();\n        } else {\n            setState({\n                visible: !state.visible,\n            });\n        }\n    };\n    // 上传之后的回调 - 展示报错信息\n    const uploadSuccess = data => {\n        state.fileInput.value = '';\n        setState({\n            uploading: false,\n        });\n        if (typeof props.afterUpload === 'function') {\n            afterUpload(data);\n        }\n        const parseData = JSON.parse(data);\n        if (Array.isArray(parseData?.data)) {\n            setState({\n                resultVisible: true,\n                resultData: parseData.data\n                    .map((item, index) => ({\n                        ...item,\n                        key: index,\n                        messages: item.messages.join(','),\n                    }))\n                    .filter(item => item.messages.length !== 0),\n            });\n        } else {\n            // 新增其他错误提示\n            if (parseData.result !== 0) {\n                message.error(parseData?.msg || '服务器异常');\n            }\n        }\n    };\n    const { templateURL, uploadURL, afterUpload } = props;\n    const modalProps = {\n        className: 'vtx-import-modal',\n        visible: state.visible,\n        title: '导入',\n        onCancel: () => closeModal(),\n        maskClosable: false,\n        footer: [\n            templateURL ? (\n                <Button\n                    key=\"downloadTemple\"\n                    onClick={() => {\n                        window.open(templateURL);\n                    }}\n                >\n                    下载模板\n                </Button>\n            ) : null,\n            <Button\n                key=\"uploadSubmit\"\n                type=\"primary\"\n                loading={state.uploading}\n                onClick={() => {\n                    const postUrl = getPostURL();\n                    if (state.fileInput.value) {\n                        setState({\n                            uploading: true,\n                        });\n                        if (state.useFormData) {\n                            const request = new XMLHttpRequest();\n                            request.open('POST', postUrl);\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                                    uploadSuccess(e.target.response);\n                                }\n                            };\n                            const fmd = new FormData();\n                            fmd.append(state.fileKey, state.fileInput.files[0]);\n                            request.send(fmd);\n                        }\n                    } else {\n                        message.info('请选择需要上传的文件');\n                    }\n                }}\n            >\n                上传\n            </Button>,\n            <Button\n                key=\"closeWindow\"\n                onClick={() => {\n                    closeModal();\n                }}\n            >\n                关闭\n            </Button>,\n        ],\n    };\n    const resultProps = {\n        visible: state.resultVisible,\n        dataSource: state.resultData,\n        columns: state.columns,\n        hideVisible: () => {\n            setState({\n                resultVisible: false,\n            });\n        },\n        modalWidth: state.modalWidth,\n    };\n    return (\n        <Modal {...modalProps}>\n            {props.children}\n            <form\n                encType=\"multipart/form-data\"\n                method=\"post\"\n                target=\"tmp\"\n                action={uploadURL}\n                ref={dom => {\n                    if (dom) state.fileForm = dom;\n                }}\n            >\n                <input\n                    type=\"file\"\n                    name={state.fileKey}\n                    accept={state.accept}\n                    ref={dom => {\n                        if (dom) state.fileInput = dom;\n                    }}\n                />\n            </form>\n            <iframe\n                name=\"tmp\"\n                style={{ display: 'none' }}\n                ref={dom => {\n                    if (dom) state.iframe = dom;\n                }}\n            ></iframe>\n            {state.resultVisible && <VtxImportResult {...resultProps} />}\n        </Modal>\n    );\n}\nVtxImport.propTypes = {\n    visible: PropTypes.bool,\n    templateURL: PropTypes.string,\n    uploadURL: PropTypes.string,\n    postData: PropTypes.object,\n    fileKey: PropTypes.string,\n    accept: PropTypes.string,\n    close: PropTypes.func,\n    afterUpload: PropTypes.func,\n    modalWidth: PropTypes.number,\n    columns: PropTypes.array,\n    children: PropTypes.object,\n};\nexport default VtxImport;\n"],"file":"index.js"}

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

@@ -5,4 +5,6 @@ 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-import/style/css.js.map

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

package/lib/vtx-import/style/index.css

@@ -0,0 +1,3 @@
+.vtx-datagrid-modal {
+  background-color: '#f8f8f8';
+}

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

@@ -5,4 +5,6 @@ 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-import/style/index.js.map

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

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

@@ -0,0 +1,8 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-datagrid;
+
+.@{prefix-cls} when(@theme=default) {
+    &-modal {
+        background-color: '#f8f8f8';
+    }
+}

package/lib/vtx-modal/style/index.css

@@ -65,12 +65,16 @@
   right: 20px;
 }
 .vtx-modal-header-title .vtx-modal-header-text {
-  color: rgba(0, 0, 0, 0.65);
   font-weight: 400;
 }
+.vtx-modal-header-title .vtx-modal-header-text {
+  color: rgba(0, 0, 0, 0.65);
+}
 .vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
   margin: 0 4px;
-  color: rgba(0, 0, 0, 0.65);
   font-weight: 400;
   content: '>';
 }
+.vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
+  color: rgba(0, 0, 0, 0.65);
+}

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

@@ -71,15 +71,25 @@
 
 .vtx-modal-header-title {
     .vtx-modal-header-text {
-        color: fade(@black, 65%);
         font-weight: 400;
     }
+    .vtx-modal-header-text when(@theme=dark) {
+        color: @text-color;
+    }
+    .vtx-modal-header-text when(@theme=default) {
+        color: fade(@black, 65%);
+    }
     .vtx-modal-header-text + .vtx-modal-header-subtitle {
         &::before {
             margin: 0 4px;
-            color: fade(@black, 65%);
             font-weight: 400;
             content: '>';
         }
+        &::before when(@theme=dark) {
+            color: @text-color;
+        }
+        &::before when(@theme=default) {
+            color: fade(@black, 65%);
+        }
     }
 }

package/lib/vtx-page-layout/style/index.less

@@ -99,7 +99,7 @@
         @table-page-padding-left;
     overflow-x: hidden;
     font-size: 14px;
-    background-color: #f0f2f5;
+    background-color: @layout-body-background;
 }
 
 .vtx-table {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "description": "React components for Vortex",
   "keywords": [
     "react",