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

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/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,3 +45,32 @@
       -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,46 +1,72 @@
-.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-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;
+        }
+    }
+}

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,10 +45,39 @@
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.env-template .ant-pagination-item-active {
+.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-pagination-item-active a {
+.env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active a {
   color: #fff;
 }
 .env-template-table-wrap {

package/lib/template/style/index.less

@@ -1,49 +1,49 @@
-@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;
-        }
-    }
-}
+@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;
+        }
+    }
+}

package/lib/template/style/table.css

@@ -1,7 +1,7 @@
-.env-template .ant-pagination-item-active {
+.env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active {
   background: #1890ff;
 }
-.env-template .ant-pagination-item-active a {
+.env-template .ant-table-pagination.ant-pagination.ant-pagination-mini .ant-pagination-item.ant-pagination-item-active a {
   color: #fff;
 }
 .env-template-table-wrap {

package/lib/template/style/table.less

@@ -1,84 +1,91 @@
-@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;
-    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;
-    }
-}
-
+@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;
+    }
+}

package/lib/template/table.js

@@ -93,8 +93,12 @@ function Table(props) {
       var _a;
 
       (_a = rest === null || rest === void 0 ? void 0 : rest.rowSelection) === null || _a === void 0 ? void 0 : _a.onChange([], []);
-    }
-  }, rest)));
+    },
+    refreshIconVisible: false,
+    hideColumnHeight: true
+  }, rest, {
+    hideColumnSetting: true
+  })));
 }
 
 var _default = Table;

package/lib/template/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","Table","props","className","dataSource","columns","loading","hasIndex","saveColumns","rest","forEach","item","renderButtons","renderButtonsVisibleNum","showTitle","title","render","text","record","index","renderColumnButtons","showAllButtons","undefined","React","createElement","Fragment","VtxDatagrid","assign","indexColumn","defaultVisibleColumnKeys","filter","isShow","map","dataIndex","disabledColumnKeys","classnames","onColumnsSave","keys","newColumns","key","includes","rowSelection","onRowSelectionClear","_a","onChange","defaultProps"],"sources":["template/table.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 * as React from 'react';\nimport classnames from 'classnames';\nimport VtxDatagrid from '@vtx/components/lib/vtx-datagrid';\n// import VtxDatagrid from '../vtx-datagrid';\nimport renderColumnButtons from './renderColumnButtons';\nfunction Table(props) {\n    const { className, dataSource, columns, loading, hasIndex, saveColumns } = props, rest = __rest(props, [\"className\", \"dataSource\", \"columns\", \"loading\", \"hasIndex\", \"saveColumns\"]);\n    // 设置 renderButtons\n    columns === null || columns === void 0 ? void 0 : columns.forEach((item) => {\n        const { renderButtons, renderButtonsVisibleNum, showTitle } = item;\n        if (showTitle) {\n            item.title = showTitle;\n        }\n        if (!renderButtons) {\n            return;\n        }\n        item.render = (text, record, index) => {\n            return renderColumnButtons(renderButtons, !item.showAllButtons\n                && typeof item.renderButtonsVisibleNum !== 'number'\n                ? 3\n                : renderButtonsVisibleNum, text, record, index, item.showAllButtons);\n        };\n        item.renderButtons = undefined;\n    });\n    return (React.createElement(React.Fragment, null,\n        React.createElement(VtxDatagrid, Object.assign({ loading: loading, indexColumn: hasIndex, defaultVisibleColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.isShow || item.isShow === undefined).map((item) => item.dataIndex), disabledColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.dataIndex === 'action').map((item) => item.dataIndex), columns: columns, dataSource: dataSource, className: classnames(className, 'env-template-table'), onColumnsSave: saveColumns\n                ? (keys) => {\n                    const newColumns = columns.map((item) => {\n                        const key = item.dataIndex || item.key;\n                        return Object.assign(Object.assign({}, item), { isShow: keys.includes(key) });\n                    });\n                    saveColumns(newColumns);\n                }\n                : undefined, rowSelection: rest === null || rest === void 0 ? void 0 : rest.rowSelection, onRowSelectionClear: () => {\n                var _a;\n                (_a = rest === null || rest === void 0 ? void 0 : rest.rowSelection) === null || _a === void 0 ? void 0 : _a.onChange([], []);\n            } }, rest))));\n}\nexport default Table;\nTable.defaultProps = {};\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","Table","props","className","dataSource","columns","loading","hasIndex","saveColumns","rest","forEach","item","renderButtons","renderButtonsVisibleNum","showTitle","title","render","text","record","index","renderColumnButtons","showAllButtons","undefined","React","createElement","Fragment","VtxDatagrid","assign","indexColumn","defaultVisibleColumnKeys","filter","isShow","map","dataIndex","disabledColumnKeys","classnames","onColumnsSave","keys","newColumns","key","includes","rowSelection","onRowSelectionClear","_a","onChange","refreshIconVisible","hideColumnHeight","hideColumnSetting","defaultProps"],"sources":["template/table.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 * as React from 'react';\nimport classnames from 'classnames';\nimport VtxDatagrid from '@vtx/components/lib/vtx-datagrid';\n// import VtxDatagrid from '../vtx-datagrid';\nimport renderColumnButtons from './renderColumnButtons';\nfunction Table(props) {\n    const { className, dataSource, columns, loading, hasIndex, saveColumns } = props, rest = __rest(props, [\"className\", \"dataSource\", \"columns\", \"loading\", \"hasIndex\", \"saveColumns\"]);\n    // 设置 renderButtons\n    columns === null || columns === void 0 ? void 0 : columns.forEach((item) => {\n        const { renderButtons, renderButtonsVisibleNum, showTitle } = item;\n        if (showTitle) {\n            item.title = showTitle;\n        }\n        if (!renderButtons) {\n            return;\n        }\n        item.render = (text, record, index) => {\n            return renderColumnButtons(renderButtons, !item.showAllButtons\n                && typeof item.renderButtonsVisibleNum !== 'number'\n                ? 3\n                : renderButtonsVisibleNum, text, record, index, item.showAllButtons);\n        };\n        item.renderButtons = undefined;\n    });\n    return (React.createElement(React.Fragment, null,\n        React.createElement(VtxDatagrid, Object.assign({ loading: loading, indexColumn: hasIndex, defaultVisibleColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.isShow || item.isShow === undefined).map((item) => item.dataIndex), disabledColumnKeys: columns === null || columns === void 0 ? void 0 : columns.filter((item) => item.dataIndex === 'action').map((item) => item.dataIndex), columns: columns, dataSource: dataSource, className: classnames(className, 'env-template-table'), onColumnsSave: saveColumns\n                ? (keys) => {\n                    const newColumns = columns.map((item) => {\n                        const key = item.dataIndex || item.key;\n                        return Object.assign(Object.assign({}, item), { isShow: keys.includes(key) });\n                    });\n                    saveColumns(newColumns);\n                }\n                : undefined, rowSelection: rest === null || rest === void 0 ? void 0 : rest.rowSelection, onRowSelectionClear: () => {\n                var _a;\n                (_a = rest === null || rest === void 0 ? void 0 : rest.rowSelection) === null || _a === void 0 ? void 0 : _a.onChange([], []);\n            }, refreshIconVisible: false, hideColumnHeight: true }, rest, { hideColumnSetting: true }))));\n}\nexport default Table;\nTable.defaultProps = {};\n"],"mappings":"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"}

package/lib/template/template.d.ts

@@ -16,7 +16,7 @@ export interface TemplatePagination extends TablePaginationConfig {
 }
 export interface TemplateProps<F, T> {
     actionProps?: Omit<ActionProps<F, T>, 'columns' | 'setColumns' | 'selectable' | 'selectRows' | 'filter' | 'dataSource' | 'onSelectedRows'>;
-    tableProps?: TableProps<T> | React.ReactElement;
+    tableProps?: TableProps<T>;
     statisticsProps?: React.ReactElement;
     getDataSource: (pagination: TemplatePagination | false, filter: F) => Promise<PageApiRes<T>> | PageApiRes<T>;
     onReset?: () => any;