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

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":[]}

package/lib/template/style/index.less

@@ -1,49 +1,48 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@prefix-cls: env-template;
-@import './filter.less';
-@import './table.less';
-@import './action.less';
-@import './check-row.less';
-@import './icon.less';
-@import './card.less';
-@import './field.less';
-
-.@{prefix-cls} {
-    background-color: @layout-body-background;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    > .ant-spin {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        z-index: 9999;
-        background: #00000062;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #fff;
-        flex-direction: column;
-        line-height: 3;
-        .ant-spin-dot-item {
-            background: #fff;
-        }
-    }
-    &__search {
-        padding: 24px;
-        background: @component-background;
-    }
-    &__table {
-        flex: 1;
-        overflow: hidden;
-        margin-top: 16px;
-
-        .env-template-table-wrap {
-            background: @component-background;
-        }
-    }
-}
+
+@prefix-cls: env-template;
+@import './filter.less';
+@import './table.less';
+@import './action.less';
+@import './check-row.less';
+@import './icon.less';
+@import './card.less';
+@import './field.less';
+
+.@{prefix-cls} {
+    background-color: var(--ant-color-bg-layout);
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    > .ant-spin {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        z-index: 9999;
+        background: #00000062;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        flex-direction: column;
+        line-height: 3;
+        .ant-spin-dot-item {
+            background: #fff;
+        }
+    }
+    &__search {
+        padding: 24px;
+        background: var(--ant-color-bg-container);
+    }
+    &__table {
+        flex: 1;
+        overflow: hidden;
+        margin-top: 16px;
+
+        .env-template-table-wrap {
+            background: var(--ant-color-bg-container);
+        }
+    }
+}

package/lib/template/style/table.css

@@ -1,9 +1,3 @@
-.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;

package/lib/template/style/table.less

@@ -1,91 +1,79 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@prefix-cls: env-template;
-.@{prefix-cls} {
-    .ant-table-pagination {
-        &.ant-pagination {
-            &.ant-pagination-mini {
-                .ant-pagination-item {
-                    &.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;
-    overflow: auto;
-    &::-webkit-scrollbar {
-        width: 5px;
-        background-color: hsla(0, 0%, 80%, 0.08);
-    }
-    &::-webkit-scrollbar-thumb {
-        background-color: rgba(0, 0, 0, 0.05);
-        border-radius: 3px;
-    }
-    .@{prefix-cls}-card-list-empty {
-        margin-top: 200px;
-    }
-}
-
-.@{prefix-cls}-card-list {
-    display: flex;
-    flex-wrap: wrap;
-    list-style: none;
-    padding: 0;
-}
-
-.@{prefix-cls}-card-item {
-    width: 20%;
-}
-
-.@{prefix-cls}-card-container {
-    margin: 30px 24px;
-}
-
-.@{prefix-cls}-table {
-    flex: 1;
-    &-action-btn {
-        padding: 0;
-        > span + .anticon-down {
-            margin-left: 0;
-        }
-    }
-    &-action-btn + &-action-btn {
-        // margin-left: 8px;
-    }
-    &-action-popover {
-        .ant-popover-inner-content {
-            padding: 0;
-        }
-        .ant-list-item {
-            padding: 6px 28px;
-            cursor: pointer;
-        }
-    }
-    &-pagination {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-        padding: 16px 0 8px 0;
-        height: 32px;
-        box-sizing: content-box;
-    }
-    &-total-number {
-        font-weight: 400;
-        color: #5f5f5f;
-    }
-}
+
+@prefix-cls: env-template;
+
+.@{prefix-cls}-table-wrap {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+.@{prefix-cls}-card-wrap {
+    flex: 1;
+    height: 0;
+    overflow: auto;
+    &::-webkit-scrollbar {
+        width: 5px;
+        background-color: hsla(0, 0%, 80%, 0.08);
+    }
+    &::-webkit-scrollbar-thumb {
+        background-color: rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+    }
+
+    .@{prefix-cls}-card-list-empty {
+        margin-top: 200px;
+    }
+}
+
+.@{prefix-cls}-card-list {
+    display: flex;
+    flex-wrap: wrap;
+    list-style: none;
+    padding: 0;
+}
+
+.@{prefix-cls}-card-item {
+    width: 20%;
+}
+
+.@{prefix-cls}-card-container {
+    margin: 30px 24px;
+}
+
+.@{prefix-cls}-table {
+    flex: 1;
+    &-action-btn {
+        padding: 0;
+
+        > span + .anticon-down {
+            margin-left: 0;
+        }
+    }
+
+    &-action-btn + &-action-btn {
+        // margin-left: 8px;
+    }
+    &-action-popover {
+        .ant-popover-inner-content {
+            padding: 0;
+        }
+
+        .ant-list-item {
+            padding: 6px 28px;
+            cursor: pointer;
+        }
+    }
+
+    &-pagination {
+        display: flex;
+        justify-content: flex-end;
+        align-items: center;
+        padding: 16px 0 8px 0;
+        height: 32px;
+        box-sizing: content-box;
+    }
+
+    &-total-number {
+        font-weight: 400;
+        color: #5f5f5f;
+    }
+}

package/lib/template/table.d.ts

@@ -11,9 +11,9 @@ export interface CardActionButton<T> {
     okText?: string;
     cancelText?: string;
 }
-export declare type RenderCardButtons<T> = CardActionButton<T> | Array<CardActionButton<T>> | ((row: T) => CardActionButton<T> | Array<CardActionButton<T>>);
-export declare type RenderButtons<T> = ActionButton<T> | Array<ActionButton<T>> | ((row: T) => ActionButton<T> | Array<ActionButton<T>>);
-export declare type TableColumnType<T> = ((ColumnGroupType<T> | ColumnType<T>) & {
+export type RenderCardButtons<T> = CardActionButton<T> | Array<CardActionButton<T>> | ((row: T) => CardActionButton<T> | Array<CardActionButton<T>>);
+export type RenderButtons<T> = ActionButton<T> | Array<ActionButton<T>> | ((row: T) => ActionButton<T> | Array<ActionButton<T>>);
+export type TableColumnType<T> = ((ColumnGroupType<T> | ColumnType<T>) & {
     isShow?: boolean;
     dataIndex?: string;
     renderButtons?: RenderButtons<T>;
@@ -36,8 +36,9 @@ export interface TableProps<T> extends Omit<AntTableProps<T>, 'columns'>, IsCard
     indexFixed?: boolean;
     onRefresh?: () => void;
     headFootHeight?: number;
+    rowSelection?: any;
 }
-declare function Table<T extends object = any>(props: TableProps<T>): JSX.Element;
+declare function Table<T extends object = any>(props: TableProps<T>): React.JSX.Element;
 declare namespace Table {
     var defaultProps: {};
 }