@vortex-ui/env-puzzle 2.0.0-beta.8 → 3.0.0-beta.1

package/lib/style/darkGreen.less

@@ -1,370 +0,0 @@
-@border-color: #e5e9f2;
-@normal-item-bg-color: #f2f2f2;
-@bg-color: #fff;
-@middle-font-color: #666;
-@table-header-bg: #f7f8fa;
-@text-color: #333;
-.darkGreenFormItem {
-    .ant-modal-body {
-        padding: 0;
-        position: relative;
-        &::after {
-            content: '';
-            position: absolute;
-            right: 0;
-            top: 0;
-            bottom: 0;
-            width: 1px;
-            background: @border-color;
-        }
-        .vtx-form-layout {
-            > .vtx-form-layout {
-                border: none;
-            }
-            > .vtx-form-pane:nth-child(1) {
-                border-top: 1px solid @border-color;
-                .vtx-form-pane-title {
-                    padding-top: 16px;
-                }
-            }
-            position: relative;
-            padding: 0;
-            border-left: 1px solid @border-color;
-            border-bottom: 1px solid @border-color;
-            .vtx-form-item-col {
-                position: relative;
-                z-index: 9;
-                margin-bottom: 0;
-                //border-bottom: 1px solid @border-color;
-                border-right: 1px solid @border-color;
-                border-top: 1px solid @border-color;
-                min-height: 60px;
-            }
-            .ant-col-8,
-            .ant-col-12,
-            .ant-col-24 {
-                &.vtx-form-item-col {
-                    border-bottom: 1px solid @border-color;
-                    margin-bottom: -1px;
-                }
-            }
-            .vtx-form-card {
-                border: none;
-            }
-            .vtx-form-pane {
-                .ant-divider {
-                    height: 0;
-                    border: none;
-                }
-            }
-            .vtx-form-pane-content {
-                //border-left: 1px solid @border-color;
-            }
-            .ant-card:not(:nth-last-child(1)) {
-                .vtx-form-card-content {
-                    border-bottom: 1px solid @border-color;
-                }
-            }
-            .vtx-form-card-content {
-                padding: 20px 0 0 0;
-            }
-            .ant-card.vtx-form-card {
-                border-bottom: none;
-            }
-            .ant-tabs-tabpane {
-                .ant-divider {
-                    height: 0;
-                    border: none;
-                }
-            }
-            .ant-card-head {
-                background: @normal-item-bg-color;
-                .ant-card-head-title {
-                    font-weight: normal;
-                    color: @text-color;
-                }
-                .ant-card-extra {
-                    span {
-                        color: @middle-font-color;
-                    }
-                }
-            }
-        }
-        .ant-form-item {
-            height: 100%;
-            margin-bottom: 0 !important;
-            margin-right: 0;
-            .ant-form-item-row {
-                height: 100%;
-                align-items: center;
-            }
-            .ant-form-item-control {
-                height: 100%;
-                background: @bg-color;
-                > *:only-child {
-                    height: 100%;
-                }
-                .ant-form-item-control-input {
-                    height: 100%;
-                }
-                .ant-form-item-explain {
-                    position: absolute;
-                    bottom: 0;
-                    left: 5px;
-                    right: 0;
-                }
-            }
-            .ant-form-item-label {
-                background: @normal-item-bg-color;
-                height: 100%;
-                min-height: 58px;
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-            }
-            // 各个表单样式控制
-            .ant-form-item-control-input-content {
-                > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea):not(.env-tree-select) {
-                    padding-left: 10px;
-                }
-                > .ant-select-disabled {
-                    height: calc(~'100% + 2px');
-                    position: relative;
-                    // top: -1px;
-                    .ant-select-selector {
-                        border-radius: 0;
-                    }
-                }
-                padding-top: 1px;
-                padding-bottom: 1px;
-                height: 100%;
-                display: flex;
-                align-items: center;
-                input,
-                textarea {
-                    height: 100% !important;
-                    border: none;
-                }
-            }
-            .ant-checkbox,
-            .ant-radio {
-                input {
-                    display: none;
-                }
-            }
-            .vtx-multi-select {
-                height: 100%;
-                .ant-select {
-                    height: 100%;
-                    .ant-select-selector {
-                        height: 100%;
-                    }
-                }
-                .ant-select-selector {
-                    border: none;
-                    border-right: 1px solid @border-color;
-                }
-                .ant-btn {
-                    height: 100%;
-                    border: none;
-                }
-            }
-            .vtx-input-textarea {
-                width: 100%;
-                height: 100%;
-            }
-            input {
-                padding-left: 0;
-                min-height: 56px;
-            }
-            textarea,
-            .ant-input-number-disabled,
-            .ant-input-affix-wrapper,
-            .env-tree-select,
-            .ant-select,
-            .ant-input-number,
-            .ant-picker {
-                height: 100%;
-                border: none;
-                .ant-input-number-input-wrap {
-                    height: 100%;
-                }
-            }
-            .ant-select {
-                display: flex;
-                align-items: center;
-                .ant-select-selector {
-                    //height: calc(~'100% - 1px');
-                    height: 100%;
-                    width: 100%;
-                    border: none;
-                    input {
-                        height: 100%;
-                        overflow: visible;
-                    }
-                }
-                .ant-select-selection-placeholder,
-                .ant-select-selection-item {
-                    height: 100%;
-                    display: flex;
-                    align-items: center;
-                }
-            }
-            .ant-upload-picture-card-wrapper {
-                padding-top: 10px;
-            }
-            .ant-select-focused,
-            .ant-input-number-focused,
-            .ant-input-affix-wrapper {
-                outline: none;
-                position: relative;
-                z-index: 199;
-                width: calc(~'100% - 1px');
-                // height: calc(~'100% - 1px');
-            }
-            input:focus,
-            textarea:focus {
-                outline: none;
-                position: relative;
-                z-index: 199;
-                width: calc(~'100% - 1px');
-                // height: calc(~'100% - 1px');
-            }
-        }
-        .ant-row {
-            width: 100%;
-        }
-        .vtx-form-pane-title {
-            padding-left: 24px;
-            margin-bottom: 0;
-            padding-bottom: 24px;
-            border-right: 1px solid @border-color;
-        }
-        .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4) {
-            &.ant-form-item-label {
-                width: 150px;
-            }
-        }
-        .text-node {
-            box-sizing: border-box;
-            padding-left: 10px;
-        }
-        .ant-col:not(:nth-child(1)) {
-            .ant-row {
-                .ant-col.vtx-form-item-col {
-                    border-top: none;
-                }
-            }
-        }
-        .ant-form-item-with-help {
-            margin-bottom: 0 !important;
-        }
-        //.ant-col{
-        //    max-height: 62px ;
-        //    overflow: hidden;
-        //}
-    }
-    .ant-tabs-nav-wrap {
-        background: @table-header-bg;
-        height: 42px;
-        .ant-tabs-tab-active {
-            background: #fff;
-        }
-        .ant-tabs-tab {
-            height: 42px;
-            padding-left: 18px !important;
-            padding-right: 18px !important;
-            margin-left: 0;
-        }
-        .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
-            top: 0;
-        }
-    }
-}
-
-.darkGreen {
-    .env-create-modal {
-        .darkGreenFormItem();
-    }
-    .env-view-modal {
-        .ant-modal-body {
-            > .ant-row {
-                position: relative;
-                padding: 0;
-                .left-border {
-                    position: absolute;
-                    left: 0;
-                    top: 0;
-                    bottom: 0;
-                    width: 1px;
-                    background: @border-color;
-                }
-                .right-border {
-                    position: absolute;
-                    right: 0;
-                    top: 0;
-                    bottom: 0;
-                    width: 1px;
-                    background: @border-color;
-                }
-                .top-border {
-                    position: absolute;
-                    right: 0;
-                    left: 0;
-                    top: 0;
-                    height: 1px;
-                    background: @border-color;
-                }
-                .bottom-border {
-                    position: absolute;
-                    right: 0;
-                    left: 0;
-                    bottom: 0;
-                    height: 1px;
-                    background: @border-color;
-                }
-            }
-        }
-        .env-view-modal-col {
-            position: relative;
-            background: #fff;
-            z-index: 9;
-            border-top: 1px solid @border-color;
-            border-bottom: 1px solid @border-color;
-            border-right: 1px solid @border-color;
-            margin-bottom: -1px;
-        }
-        .env-view-modal-col-label {
-            box-sizing: border-box;
-            padding-left: 0;
-            text-align: right;
-            flex-basis: 100px;
-            flex-shrink: 0;
-            width: 100px;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-            background: @normal-item-bg-color;
-            height: 100%;
-            min-height: 58px;
-            display: flex;
-            align-items: center;
-            justify-content: flex-end;
-        }
-        .env-view-modal-col-value {
-            padding-left: 10px;
-            display: flex;
-            align-items: center;
-
-            .ant-upload-picture-card-wrapper{
-                padding-top: 10px;
-            }
-        }
-        .ant-divider-horizontal {
-            display: none;
-        }
-    }
-    .ant-upload-list-picture-card {
-        min-height: 112px;
-    }
-}

package/lib/style/index.d.ts

@@ -1,2 +0,0 @@
-declare const iframeEnv = "darkGreen";
-declare const themeList: string[];

package/lib/style/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-// todo: 这里可以使用环境变量等更优雅的方法
-var iframeEnv = 'darkGreen';
-var themeList = ['darkGreen'];
-themeList.forEach(function (item) {
-  if (iframeEnv === item) {
-    document.body.className = 'darkGreen';
-
-    require('./darkGreen.less');
-  }
-});
-//# sourceMappingURL=index.js.map

package/lib/style/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["iframeEnv","themeList","forEach","item","document","body","className","require"],"sources":["style/index.js"],"sourcesContent":["// todo: 这里可以使用环境变量等更优雅的方法\nconst iframeEnv = 'darkGreen';\nconst themeList = ['darkGreen'];\nthemeList.forEach((item) => {\n    if (iframeEnv === item) {\n        document.body.className = 'darkGreen';\n        require('./darkGreen.less');\n    }\n});\n"],"mappings":";;AAAA;AACA,IAAMA,SAAS,GAAG,WAAlB;AACA,IAAMC,SAAS,GAAG,CAAC,WAAD,CAAlB;AACAA,SAAS,CAACC,OAAV,CAAkB,UAACC,IAAD,EAAU;EACxB,IAAIH,SAAS,KAAKG,IAAlB,EAAwB;IACpBC,QAAQ,CAACC,IAAT,CAAcC,SAAd,GAA0B,WAA1B;;IACAC,OAAO,CAAC,kBAAD,CAAP;EACH;AACJ,CALD"}