@vortex-ui/env-puzzle 2.0.0-beta.4 → 2.0.0-beta.5

package/lib/template/style/table.less

@@ -1,11 +1,21 @@
 @import (reference) '~antd/lib/style/themes/index.less';
+
 @prefix-cls: env-template;
+.@{prefix-cls} {
+    .ant-pagination-item-active {
+        background: @primary-color;
+        a {
+            color: #fff;
+        }
+    }
+}
 
 .@{prefix-cls}-table-wrap {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
+
 .@{prefix-cls}-card-wrap {
     flex: 1;
     height: 0;
@@ -18,7 +28,6 @@
         background-color: rgba(0, 0, 0, 0.05);
         border-radius: 3px;
     }
-
     .@{prefix-cls}-card-list-empty {
         margin-top: 200px;
     }
@@ -43,12 +52,10 @@
     flex: 1;
     &-action-btn {
         padding: 0;
-
         > span + .anticon-down {
             margin-left: 0;
         }
     }
-
     &-action-btn + &-action-btn {
         // margin-left: 8px;
     }
@@ -56,13 +63,11 @@
         .ant-popover-inner-content {
             padding: 0;
         }
-
         .ant-list-item {
             padding: 6px 28px;
             cursor: pointer;
         }
     }
-
     &-pagination {
         display: flex;
         justify-content: flex-end;
@@ -71,9 +76,9 @@
         height: 32px;
         box-sizing: content-box;
     }
-
     &-total-number {
         font-weight: 400;
         color: #5f5f5f;
     }
 }
+

package/lib/va.less

@@ -1,3 +1,6 @@
 @border-color: #e5e9f2;
 @normal-item-bg-color: #f2f2f2;
 @bg-color: #fff;
+@middle-font-color: #666;
+@table-header-bg: #f7f8fa;
+@text-color: #333;

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

@@ -1,3 +1,41 @@
+.green .ant-modal-body {
+  padding: 0;
+}
+.green .ant-modal-body .ant-form-item-control-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.green .ant-modal-body .ant-form-item-control-input .ant-form-item-control-input-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.env-view-modal .ant-modal-body {
+  padding: 0;
+}
+.env-view-modal .ant-modal-body .ant-form-item-control-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.env-view-modal .ant-modal-body .ant-form-item-control-input .ant-form-item-control-input-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
 .env-view-modal-title {
   font-weight: 400;
   color: #595959;

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

@@ -1,6 +1,21 @@
 @import (reference) '~antd/lib/style/themes/index.less';
 
+.green {
+    .ant-modal-body {
+        padding: 0;
+        .ant-form-item-control-input{
+            display: flex;
+            align-items: center;
+            .ant-form-item-control-input-content{
+                display: flex;
+                align-items: center;
+            }
+        }
+    }
+}
+
 .env-view-modal {
+    .green();
     &-title {
         font-weight: 400;
         color: @comment-action-hover-color;

package/lib/view-modal/view-modal.js

@@ -177,13 +177,14 @@ var ViewModal = function ViewModal(props) {
         return _vtxModal["default"].size.small;
 
       case 'middle':
-        return _vtxModal["default"].size.middle;
+        // return VtxModal.size.middle;
+        return 900;
 
       case 'large':
         return _vtxModal["default"].size.large;
 
       default:
-        return _vtxModal["default"].size.middle;
+        return 900;
     }
   };
 

package/lib/view-modal/view-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-modal.js","names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","ViewModal","props","size","visible","className","onCancel","children","width","rest","handleCancel","renderFieldItem","reactNode","parentNode","hasChildrenWithKeyProp","hasReactDOMWithKeyProp","React","Children","forEach","child","index","key","isValidElement","Array","isArray","resultArray","item","push","cloneElement","_a","node","result","map","title","createElement","Col","span","label","propChildren","clonedNode","undefined","Row","style","Tooltip","overflow","getWidth","VtxModal","xsmall","small","middle","large","assign","classnames","footer","Button","onClick"],"sources":["view-modal/view-modal.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React from 'react';\nimport Button from 'antd/lib/button';\nimport Col from 'antd/lib/col';\nimport Row from 'antd/lib/row';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport VtxModal from '@vtx/components/lib/vtx-modal';\nconst ViewModal = (props) => {\n    const { size, visible, className, onCancel, children, width } = props, rest = __rest(props, [\"size\", \"visible\", \"className\", \"onCancel\", \"children\", \"width\"]);\n    const handleCancel = (e) => {\n        onCancel && onCancel(e);\n    };\n    const renderFieldItem = (reactNode, parentNode) => {\n        if (!reactNode) {\n            return null;\n        }\n        let hasChildrenWithKeyProp = false;\n        // 处理数组的方式传入的值\n        let hasReactDOMWithKeyProp = false;\n        React.Children.forEach(reactNode, (child, index) => {\n            if ((child === null || child === void 0 ? void 0 : child.key) && child) {\n                if (React.isValidElement(child.props.children)) {\n                    hasChildrenWithKeyProp = true;\n                }\n                else {\n                    hasReactDOMWithKeyProp = true;\n                }\n            }\n        });\n        if (hasReactDOMWithKeyProp) {\n            if (Array.isArray(reactNode)) {\n                const resultArray = [];\n                reactNode.forEach((item) => {\n                    if (item) {\n                        resultArray.push(React.cloneElement(item, {}, renderFieldItem(item)));\n                    }\n                });\n            }\n        }\n        if (hasChildrenWithKeyProp) {\n            if (Array.isArray(reactNode)) {\n                const resultArray = [];\n                reactNode.forEach((item) => {\n                    var _a;\n                    resultArray.push(React.cloneElement(item, {}, renderFieldItem((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.children)));\n                });\n                return resultArray;\n            }\n            else {\n                const node = reactNode;\n                const result = React.cloneElement(node, {}, renderFieldItem(node.props.children));\n                return result;\n            }\n        }\n        return React.Children.map(reactNode, (child, index) => {\n            if (child === null\n                || typeof child === 'string'\n                || typeof child === 'boolean'\n                || typeof child === 'number') {\n                return child;\n            }\n            const { props } = child;\n            const title = props['data-title'];\n            if (title) {\n                return (React.createElement(Col, { key: title, span: 24 },\n                    React.createElement(\"div\", { className: \"env-view-modal-title\" }, title)));\n            }\n            const key = props['data-key'];\n            const label = props['data-label'];\n            // 自定义列 默认为24\n            // form列 默认为12\n            const span = props['data-span'];\n            // const labelCol = props['data-label-col'];\n            // const wrapperCol = props['data-wrapper-col'];\n            if (!label) {\n                const propChildren = props === null || props === void 0 ? void 0 : props.children;\n                if (propChildren) {\n                    const clonedNode = React.cloneElement(child, {}, renderFieldItem(propChildren, child));\n                    if (parentNode == undefined) {\n                        return React.createElement(Row, { style: { width: `100%` } }, clonedNode);\n                    }\n                    else {\n                        return clonedNode;\n                    }\n                }\n                return (React.createElement(Col, { className: \"env-view-modal-col\", key: index, span: span || 24 }, child));\n            }\n            return (React.createElement(Col, { className: \"env-view-modal-col\", key: key || label, span: span || 12 },\n                React.createElement(Col\n                // {...(labelCol)}\n                , { \n                    // {...(labelCol)}\n                    className: \"env-view-modal-col-label\" },\n                    React.createElement(Tooltip, { title: label },\n                        React.createElement(\"span\", null, label))),\n                React.createElement(Col\n                // {...(wrapperCol)}\n                , { \n                    // {...(wrapperCol)}\n                    className: \"env-view-modal-col-value\", style: { overflow: 'auto' } },\n                    React.createElement(\"span\", null, child))));\n        });\n    };\n    const getWidth = () => {\n        if (typeof width === 'number') {\n            return width;\n        }\n        switch (size) {\n            case 'xsmall':\n                return VtxModal.size.xsmall;\n            case 'small':\n                return VtxModal.size.small;\n            case 'middle':\n                return VtxModal.size.middle;\n            case 'large':\n                return VtxModal.size.large;\n            default:\n                return VtxModal.size.middle;\n        }\n    };\n    return (React.createElement(VtxModal, Object.assign({ className: classnames('env-view-modal', className), visible: visible, width: getWidth(), onCancel: handleCancel, footer: [\n            React.createElement(Button, { key: \"confirm\", onClick: handleCancel }, \"\\u5173\\u95ED\"),\n        ] }, rest),\n        React.createElement(Row, { style: { width: `100%` } }, renderFieldItem(children))));\n};\nexport default ViewModal;\n"],"mappings":"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"}
+{"version":3,"file":"view-modal.js","names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","ViewModal","props","size","visible","className","onCancel","children","width","rest","handleCancel","renderFieldItem","reactNode","parentNode","hasChildrenWithKeyProp","hasReactDOMWithKeyProp","React","Children","forEach","child","index","key","isValidElement","Array","isArray","resultArray","item","push","cloneElement","_a","node","result","map","title","createElement","Col","span","label","propChildren","clonedNode","undefined","Row","style","Tooltip","overflow","getWidth","VtxModal","xsmall","small","large","assign","classnames","footer","Button","onClick"],"sources":["view-modal/view-modal.js"],"sourcesContent":["var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport React from 'react';\nimport Button from 'antd/lib/button';\nimport Col from 'antd/lib/col';\nimport Row from 'antd/lib/row';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport VtxModal from '@vtx/components/lib/vtx-modal';\nconst ViewModal = (props) => {\n    const { size, visible, className, onCancel, children, width } = props, rest = __rest(props, [\"size\", \"visible\", \"className\", \"onCancel\", \"children\", \"width\"]);\n    const handleCancel = (e) => {\n        onCancel && onCancel(e);\n    };\n    const renderFieldItem = (reactNode, parentNode) => {\n        if (!reactNode) {\n            return null;\n        }\n        let hasChildrenWithKeyProp = false;\n        // 处理数组的方式传入的值\n        let hasReactDOMWithKeyProp = false;\n        React.Children.forEach(reactNode, (child, index) => {\n            if ((child === null || child === void 0 ? void 0 : child.key) && child) {\n                if (React.isValidElement(child.props.children)) {\n                    hasChildrenWithKeyProp = true;\n                }\n                else {\n                    hasReactDOMWithKeyProp = true;\n                }\n            }\n        });\n        if (hasReactDOMWithKeyProp) {\n            if (Array.isArray(reactNode)) {\n                const resultArray = [];\n                reactNode.forEach((item) => {\n                    if (item) {\n                        resultArray.push(React.cloneElement(item, {}, renderFieldItem(item)));\n                    }\n                });\n            }\n        }\n        if (hasChildrenWithKeyProp) {\n            if (Array.isArray(reactNode)) {\n                const resultArray = [];\n                reactNode.forEach((item) => {\n                    var _a;\n                    resultArray.push(React.cloneElement(item, {}, renderFieldItem((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.children)));\n                });\n                return resultArray;\n            }\n            else {\n                const node = reactNode;\n                const result = React.cloneElement(node, {}, renderFieldItem(node.props.children));\n                return result;\n            }\n        }\n        return React.Children.map(reactNode, (child, index) => {\n            if (child === null\n                || typeof child === 'string'\n                || typeof child === 'boolean'\n                || typeof child === 'number') {\n                return child;\n            }\n            const { props } = child;\n            const title = props['data-title'];\n            if (title) {\n                return (React.createElement(Col, { key: title, span: 24 },\n                    React.createElement(\"div\", { className: \"env-view-modal-title\" }, title)));\n            }\n            const key = props['data-key'];\n            const label = props['data-label'];\n            // 自定义列 默认为24\n            // form列 默认为12\n            const span = props['data-span'];\n            // const labelCol = props['data-label-col'];\n            // const wrapperCol = props['data-wrapper-col'];\n            if (!label) {\n                const propChildren = props === null || props === void 0 ? void 0 : props.children;\n                if (propChildren) {\n                    const clonedNode = React.cloneElement(child, {}, renderFieldItem(propChildren, child));\n                    if (parentNode == undefined) {\n                        return React.createElement(Row, { style: { width: `100%` } }, clonedNode);\n                    }\n                    else {\n                        return clonedNode;\n                    }\n                }\n                return (React.createElement(Col, { className: \"env-view-modal-col\", key: index, span: span || 24 }, child));\n            }\n            return (React.createElement(Col, { className: \"env-view-modal-col\", key: key || label, span: span || 12 },\n                React.createElement(Col\n                // {...(labelCol)}\n                , { \n                    // {...(labelCol)}\n                    className: \"env-view-modal-col-label\" },\n                    React.createElement(Tooltip, { title: label },\n                        React.createElement(\"span\", null, label))),\n                React.createElement(Col\n                // {...(wrapperCol)}\n                , { \n                    // {...(wrapperCol)}\n                    className: \"env-view-modal-col-value\", style: { overflow: 'auto' } },\n                    React.createElement(\"span\", null, child))));\n        });\n    };\n    const getWidth = () => {\n        if (typeof width === 'number') {\n            return width;\n        }\n        switch (size) {\n            case 'xsmall':\n                return VtxModal.size.xsmall;\n            case 'small':\n                return VtxModal.size.small;\n            case 'middle':\n                // return VtxModal.size.middle;\n                return 900;\n            case 'large':\n                return VtxModal.size.large;\n            default:\n                return 900;\n        }\n    };\n    return (React.createElement(VtxModal, Object.assign({ className: classnames('env-view-modal', className), visible: visible, width: getWidth(), onCancel: handleCancel, footer: [\n            React.createElement(Button, { key: \"confirm\", onClick: handleCancel }, \"\\u5173\\u95ED\"),\n        ] }, rest),\n        React.createElement(Row, { style: { width: `100%` } }, renderFieldItem(children))));\n};\nexport default ViewModal;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vortex-ui/env-puzzle",
-  "version": "2.0.0-beta.4",
+  "version": "2.0.0-beta.5",
   "main": "lib/index.js",
   "description": "Envcloud frontend accumulation",
   "author": {