@jetlinks-web/components 2.0.32 → 2.0.34

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1716194139153"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716533072100"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1716194138654"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716533071207"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1716194138789"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716533071302"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/lib/style/components.less

@@ -1,4 +1,3 @@
 @import "../CardSelect/style/index-pure.less";
 @import "../CheckButton/style/index-pure.less";
 @import "../Ellipsis/style/index-pure.less";
-@import "../ProTable/style/index-pure.less";

package/lib/style/index.css

@@ -489,9 +489,8 @@
   color: unset;
 }
 .jtable-body-spin {
-  min-height: 100%;
+  height: 100%;
   width: 100%;
-  padding: 16px 24px 24px;
   background-color: #fff;
 }
 .jtable-body-spin .ant-spin-nested-loading {
@@ -507,51 +506,84 @@
   display: flex;
   flex-direction: column;
 }
-.jtable-body-spin .jtable-body .jtable-body-header {
+.jtable-body-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  margin-bottom: 16px;
+  width: 100%;
+  gap: 8px;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
+.jtable-body-header .jtable-body-header-left {
+  flex: 1;
+  min-width: 0;
+}
+.jtable-body-header .jtable-body-header-right {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button {
+  width: 62px;
+}
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
   font-size: 16px;
   color: #d9d9d9;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
   padding: 0 8px;
 }
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
+.jtable-body-header .jtable-body-header-right .jtable-body-header-right-button :deep(.ant-radio-button-wrapper-checked) {
   color: #1890ff;
 }
-.jtable-body-spin .jtable-body .jtable-content {
+.jtable-box {
   flex: 1;
-  padding: 16px 0;
+  min-height: 0;
 }
-.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
-  margin-bottom: 16px;
+.jtable-box .jtable-card {
+  height: 100%;
+  overflow-y: auto;
 }
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
+.jtable-box .jtable-card .jtable-card-items {
   display: grid;
   grid-gap: 26px;
 }
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
+.jtable-box .jtable-card .jtable-card-items .jtable-card-item {
   display: flex;
   min-width: 0;
 }
-.jtable-body-spin .jtable-body .jtable-pagination {
-  width: 100%;
+.jtable-box .ant-table-wrapper {
+  height: 100%;
+}
+.jtable-box .ant-table-wrapper .ant-table {
+  height: 100%;
+}
+.jtable-box .ant-table-wrapper .ant-table .ant-table-container {
+  height: 100%;
+}
+.jtable-box .ant-table-wrapper .ant-table .ant-table-container .ant-table-content {
+  height: 100%;
+}
+.jtable-box .j-table-scroll {
+  background-color: red;
+}
+.jtable-box .j-table-scroll .ant-table-container {
   display: flex;
-  justify-content: flex-end;
+  flex-direction: column;
 }
-.jtable-body-spin .jtable-body .j-table-empty {
+.jtable-box .j-table-scroll .ant-table-container .ant-table-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+}
+.jtable-alert {
+  margin-bottom: 16px;
+}
+.jtable-pagination {
+  width: 100%;
   display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 10% 0;
+  justify-content: flex-end;
+  margin-top: 16px;
 }
 .JSearch-warp {
   padding: 24px;

package/lib/style/index.less

@@ -1,7 +1,7 @@
-@import '../Ellipsis/style/index.less';
-@import '../CheckButton/style/index.less';
-@import '../ProLayout/style/style.less';
-@import '../ProTable/style/index.less';
-@import '../Search/style/Search.less';
-@import '../Search/style/Item.less';
-@import '../CardSelect/style/index.less';
+@import '../Ellipsis/style/index.less';
+@import '../CheckButton/style/index.less';
+@import '../ProLayout/style/style.less';
+@import '../ProTable/style/ProTable.less';
+@import '../Search/style/Search.less';
+@import '../Search/style/Item.less';
+@import '../CardSelect/style/index.less';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.0.32",
+  "version": "2.0.34",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",

package/es/ProTable/proTableTypes.js

@@ -1,11 +0,0 @@
-import 'vue';
-export var TypeEnum;
-(function (TypeEnum) {
-  TypeEnum["TREE"] = "TREE";
-  TypeEnum["PAGE"] = "PAGE";
-})(TypeEnum || (TypeEnum = {}));
-export var ModelEnum;
-(function (ModelEnum) {
-  ModelEnum["TABLE"] = "TABLE";
-  ModelEnum["CARD"] = "CARD";
-})(ModelEnum || (ModelEnum = {}));

package/es/ProTable/style/index.css

@@ -1,69 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.jtable-body-spin {
-  min-height: 100%;
-  width: 100%;
-  padding: 16px 24px 24px;
-  background-color: #fff;
-}
-.jtable-body-spin .ant-spin-nested-loading {
-  height: 100%;
-}
-.jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
-  height: 100%;
-}
-.jtable-body-spin .jtable-body {
-  width: 100%;
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.jtable-body-spin .jtable-body .jtable-body-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
-  font-size: 16px;
-  color: #d9d9d9;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
-  padding: 0 8px;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
-  color: #1890ff;
-}
-.jtable-body-spin .jtable-body .jtable-content {
-  flex: 1;
-  padding: 16px 0;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
-  margin-bottom: 16px;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
-  display: grid;
-  grid-gap: 26px;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
-  display: flex;
-  min-width: 0;
-}
-.jtable-body-spin .jtable-body .jtable-pagination {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-}
-.jtable-body-spin .jtable-body .j-table-empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 10% 0;
-}

package/es/ProTable/style/index.less

@@ -1,92 +0,0 @@
-@import '../../style/variable.less';
-//@import 'ant-design-vue/es/style/themes/variable.less';
-
-.jtable-body-spin {
-    min-height: 100%;
-    width: 100%;
-    padding: 16px 24px 24px;
-    background-color: #fff;
-
-    .ant-spin-nested-loading {
-        height: 100%;
-        .ant-spin-container {
-            height: 100%;
-        }
-    }
-
-    .jtable-body {
-        width: 100%;
-        box-sizing: border-box;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        .jtable-body-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            .jtable-body-header-right {
-                display: flex;
-                gap: 8px;
-                align-items: center;
-
-                .jtable-body-header-right-button {
-                    .right-button-icon {
-                        font-size: 16px;
-                        color: #d9d9d9;
-                    }
-
-                    .ant-radio-button-wrapper {
-                        padding: 0 8px;
-                    }
-
-                    .ant-radio-button-wrapper-checked {
-                        .right-button-icon {
-                            color: @primary-color;
-                        }
-                    }
-                }
-            }
-        }
-
-        .jtable-content {
-            flex: 1;
-            padding: 16px 0;
-
-            .jtable-alert {
-                margin-bottom: 16px;
-            }
-
-            .jtable-card {
-                .jtable-card-items {
-                    display: grid;
-                    grid-gap: 26px;
-
-                    .jtable-card-item {
-                        display: flex;
-                        min-width: 0;
-                    }
-                }
-            }
-        }
-
-        .jtable-pagination {
-            // position: absolute;
-            // background-color: white;
-            // padding: 10px 0;
-            // right: 0;
-            // bottom: 0;
-            width: 100%;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .j-table-empty {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin: 10% 0;
-        }
-    }
-}

package/lib/ProTable/proTableTypes.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TypeEnum = exports.ModelEnum = void 0;
-require("vue");
-var TypeEnum;
-(function (TypeEnum) {
-  TypeEnum["TREE"] = "TREE";
-  TypeEnum["PAGE"] = "PAGE";
-})(TypeEnum || (exports.TypeEnum = TypeEnum = {}));
-var ModelEnum;
-(function (ModelEnum) {
-  ModelEnum["TABLE"] = "TABLE";
-  ModelEnum["CARD"] = "CARD";
-})(ModelEnum || (exports.ModelEnum = ModelEnum = {}));

package/lib/ProTable/style/index.css

@@ -1,69 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.jtable-body-spin {
-  min-height: 100%;
-  width: 100%;
-  padding: 16px 24px 24px;
-  background-color: #fff;
-}
-.jtable-body-spin .ant-spin-nested-loading {
-  height: 100%;
-}
-.jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
-  height: 100%;
-}
-.jtable-body-spin .jtable-body {
-  width: 100%;
-  box-sizing: border-box;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.jtable-body-spin .jtable-body .jtable-body-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
-  font-size: 16px;
-  color: #d9d9d9;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
-  padding: 0 8px;
-}
-.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
-  color: #1890ff;
-}
-.jtable-body-spin .jtable-body .jtable-content {
-  flex: 1;
-  padding: 16px 0;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
-  margin-bottom: 16px;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
-  display: grid;
-  grid-gap: 26px;
-}
-.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
-  display: flex;
-  min-width: 0;
-}
-.jtable-body-spin .jtable-body .jtable-pagination {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-}
-.jtable-body-spin .jtable-body .j-table-empty {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 10% 0;
-}

package/lib/ProTable/style/index.less

@@ -1,92 +0,0 @@
-@import '../../style/variable.less';
-//@import 'ant-design-vue/es/style/themes/variable.less';
-
-.jtable-body-spin {
-    min-height: 100%;
-    width: 100%;
-    padding: 16px 24px 24px;
-    background-color: #fff;
-
-    .ant-spin-nested-loading {
-        height: 100%;
-        .ant-spin-container {
-            height: 100%;
-        }
-    }
-
-    .jtable-body {
-        width: 100%;
-        box-sizing: border-box;
-        height: 100%;
-        display: flex;
-        flex-direction: column;
-
-        .jtable-body-header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-
-            .jtable-body-header-right {
-                display: flex;
-                gap: 8px;
-                align-items: center;
-
-                .jtable-body-header-right-button {
-                    .right-button-icon {
-                        font-size: 16px;
-                        color: #d9d9d9;
-                    }
-
-                    .ant-radio-button-wrapper {
-                        padding: 0 8px;
-                    }
-
-                    .ant-radio-button-wrapper-checked {
-                        .right-button-icon {
-                            color: @primary-color;
-                        }
-                    }
-                }
-            }
-        }
-
-        .jtable-content {
-            flex: 1;
-            padding: 16px 0;
-
-            .jtable-alert {
-                margin-bottom: 16px;
-            }
-
-            .jtable-card {
-                .jtable-card-items {
-                    display: grid;
-                    grid-gap: 26px;
-
-                    .jtable-card-item {
-                        display: flex;
-                        min-width: 0;
-                    }
-                }
-            }
-        }
-
-        .jtable-pagination {
-            // position: absolute;
-            // background-color: white;
-            // padding: 10px 0;
-            // right: 0;
-            // bottom: 0;
-            width: 100%;
-            display: flex;
-            justify-content: flex-end;
-        }
-
-        .j-table-empty {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            margin: 10% 0;
-        }
-    }
-}