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

package/lib/create-modal/index.d.ts

@@ -1,3 +1,4 @@
 import CreateModal from './create-modal';
+import '../style/index';
 export default CreateModal;
 export { CreateModalControl } from './create-modal';

package/lib/create-modal/index.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _createModal = _interopRequireDefault(require("./create-modal"));
 
+require("../style/index");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var _default = _createModal["default"];

package/lib/create-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CreateModal"],"sources":["create-modal/index.js"],"sourcesContent":["import CreateModal from './create-modal';\nexport default CreateModal;\n"],"mappings":";;;;;;;AAAA;;;;eACeA,uB"}
+{"version":3,"file":"index.js","names":["CreateModal"],"sources":["create-modal/index.js"],"sourcesContent":["import CreateModal from './create-modal';\nimport '../style/index';\nexport default CreateModal;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;eACeA,uB"}

package/lib/global.css

@@ -1,260 +1,3 @@
 .__dumi-default-mobile-demo-layout {
   padding: 0;
 }
-.ant-form {
-  padding: 0;
-  position: relative;
-}
-.ant-form::after {
-  content: '';
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: #e5e9f2;
-}
-.ant-form .vtx-form-layout {
-  position: relative;
-  padding: 0;
-  border-left: 1px solid #e5e9f2;
-  border-bottom: 1px solid #e5e9f2;
-}
-.ant-form .vtx-form-layout > .vtx-form-layout {
-  border: none;
-}
-.ant-form .vtx-form-layout > .vtx-form-pane:nth-child(1) {
-  border-top: 1px solid #e5e9f2;
-}
-.ant-form .vtx-form-layout > .vtx-form-pane:nth-child(1) .vtx-form-pane-title {
-  padding-top: 16px;
-}
-.ant-form .vtx-form-layout .vtx-form-item-col {
-  position: relative;
-  z-index: 9;
-  margin-bottom: 0;
-  border-right: 1px solid #e5e9f2;
-  border-top: 1px solid #e5e9f2;
-  min-height: 60px;
-}
-.ant-form .vtx-form-layout .vtx-form-item-col .ant-select-focused,
-.ant-form .vtx-form-layout .vtx-form-item-col .ant-input-number-focused,
-.ant-form .vtx-form-layout .vtx-form-item-col .ant-input-affix-wrapper,
-.ant-form .vtx-form-layout .vtx-form-item-col input:focus,
-.ant-form .vtx-form-layout .vtx-form-item-col textarea:focus {
-  outline: none;
-  position: relative;
-  z-index: 199;
-  height: calc(100% - 1px);
-}
-.ant-form .vtx-form-layout .ant-col-8.vtx-form-item-col,
-.ant-form .vtx-form-layout .ant-col-12.vtx-form-item-col,
-.ant-form .vtx-form-layout .ant-col-24.vtx-form-item-col {
-  border-bottom: 1px solid #e5e9f2;
-  margin-bottom: -1px;
-}
-.ant-form .vtx-form-layout .vtx-form-card {
-  border: none;
-}
-.ant-form .vtx-form-layout .vtx-form-pane .ant-divider {
-  height: 0;
-  border: none;
-}
-.ant-form .vtx-form-layout .ant-card:not(:nth-last-child(1)) .vtx-form-card-content {
-  border-bottom: 1px solid #e5e9f2;
-}
-.ant-form .vtx-form-layout .vtx-form-card-content {
-  padding: 20px 0 0 0;
-}
-.ant-form .vtx-form-layout .ant-card.vtx-form-card {
-  border-bottom: none;
-}
-.ant-form .vtx-form-layout .ant-tabs-tabpane .ant-divider {
-  height: 0;
-  border: none;
-}
-.ant-form .vtx-form-layout .ant-card-head {
-  background: #f2f2f2;
-}
-.ant-form .vtx-form-layout .ant-card-head .ant-card-head-title {
-  font-weight: normal;
-  color: #333;
-}
-.ant-form .vtx-form-layout .ant-card-head .ant-card-extra span {
-  color: #666;
-}
-.ant-form .ant-form-item {
-  height: 100%;
-  margin-bottom: 0 !important;
-  margin-right: 0;
-}
-.ant-form .ant-form-item .ant-form-item-row {
-  height: 100%;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ant-form .ant-form-item .ant-form-item-row .ant-form-item-control {
-  height: 100%;
-  background: #fff;
-}
-.ant-form .ant-form-item .ant-form-item-row .ant-form-item-control > *:only-child {
-  height: 100%;
-}
-.ant-form .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-control-input {
-  height: 100%;
-}
-.ant-form .ant-form-item .ant-form-item-row .ant-form-item-control .ant-form-item-explain {
-  position: absolute;
-  bottom: 0;
-  left: 5px;
-  right: 0;
-}
-.ant-form .ant-form-item .ant-form-item-label {
-  background: #f2f2f2;
-  height: 100%;
-  min-height: 58px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.ant-form .ant-form-item .ant-form-item-control-input-content {
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ant-form .ant-form-item .ant-form-item-control-input-content > *:nth-child(1):not(.ant-select):not(.vtx-multi-select):not(.vtx-select):not(.vtx-input-textarea) {
-  padding-left: 10px;
-}
-.ant-form .ant-form-item .ant-form-item-control-input-content input {
-  height: 100%;
-  border: none;
-}
-.ant-form .ant-form-item .ant-input-number-disabled {
-  height: 100%;
-  border: none;
-}
-.ant-form .ant-form-item .ant-input-affix-wrapper {
-  height: 100%;
-  border: none;
-}
-.ant-form .ant-form-item .ant-checkbox input {
-  display: none;
-}
-.ant-form .ant-form-item .vtx-multi-select {
-  height: 100%;
-}
-.ant-form .ant-form-item .vtx-multi-select .ant-select {
-  height: 100%;
-}
-.ant-form .ant-form-item .vtx-multi-select .ant-select .ant-select-selector {
-  height: 100%;
-}
-.ant-form .ant-form-item .vtx-multi-select .ant-select-selector {
-  border: none;
-  border-right: 1px solid #e5e9f2;
-}
-.ant-form .ant-form-item .vtx-multi-select .ant-btn {
-  height: 100%;
-  border: none;
-}
-.ant-form .ant-form-item .vtx-input-textarea {
-  width: 100%;
-  height: 100%;
-}
-.ant-form .ant-form-item input {
-  padding-left: 0;
-  min-height: 56px;
-}
-.ant-form .ant-form-item textarea,
-.ant-form .ant-form-item .ant-select,
-.ant-form .ant-form-item .ant-input-number,
-.ant-form .ant-form-item .ant-picker {
-  height: 100%;
-  border: none;
-}
-.ant-form .ant-form-item textarea .ant-input-number-input-wrap,
-.ant-form .ant-form-item .ant-select .ant-input-number-input-wrap,
-.ant-form .ant-form-item .ant-input-number .ant-input-number-input-wrap,
-.ant-form .ant-form-item .ant-picker .ant-input-number-input-wrap {
-  height: 100%;
-}
-.ant-form .ant-form-item .ant-select {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ant-form .ant-form-item .ant-select .ant-select-selector {
-  height: 100%;
-  width: 100%;
-  border: none;
-}
-.ant-form .ant-form-item .ant-select .ant-select-selector input {
-  height: 100%;
-  overflow: visible;
-}
-.ant-form .ant-form-item .ant-select .ant-select-selection-placeholder,
-.ant-form .ant-form-item .ant-select .ant-select-selection-item {
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ant-form .ant-form-item .ant-upload-picture-card-wrapper {
-  padding-top: 10px;
-}
-.ant-form .ant-row {
-  width: 100%;
-}
-.ant-form .vtx-form-pane-title {
-  padding-left: 24px;
-  margin-bottom: 0;
-  padding-bottom: 24px;
-  border-right: 1px solid #e5e9f2;
-}
-.ant-form .ant-col:not(.ant-col-8):not(.ant-col-12):not(.ant-col-24):not(.ant-col-4).ant-form-item-label {
-  width: 150px;
-}
-.ant-form .text-node {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding-left: 10px;
-}
-.ant-form .ant-col:not(:nth-child(1)) .ant-row .ant-col.vtx-form-item-col {
-  border-top: none;
-}
-.ant-form .ant-form-item-with-help {
-  margin-bottom: 0 !important;
-}
-.ant-tabs-nav-wrap {
-  background: #f7f8fa;
-  height: 42px;
-}
-.ant-tabs-nav-wrap .ant-tabs-tab-active {
-  background: #fff;
-}
-.ant-tabs-nav-wrap .ant-tabs-tab {
-  height: 42px;
-  padding-left: 18px !important;
-  padding-right: 18px !important;
-  margin-left: 0;
-}
-.ant-tabs-nav-wrap .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
-  top: 0;
-}

package/lib/global.less

@@ -1,4 +1,4 @@
-@import "./va.less";
+
 
 .__dumi-default-mobile-demo-layout {
     padding: 0;
@@ -7,264 +7,5 @@
 .__dumi-default-previewer-demo {
 }
 
-.ant-form {
-    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-select-focused,
-            .ant-input-number-focused,
-            .ant-input-affix-wrapper,
-            input:focus,
-            textarea:focus {
-                outline: none;
-                position: relative;
-                z-index: 199;
-                //width: calc(~'100% - 1px');
-                height: calc(~'100% - 1px');
-            }
-        }
-        .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) {
-                padding-left: 10px;
-            }
-            height: 100%;
-            display: flex;
-            align-items: center;
-            input {
-                height: 100%;
-                border: none;
-            }
-        }
-        .ant-input-number-disabled {
-            height: 100%;
-            border: none;
-        }
-        .ant-input-affix-wrapper {
-            height: 100%;
-            border: none;
-        }
-        .ant-checkbox {
-            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-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-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;
-    }
-}
 

package/lib/style/css.js

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

package/lib/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.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"}