@vortex-ui/env-puzzle 2.0.0-beta.9 → 3.0.0-beta.2

package/lib/template/style/card.less

@@ -1,88 +1,87 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@prefix-cls: env-template;
-.@{prefix-cls}-card {
-    background: @component-background;
-    box-shadow: 0px 6px 20px 0px rgba(191, 191, 191, 0.3);
-    border-radius: 8px;
-    overflow: hidden;
-
-    &-header {
-        padding: 10px 12px;
-        display: flex;
-        justify-content: space-between;
-        color: @primary-color;
-
-        &-title {
-            font-size: 16px;
-            flex: 1;
-        }
-    }
-
-    &-sub-title {
-        padding: 0 12px 10px;
-        &-inner {
-            background: #eeeeee;
-            border-radius: 4px;
-            font-size: 12px;
-            font-weight: 400;
-            color: #6f8191;
-            padding: 4px 6px;
-        }
-    }
-
-    &-body {
-        padding: 0 12px 20px;
-    }
-
-    &-footer {
-        height: 46px;
-        position: relative;
-
-        &-box {
-            position: absolute;
-            right: 12px;
-            top: 0px;
-            width: 30px;
-            height: 30px;
-            background: #1890ff;
-            box-shadow: 0px 4px 10px 0px rgba(191, 191, 191, 0.3);
-            border-radius: 4px;
-            display: flex;
-            justify-content: space-around;
-            align-items: center;
-            transition: all 0.2s;
-
-            &:hover {
-                height: 46px;
-                width: 100%;
-                right: 0;
-
-                .env-template-card-footer-point {
-                    display: none;
-                }
-
-                .env-template-card-footer-button {
-                    position: relative;
-                    opacity: 1;
-                }
-            }
-        }
-
-        &-point {
-            display: block;
-            width: 6px;
-            height: 6px;
-            border-radius: 50%;
-            background: #ffffff;
-        }
-
-        &-button {
-            position: absolute;
-            opacity: 0;
-            color: #fff;
-            cursor: pointer;
-            transition: all 0.2s;
-        }
-    }
-}
+
+@prefix-cls: env-template;
+.@{prefix-cls}-card {
+    background: var(--ant-color-bg-container);
+    box-shadow: 0px 6px 20px 0px rgba(191, 191, 191, 0.3);
+    border-radius: 8px;
+    overflow: hidden;
+
+    &-header {
+        padding: 10px 12px;
+        display: flex;
+        justify-content: space-between;
+        color: var(--ant-color-primary);
+
+        &-title {
+            font-size: 16px;
+            flex: 1;
+        }
+    }
+
+    &-sub-title {
+        padding: 0 12px 10px;
+        &-inner {
+            background: #eeeeee;
+            border-radius: 4px;
+            font-size: 12px;
+            font-weight: 400;
+            color: #6f8191;
+            padding: 4px 6px;
+        }
+    }
+
+    &-body {
+        padding: 0 12px 20px;
+    }
+
+    &-footer {
+        height: 46px;
+        position: relative;
+
+        &-box {
+            position: absolute;
+            right: 12px;
+            top: 0px;
+            width: 30px;
+            height: 30px;
+            background: #1890ff;
+            box-shadow: 0px 4px 10px 0px rgba(191, 191, 191, 0.3);
+            border-radius: 4px;
+            display: flex;
+            justify-content: space-around;
+            align-items: center;
+            transition: all 0.2s;
+
+            &:hover {
+                height: 46px;
+                width: 100%;
+                right: 0;
+
+                .env-template-card-footer-point {
+                    display: none;
+                }
+
+                .env-template-card-footer-button {
+                    position: relative;
+                    opacity: 1;
+                }
+            }
+        }
+
+        &-point {
+            display: block;
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background: #ffffff;
+        }
+
+        &-button {
+            position: absolute;
+            opacity: 0;
+            color: #fff;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+    }
+}

package/lib/template/style/check-row.less

@@ -1,27 +1,27 @@
-@prefix-cls: env-template;
-.@{prefix-cls}-check-row {
-    display: flex;
-    align-items: center;
-    margin-top: 16px;
-    padding: 10px 12px;
-    background: rgba(24, 144, 255, 0.1);
-    border-radius: 4px;
-    border: 1px solid #1890ff;
-
-    &.is-hide {
-        display: none;
-    }
-
-    &-blue {
-        color: #1890ff;
-    }
-
-    &-value {
-        margin: 0 34px 0 12px;
-    }
-
-    &-clear {
-        cursor: pointer;
-        font-weight: 400;
-    }
-}
+@prefix-cls: env-template;
+.@{prefix-cls}-check-row {
+    display: flex;
+    align-items: center;
+    margin-top: 16px;
+    padding: 10px 12px;
+    background: rgba(24, 144, 255, 0.1);
+    border-radius: 4px;
+    border: 1px solid #1890ff;
+
+    &.is-hide {
+        display: none;
+    }
+
+    &-blue {
+        color: #1890ff;
+    }
+
+    &-value {
+        margin: 0 34px 0 12px;
+    }
+
+    &-clear {
+        cursor: pointer;
+        font-weight: 400;
+    }
+}

package/lib/template/style/css.js

@@ -1,40 +1,4 @@
 "use strict";
 
-require("antd/lib/checkbox/style/css");
-
-require("antd/lib/menu/style/css");
-
-require("antd/lib/popover/style/css");
-
-require("antd/lib/col/style/css");
-
-require("antd/lib/row/style/css");
-
-require("antd/lib/tooltip/style/css");
-
-require("antd/lib/table/style/css");
-
-require("antd/lib/pagination/style/css");
-
-require("antd/lib/button/style/css");
-
-require("antd/lib/list/style/css");
-
-require("antd/lib/form/style/css");
-
-require("antd/lib/modal/style/css");
-
-require("antd/lib/spin/style/css");
-
-require("antd/lib/divider/style/css");
-
-require("@vtx/components/lib/vtx-search/style/css");
-
-require("@vtx/components/lib/vtx-page-layout/style/css");
-
-require("@vtx/components/lib/vtx-import/style/css");
-
-require("@vtx/components/lib/vtx-datagrid/style/css");
-
 require("./index.css");
 //# sourceMappingURL=css.js.map

package/lib/template/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["template/style/index.js"],"sourcesContent":["import 'antd/lib/checkbox/style';\nimport 'antd/lib/menu/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/row/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/table/style';\nimport 'antd/lib/pagination/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/list/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/modal/style';\nimport 'antd/lib/spin/style';\nimport 'antd/lib/divider/style';\nimport '@vtx/components/lib/vtx-search/style';\nimport '@vtx/components/lib/vtx-page-layout/style';\nimport '@vtx/components/lib/vtx-import/style';\nimport '@vtx/components/lib/vtx-datagrid/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"css.js","names":["require"],"sources":["template/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/lib/template/style/field.less

@@ -1,11 +1,11 @@
-@prefix-cls: env-template;
-.@{prefix-cls}-card-field {
-    font-size: 12px;
-    display: flex;
-    justify-content: space-between;
-    color: #6f8191;
-
-    & + & {
-        margin-top: 12px;
-    }
-}
+@prefix-cls: env-template;
+.@{prefix-cls}-card-field {
+    font-size: 12px;
+    display: flex;
+    justify-content: space-between;
+    color: #6f8191;
+
+    & + & {
+        margin-top: 12px;
+    }
+}

package/lib/template/style/filter.css

@@ -45,32 +45,3 @@
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.env-template-search {
-  position: relative;
-  z-index: 9;
-  padding-top: 8px;
-  padding-right: 16px;
-  padding-bottom: 16px;
-  padding-left: 0;
-  overflow: hidden;
-  background: #fff;
-  -webkit-transition-duration: 0.3s;
-          transition-duration: 0.3s;
-  -webkit-transition-property: height;
-  transition-property: height;
-}
-.env-template-search .env-template-lists {
-  position: relative;
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  height: 48px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-right: 8px;
-  line-height: 1.5715;
-  vertical-align: top;
-}
-.env-template-search .env-template-lists .env-template-lists-item {
-  width: 220px;
-}

package/lib/template/style/filter.less

@@ -1,72 +1,46 @@
-.env-template-filter {
-    & &-col {
-        display: flex;
-        align-items: center;
-
-        &.is-hide {
-            display: none;
-        }
-        .ant-form-item-label {
-            & > label {
-                display: flex;
-                justify-content: flex-end;
-            }
-        }
-        &-label {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        }
-    }
-
-    &-form-item {
-        width: 100%;
-        margin-bottom: 12px;
-    }
-
-    &-actions {
-        text-align: right;
-        padding-bottom: 12px;
-        .ant-btn + .ant-btn {
-            margin-left: 8px;
-        }
-    }
-
-    &-btn-pack {
-        padding: 0;
-    }
-
-    & &-btn-fold {
-        transition: all 0.3s;
-
-        &.is-fold {
-            transform: rotate(180deg);
-        }
-    }
-}
-.env-template-search {
-    position: relative;
-    z-index: 9;
-    padding-top: 8px;
-    padding-right: 16px;
-    padding-bottom: 16px;
-    padding-left: 0;
-    overflow: hidden;
-    background: #fff;
-    transition-duration: 0.3s;
-    transition-property: height;
-    .env-template-lists {
-        position: relative;
-        display: inline-block;
-        box-sizing: border-box;
-        height: 48px;
-        padding-top: 8px;
-        padding-bottom: 8px;
-        padding-right: 8px;
-        line-height: 1.5715;
-        vertical-align: top;
-        .env-template-lists-item {
-            width: 220px;
-        }
-    }
-}
+.env-template-filter {
+    & &-col {
+        display: flex;
+        align-items: center;
+
+        &.is-hide {
+            display: none;
+        }
+        .ant-form-item-label {
+            & > label {
+                display: flex;
+                justify-content: flex-end;
+            }
+        }
+        &-label {
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+        }
+    }
+
+    &-form-item {
+        width: 100%;
+        margin-bottom: 12px;
+    }
+
+    &-actions {
+        text-align: right;
+        padding-bottom: 12px;
+        .ant-btn + .ant-btn {
+            margin-left: 8px;
+        }
+    }
+
+    &-btn-pack {
+        padding: 0;
+    }
+
+    & &-btn-fold {
+        transition: all 0.3s;
+
+        &.is-fold {
+            transform: rotate(180deg);
+        }
+    }
+}

package/lib/template/style/icon.less

@@ -1,7 +1,7 @@
-.env-template-icon {
-    width: 1em;
-    height: 1em;
-    vertical-align: -0.15em;
-    fill: currentColor;
-    overflow: hidden;
-}
+.env-template-icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: -0.15em;
+    fill: currentColor;
+    overflow: hidden;
+}

package/lib/template/style/index.css

@@ -45,41 +45,6 @@
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.env-template-search {
-  position: relative;
-  z-index: 9;
-  padding-top: 8px;
-  padding-right: 16px;
-  padding-bottom: 16px;
-  padding-left: 0;
-  overflow: hidden;
-  background: #fff;
-  -webkit-transition-duration: 0.3s;
-          transition-duration: 0.3s;
-  -webkit-transition-property: height;
-  transition-property: height;
-}
-.env-template-search .env-template-lists {
-  position: relative;
-  display: inline-block;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  height: 48px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  padding-right: 8px;
-  line-height: 1.5715;
-  vertical-align: top;
-}
-.env-template-search .env-template-lists .env-template-lists-item {
-  width: 220px;
-}
-.env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active {
-  background: #1890ff;
-}
-.env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active a {
-  color: #fff;
-}
 .env-template-table-wrap {
   height: 100%;
   display: -webkit-box;
@@ -166,7 +131,8 @@
   display: flex;
 }
 .env-template-action-popover .ant-popover-inner-content {
-  padding: 10px 12px;
+  background: var(--ant-color-bg-container);
+  padding: 10px 5px;
 }
 .env-template-action-popover .ant-menu-vertical {
   border: none;
@@ -177,7 +143,7 @@
   line-height: 24px;
 }
 .env-template-action-popover .ant-menu-vertical .ant-menu-item-selected {
-  background: #fff;
+  background: var(--ant-color-bg-layout);
 }
 .env-template-action-popover .env-template-action-more-button-list > .ant-menu-item {
   padding: 0 6px;
@@ -264,7 +230,7 @@
   overflow: hidden;
 }
 .env-template-card {
-  background: #fff;
+  background: var(--ant-color-bg-container);
   -webkit-box-shadow: 0px 6px 20px 0px rgba(191, 191, 191, 0.3);
           box-shadow: 0px 6px 20px 0px rgba(191, 191, 191, 0.3);
   border-radius: 8px;
@@ -278,7 +244,7 @@
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  color: #1890ff;
+  color: var(--ant-color-primary);
 }
 .env-template-card-header-title {
   font-size: 16px;
@@ -366,7 +332,7 @@
   margin-top: 12px;
 }
 .env-template {
-  background-color: #f0f2f5;
+  background-color: var(--ant-color-bg-layout);
   height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -406,7 +372,7 @@
 }
 .env-template__search {
   padding: 24px;
-  background: #fff;
+  background: var(--ant-color-bg-container);
 }
 .env-template__table {
   -webkit-box-flex: 1;
@@ -416,5 +382,5 @@
   margin-top: 16px;
 }
 .env-template__table .env-template-table-wrap {
-  background: #fff;
+  background: var(--ant-color-bg-container);
 }

package/lib/template/style/index.d.ts

@@ -1,19 +1 @@
-import 'antd/lib/checkbox/style';
-import 'antd/lib/menu/style';
-import 'antd/lib/popover/style';
-import 'antd/lib/col/style';
-import 'antd/lib/row/style';
-import 'antd/lib/tooltip/style';
-import 'antd/lib/table/style';
-import 'antd/lib/pagination/style';
-import 'antd/lib/button/style';
-import 'antd/lib/list/style';
-import 'antd/lib/form/style';
-import 'antd/lib/modal/style';
-import 'antd/lib/spin/style';
-import 'antd/lib/divider/style';
-import '@vtx/components/lib/vtx-search/style';
-import '@vtx/components/lib/vtx-page-layout/style';
-import '@vtx/components/lib/vtx-import/style';
-import '@vtx/components/lib/vtx-datagrid/style';
 import './index.less';

package/lib/template/style/index.js

@@ -1,40 +1,4 @@
 "use strict";
 
-require("antd/lib/checkbox/style");
-
-require("antd/lib/menu/style");
-
-require("antd/lib/popover/style");
-
-require("antd/lib/col/style");
-
-require("antd/lib/row/style");
-
-require("antd/lib/tooltip/style");
-
-require("antd/lib/table/style");
-
-require("antd/lib/pagination/style");
-
-require("antd/lib/button/style");
-
-require("antd/lib/list/style");
-
-require("antd/lib/form/style");
-
-require("antd/lib/modal/style");
-
-require("antd/lib/spin/style");
-
-require("antd/lib/divider/style");
-
-require("@vtx/components/lib/vtx-search/style");
-
-require("@vtx/components/lib/vtx-page-layout/style");
-
-require("@vtx/components/lib/vtx-import/style");
-
-require("@vtx/components/lib/vtx-datagrid/style");
-
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/template/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["template/style/index.js"],"sourcesContent":["import 'antd/lib/checkbox/style';\nimport 'antd/lib/menu/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/row/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/table/style';\nimport 'antd/lib/pagination/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/list/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/modal/style';\nimport 'antd/lib/spin/style';\nimport 'antd/lib/divider/style';\nimport '@vtx/components/lib/vtx-search/style';\nimport '@vtx/components/lib/vtx-page-layout/style';\nimport '@vtx/components/lib/vtx-import/style';\nimport '@vtx/components/lib/vtx-datagrid/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":["require"],"sources":["template/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}