@steedos-widgets/amis-object 3.6.2-beta.2 → 3.6.2-beta.20

package/dist/amis-object.esm.css

@@ -10,14 +10,17 @@
     --Table-borderColor: #e5e7eb;
     --Table-borderWidth: 1px;
     --Table-fontSize: 13px;
+    --Table-fixedRight-boxShadow: none;
     --Table-thead-borderColor: rgb(209 213 219);
     --Table-thead-fontSize: 13px;
-    --Table-thead-bg: rgb(243 244 246);
+    --Table-thead-bg: #f9fafb;
+    --Table-thead-borderColor: var(--Table-borderColor);
     --Table-toolbar-marginY: 0;
-    --TableCell-paddingY: 0.3rem;
+    --Table-thead-borderWidth: 1px;
+    --Table-bg: white;
+    --TableCell-paddingY: 0.4rem;
     --TableCell-paddingX: 0.5rem;
     --TableCell--edge-paddingX: 0.5rem;
-    --Table-thead-borderWidth: 1px;
     --text--muted-color: #d9dcde;
     --Collapse-content-fontSize: 14px;
     --Collapse-border: 0;
@@ -26,6 +29,7 @@
     --Collapse-header-onHover-bg: #EEEEEE;
     --Collapse-header-padding: 4px;
     --Collapse-content-padding: 4px;
+    --collapse-default-bg-color: unset;
     --Button-height: 2rem;
     --Button-paddingX: 16px;
     --button-size-default-top-right-border-radius: 0.25rem;
@@ -49,6 +53,8 @@
     --DropDown-caret-marginLeft: 0;
     --Tabs--vertical-width: 180px;
     --Tabs-link-maxWidth: 180px;
+    --Tabs-content-bg: unset;
+    --drawer-content-paddingTop: 0;
 }
 
 .steedos-header-container .antd-Nav-Menu {
@@ -278,7 +284,7 @@ fieldset.antd-Collapse > legend{
 /* crud中的顶部选中项未垂直居中 */
 .antd-Crud .antd-Crud-selection{      
     padding: var(--gap-sm);
-    border-bottom: 1px solid var(--Table-thead-borderColor);
+    /* border-bottom: 1px solid var(--Table-thead-borderColor); */
     margin-bottom: 0;
 }
 
@@ -321,6 +327,48 @@ fieldset.antd-Collapse > legend{
     overflow: hidden;
 }
 
+
+/* === amis 3.6 子表组件showIndex设置为false隐藏索引列后，且有嵌套行存在时，第一列样式顶部都多了空白半行 start === */
+.antd-InputTable .antd-Table-primayCell .antd-Table-indent{
+    display: none;
+}
+
+.antd-InputTable .antd-Table-primayCell .antd-Table-expandSpace{
+    display: none;
+}
+/* === end === */
+
+/* === amis 3.6 子表组件showIndex设置为false隐藏索引列后，children子行缩进样式末生效 start === */
+.antd-InputTable .antd-Table-tr--2th .antd-Table-primayCell .antd-Table-expandSpace{
+    display: block;
+    height: 1rem;
+    float: left;
+}
+/* === end === */
+
+.steedos-record-related-crud {
+    --Table-thead-bg: white;
+}
+
+.steedos-record-related-crud .antd-Table-table > thead > tr > th:not(:last-child) {
+    border-right: 0px;
+}
+
+.steedos-crud-mode-table .antd-Table-table > thead > tr > th:not(:last-child) {
+    border-right: 0px;
+}
+
+.antd-Table-footToolbar {
+    background: white;
+}
+
+.antd-Tabs-linksWrapper {
+    border-right: var(--Table-borderWidth) solid var(--Table-borderColor)
+}
+.ant-dropdown{
+    z-index: 1400;
+}
+
 .ant-dropdown-menu {
     border: 1px solid #e5e5e5;
     border-radius: 0.25rem;
@@ -396,6 +444,10 @@ fieldset.antd-Collapse > legend{
     justify-content: start;
     text-align: left;
 }
+
+/* .antd-Tabs {
+    margin: 1rem;
+} */
 /* @tailwind base; */
 .container {
     width: 100%
@@ -425,6 +477,21 @@ fieldset.antd-Collapse > legend{
         max-width: 1536px
     }
 }
+@media (min-width: 1600px) {
+    .container {
+        max-width: 1600px
+    }
+}
+@media (min-width: 1800px) {
+    .container {
+        max-width: 1800px
+    }
+}
+@media (min-width: 2000px) {
+    .container {
+        max-width: 2000px
+    }
+}
 .visible {
     visibility: visible
 }
@@ -444,44 +511,38 @@ fieldset.antd-Collapse > legend{
     position: sticky
 }
 .inset-0 {
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px
+    inset: 0px
 }
-.top-0 {
-    top: 0px
-}
-.right-0 {
-    right: 0px
+.bottom-4 {
+    bottom: 1rem
 }
 .left-0 {
     left: 0px
 }
-.bottom-4 {
-    bottom: 1rem
+.right-0 {
+    right: 0px
 }
 .right-4 {
     right: 1rem
 }
+.top-0 {
+    top: 0px
+}
+.z-10 {
+    z-index: 10
+}
 .z-20 {
     z-index: 20
 }
 .z-40 {
     z-index: 40
 }
-.z-10 {
-    z-index: 10
-}
 .col-span-2 {
     grid-column: span 2 / span 2
 }
 .m-0 {
     margin: 0px
 }
-.m-1 {
-    margin: 0.25rem
-}
 .m-2 {
     margin: 0.5rem
 }
@@ -489,23 +550,20 @@ fieldset.antd-Collapse > legend{
     margin-top: 0.5rem;
     margin-bottom: 0.5rem
 }
-.ml-1 {
-    margin-left: 0.25rem
-}
-.mr-0 {
-    margin-right: 0px
+.\!mb-6 {
+    margin-bottom: 1.5rem !important
 }
-.mr-1 {
-    margin-right: 0.25rem
+.-mb-4 {
+    margin-bottom: -1rem
 }
-.-mt-2 {
-    margin-top: -0.5rem
+.-ml-1 {
+    margin-left: -0.25rem
 }
-.mb-3 {
-    margin-bottom: 0.75rem
+.-ml-px {
+    margin-left: -1px
 }
-.mb-4 {
-    margin-bottom: 1rem
+.mb-0 {
+    margin-bottom: 0px
 }
 .mb-1 {
     margin-bottom: 0.25rem
@@ -513,23 +571,17 @@ fieldset.antd-Collapse > legend{
 .mb-2 {
     margin-bottom: 0.5rem
 }
-.mt-2 {
-    margin-top: 0.5rem
-}
-.-mb-4 {
-    margin-bottom: -1rem
-}
-.mr-4 {
-    margin-right: 1rem
+.mb-3 {
+    margin-bottom: 0.75rem
 }
-.mr-2 {
-    margin-right: 0.5rem
+.mb-4 {
+    margin-bottom: 1rem
 }
-.mt-0\.5 {
-    margin-top: 0.125rem
+.mb-\[-3px\] {
+    margin-bottom: -3px
 }
-.mt-0 {
-    margin-top: 0px
+.ml-1 {
+    margin-left: 0.25rem
 }
 .ml-2 {
     margin-left: 0.5rem
@@ -537,26 +589,38 @@ fieldset.antd-Collapse > legend{
 .ml-4 {
     margin-left: 1rem
 }
-.-ml-px {
-    margin-left: -1px
+.mr-0 {
+    margin-right: 0px
+}
+.mr-1 {
+    margin-right: 0.25rem
+}
+.mr-2 {
+    margin-right: 0.5rem
 }
 .mr-3 {
     margin-right: 0.75rem
 }
-.mb-\[-3px\] {
-    margin-bottom: -3px
+.mr-4 {
+    margin-right: 1rem
 }
-.mt-\[50px\] {
-    margin-top: 50px
+.mt-0 {
+    margin-top: 0px
+}
+.mt-0\.5 {
+    margin-top: 0.125rem
 }
 .mt-1 {
     margin-top: 0.25rem
 }
-.\!mb-6 {
-    margin-bottom: 1.5rem !important
+.mt-2 {
+    margin-top: 0.5rem
 }
-.-ml-1 {
-    margin-left: -0.25rem
+.mt-3 {
+    margin-top: 0.75rem
+}
+.mt-\[50px\] {
+    margin-top: 50px
 }
 .block {
     display: block
@@ -585,11 +649,20 @@ fieldset.antd-Collapse > legend{
 .hidden {
     display: none
 }
+.\!h-10 {
+    height: 2.5rem !important
+}
+.h-10 {
+    height: 2.5rem
+}
+.h-12 {
+    height: 3rem
+}
 .h-14 {
     height: 3.5rem
 }
-.h-full {
-    height: 100%
+.h-4 {
+    height: 1rem
 }
 .h-5 {
     height: 1.25rem
@@ -597,94 +670,94 @@ fieldset.antd-Collapse > legend{
 .h-6 {
     height: 1.5rem
 }
-.h-4 {
-    height: 1rem
-}
-.h-12 {
-    height: 3rem
-}
-.h-10 {
-    height: 2.5rem
-}
-.\!h-10 {
-    height: 2.5rem !important
-}
-.h-\[50px\] {
-    height: 50px
-}
 .h-7 {
     height: 1.75rem
 }
 .h-8 {
     height: 2rem
 }
-.max-h-96 {
-    max-height: 24rem
+.h-\[50px\] {
+    height: 50px
 }
-.max-h-\[80vh\] {
-    max-height: 80vh
+.h-full {
+    height: 100%
 }
 .\!max-h-\[80vh\] {
     max-height: 80vh !important
 }
-.w-full {
-    width: 100%
+.max-h-12 {
+    max-height: 3rem
 }
-.w-14 {
-    width: 3.5rem
+.max-h-96 {
+    max-height: 24rem
 }
-.w-4 {
-    width: 1rem
+.max-h-\[80vh\] {
+    max-height: 80vh
 }
-.w-6 {
-    width: 1.5rem
+.\!w-10 {
+    width: 2.5rem !important
 }
-.w-\[240px\] {
-    width: 240px
+.\!w-full {
+    width: 100% !important
+}
+.w-1\/3 {
+    width: 33.333333%
 }
 .w-10 {
     width: 2.5rem
 }
-.w-auto {
-    width: auto
-}
 .w-12 {
     width: 3rem
 }
-.w-1\/3 {
-    width: 33.333333%
+.w-14 {
+    width: 3.5rem
 }
-.\!w-10 {
-    width: 2.5rem !important
+.w-4 {
+    width: 1rem
+}
+.w-6 {
+    width: 1.5rem
 }
 .w-64 {
     width: 16rem
 }
+.w-8 {
+    width: 2rem
+}
+.w-80 {
+    width: 20rem
+}
 .w-96 {
     width: 24rem
 }
-.\!w-full {
-    width: 100% !important
+.w-\[240px\] {
+    width: 240px
 }
-.w-8 {
-    width: 2rem
+.w-auto {
+    width: auto
 }
 .w-fit {
     width: -moz-fit-content;
     width: fit-content
 }
+.w-full {
+    width: 100%
+}
 .\!min-w-\[160px\] {
     min-width: 160px !important
 }
+.min-w-56 {
+    min-width: 14rem
+}
+.min-w-\[200px\] {
+    min-width: 200px
+}
 .min-w-\[240px\] {
     min-width: 240px
 }
 .min-w-\[300px\] {
     min-width: 300px
 }
-.min-w-\[200px\] {
-    min-width: 200px
-}
 .min-w-\[388px\] {
     min-width: 388px
 }
@@ -694,18 +767,18 @@ fieldset.antd-Collapse > legend{
 .max-w-md {
     max-width: 28rem
 }
-.flex-initial {
-    flex: 0 1 auto
+.flex-1 {
+    flex: 1 1 0%
 }
 .flex-auto {
     flex: 1 1 auto
 }
+.flex-initial {
+    flex: 0 1 auto
+}
 .flex-none {
     flex: none
 }
-.flex-1 {
-    flex: 1 1 0%
-}
 .flex-shrink-0 {
     flex-shrink: 0
 }
@@ -727,6 +800,9 @@ fieldset.antd-Collapse > legend{
 .animate-spin {
     animation: spin 1s linear infinite
 }
+.grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr))
+}
 .flex-row {
     flex-direction: row
 }
@@ -751,6 +827,9 @@ fieldset.antd-Collapse > legend{
 .justify-between {
     justify-content: space-between
 }
+.gap-2 {
+    gap: 0.5rem
+}
 .gap-x-3 {
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem
@@ -783,8 +862,8 @@ fieldset.antd-Collapse > legend{
 .whitespace-nowrap {
     white-space: nowrap
 }
-.break-all {
-    word-break: break-all
+.break-words {
+    overflow-wrap: break-word
 }
 .rounded {
     border-radius: 0.25rem
@@ -792,12 +871,12 @@ fieldset.antd-Collapse > legend{
 .rounded-full {
     border-radius: 9999px
 }
-.rounded-xl {
-    border-radius: 0.75rem
-}
 .rounded-md {
     border-radius: 0.375rem
 }
+.rounded-xl {
+    border-radius: 0.75rem
+}
 .border {
     border-width: 1px
 }
@@ -808,147 +887,152 @@ fieldset.antd-Collapse > legend{
     border-top-width: 1px;
     border-bottom-width: 1px
 }
-.border-t {
-    border-top-width: 1px
-}
 .border-b {
     border-bottom-width: 1px
 }
 .border-b-\[3px\] {
     border-bottom-width: 3px
 }
+.border-l {
+    border-left-width: 1px
+}
 .border-r {
     border-right-width: 1px
 }
 .border-solid {
     border-style: solid
 }
-.border-none {
-    border-style: none
-}
 .\!border-none {
     border-style: none !important
 }
-.border-gray-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(209 213 219 / var(--tw-border-opacity))
+.border-none {
+    border-style: none
 }
 .border-gray-200 {
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity))
 }
+.border-gray-300 {
+    --tw-border-opacity: 1;
+    border-color: rgb(209 213 219 / var(--tw-border-opacity))
+}
 .border-sky-500 {
     --tw-border-opacity: 1;
     border-color: rgb(14 165 233 / var(--tw-border-opacity))
 }
-.bg-white {
+.\!bg-transparent {
+    background-color: transparent !important
+}
+.bg-blue-500 {
     --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
 }
 .bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity))
 }
-.bg-blue-500 {
-    --tw-bg-opacity: 1;
-    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
-}
-.\!bg-transparent {
-    background-color: transparent !important
+.bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
 }
 .bg-transparent {
     background-color: transparent
 }
+.bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
 .bg-none {
     background-image: none
 }
-.fill-slate-500 {
-    fill: #64748b
-}
 .fill-gray-500 {
     fill: #6b7280
 }
-.p-4 {
-    padding: 1rem
+.fill-slate-500 {
+    fill: #64748b
+}
+.\!p-2 {
+    padding: 0.5rem !important
 }
 .p-0 {
     padding: 0px
 }
+.p-1 {
+    padding: 0.25rem
+}
 .p-2 {
     padding: 0.5rem
 }
-.p-3 {
-    padding: 0.75rem
-}
-.\!p-2 {
-    padding: 0.5rem !important
-}
-.p-1 {
-    padding: 0.25rem
+.p-4 {
+    padding: 1rem
 }
 .px-0 {
     padding-left: 0px;
     padding-right: 0px
 }
-.py-4 {
-    padding-top: 1rem;
-    padding-bottom: 1rem
+.px-2 {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem
+}
+.px-3 {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem
 }
 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }
-.py-2 {
-    padding-top: 0.5rem;
-    padding-bottom: 0.5rem
-}
-.px-2 {
-    padding-left: 0.5rem;
-    padding-right: 0.5rem
-}
 .py-1 {
     padding-top: 0.25rem;
     padding-bottom: 0.25rem
 }
+.py-2 {
+    padding-top: 0.5rem;
+    padding-bottom: 0.5rem
+}
 .py-2\.5 {
     padding-top: 0.625rem;
     padding-bottom: 0.625rem
 }
-.pt-4 {
-    padding-top: 1rem
+.py-4 {
+    padding-top: 1rem;
+    padding-bottom: 1rem
 }
-.pl-4 {
-    padding-left: 1rem
+.pb-0 {
+    padding-bottom: 0px
 }
-.pt-2 {
-    padding-top: 0.5rem
+.pb-16 {
+    padding-bottom: 4rem
 }
-.pt-0 {
-    padding-top: 0px
+.pb-4 {
+    padding-bottom: 1rem
 }
-.pl-1\.5 {
-    padding-left: 0.375rem
+.pl-0 {
+    padding-left: 0px
 }
 .pl-1 {
     padding-left: 0.25rem
 }
-.pr-4 {
-    padding-right: 1rem
+.pl-1\.5 {
+    padding-left: 0.375rem
+}
+.pl-4 {
+    padding-left: 1rem
 }
 .pl-5 {
     padding-left: 1.25rem
 }
-.pb-0 {
-    padding-bottom: 0px
+.pr-4 {
+    padding-right: 1rem
 }
-.pb-16 {
-    padding-bottom: 4rem
+.pt-0 {
+    padding-top: 0px
 }
-.pb-4 {
-    padding-bottom: 1rem
+.pt-2 {
+    padding-top: 0.5rem
 }
-.pl-0 {
-    padding-left: 0px
+.pt-4 {
+    padding-top: 1rem
 }
 .text-left {
     text-align: left
@@ -956,38 +1040,38 @@ fieldset.antd-Collapse > legend{
 .text-center {
     text-align: center
 }
-.text-base {
+.text-\[11px\] {
+    font-size: 11px
+}
+.text-\[14px\] {
     font-size: 14px
 }
-.text-md {
+.text-base {
     font-size: 14px
 }
 .text-lg {
     font-size: 16px
 }
-.text-xl {
-    font-size: 18px
-}
-.text-\[14px\] {
+.text-md {
     font-size: 14px
 }
-.text-\[11px\] {
-    font-size: 11px
+.text-xl {
+    font-size: 18px
 }
 .text-xs {
     font-size: 12px
 }
-.font-semibold {
-    font-weight: 600
-}
 .font-bold {
     font-weight: 700
 }
 .font-medium {
     font-weight: 500
 }
-.leading-none {
-    line-height: 1
+.font-semibold {
+    font-weight: 600
+}
+.leading-3 {
+    line-height: .75rem
 }
 .leading-4 {
     line-height: 1rem
@@ -998,12 +1082,8 @@ fieldset.antd-Collapse > legend{
 .leading-6 {
     line-height: 1.5rem
 }
-.leading-3 {
-    line-height: .75rem
-}
-.text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity))
+.leading-none {
+    line-height: 1
 }
 .text-\[blue\] {
     --tw-text-opacity: 1;
@@ -1013,34 +1093,38 @@ fieldset.antd-Collapse > legend{
     --tw-text-opacity: 1;
     color: rgb(255 0 0 / var(--tw-text-opacity))
 }
-.text-green-600 {
+.text-black {
     --tw-text-opacity: 1;
-    color: rgb(22 163 74 / var(--tw-text-opacity))
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+.text-blue-600 {
+    --tw-text-opacity: 1;
+    color: rgb(37 99 235 / var(--tw-text-opacity))
 }
 .text-gray-500 {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity))
 }
-.text-black {
+.text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity))
+    color: rgb(55 65 81 / var(--tw-text-opacity))
 }
 .text-gray-800 {
     --tw-text-opacity: 1;
     color: rgb(31 41 55 / var(--tw-text-opacity))
 }
-.text-blue-600 {
-    --tw-text-opacity: 1;
-    color: rgb(37 99 235 / var(--tw-text-opacity))
-}
-.text-gray-700 {
+.text-green-600 {
     --tw-text-opacity: 1;
-    color: rgb(55 65 81 / var(--tw-text-opacity))
+    color: rgb(22 163 74 / var(--tw-text-opacity))
 }
 .text-sky-500 {
     --tw-text-opacity: 1;
     color: rgb(14 165 233 / var(--tw-text-opacity))
 }
+.text-white {
+    --tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
 .no-underline {
     text-decoration-line: none
 }
@@ -1050,9 +1134,9 @@ fieldset.antd-Collapse > legend{
 .opacity-75 {
     opacity: 0.75
 }
-.shadow-none {
-    --tw-shadow: 0 0 #0000;
-    --tw-shadow-colored: 0 0 #0000;
+.shadow {
+    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 .shadow-lg {
@@ -1060,21 +1144,21 @@ fieldset.antd-Collapse > legend{
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
-.shadow {
-    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+.shadow-none {
+    --tw-shadow: 0 0 #0000;
+    --tw-shadow-colored: 0 0 #0000;
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
 .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
-.filter {
-    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
 .\!filter {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
 }
+.filter {
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
 .backdrop-blur {
     --tw-backdrop-blur: blur(8px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -1085,15 +1169,18 @@ fieldset.antd-Collapse > legend{
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }
-.duration-500 {
-    transition-duration: 500ms
-}
 .duration-300 {
     transition-duration: 300ms
 }
+.duration-500 {
+    transition-duration: 500ms
+}
 .ease-in-out {
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
+.last\:mb-0:last-child {
+    margin-bottom: 0px
+}
 .hover\:bg-sky-50:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(240 249 255 / var(--tw-bg-opacity))
@@ -1124,11 +1211,14 @@ fieldset.antd-Collapse > legend{
     .sm\:w-\[220px\] {
         width: 220px
     }
+    .sm\:grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
     .sm\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
-    .sm\:gap-2 {
-        gap: 0.5rem
+    .sm\:gap-4 {
+        gap: 1rem
     }
     .sm\:rounded {
         border-radius: 0.25rem
@@ -1152,9 +1242,9 @@ fieldset.antd-Collapse > legend{
         --tw-border-opacity: 1;
         border-color: rgb(209 213 219 / var(--tw-border-opacity))
     }
-    .sm\:bg-gray-100 {
+    .sm\:bg-gray-50 {
         --tw-bg-opacity: 1;
-        background-color: rgb(243 244 246 / var(--tw-bg-opacity))
+        background-color: rgb(249 250 251 / var(--tw-bg-opacity))
     }
     .sm\:p-3 {
         padding: 0.75rem
@@ -1165,6 +1255,14 @@ fieldset.antd-Collapse > legend{
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
     }
 }
+@media (min-width: 768px) {
+    .md\:grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr))
+    }
+    .md\:overflow-auto {
+        overflow: auto
+    }
+}
 @media (min-width: 1024px) {
     .lg\:z-50 {
         z-index: 50
@@ -1178,10 +1276,71 @@ fieldset.antd-Collapse > legend{
     .lg\:flex {
         display: flex
     }
+    .lg\:grid-cols-1 {
+        grid-template-columns: repeat(1, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-10 {
+        grid-template-columns: repeat(10, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-11 {
+        grid-template-columns: repeat(11, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-12 {
+        grid-template-columns: repeat(12, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-2 {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-3 {
+        grid-template-columns: repeat(3, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-4 {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-6 {
+        grid-template-columns: repeat(6, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-7 {
+        grid-template-columns: repeat(7, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+    .lg\:grid-cols-9 {
+        grid-template-columns: repeat(9, minmax(0, 1fr))
+    }
     .lg\:flex-col {
         flex-direction: column
     }
 }
+@media (min-width: 1280px) {
+    .xl\:grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1536px) {
+    .\32xl\:grid-cols-5 {
+        grid-template-columns: repeat(5, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1600px) {
+    .\33xl\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+}
+@media (min-width: 1800px) {
+    .\34xl\:grid-cols-8 {
+        grid-template-columns: repeat(8, minmax(0, 1fr))
+    }
+}
+@media (min-width: 2000px) {
+    .\35xl\:grid-cols-10 {
+        grid-template-columns: repeat(10, minmax(0, 1fr))
+    }
+}
 
 .ant-dropdown-menu {
   border: 1px solid #e5e5e5;
@@ -1643,16 +1802,13 @@ body.steedos {
   .steedos-amis-form .antd-Form--horizontal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
-    row-gap: 0rem;
+    row-gap: 0.5rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
   }
   .steedos-amis-form .antd-Collapse .antd-Form--quickEdit {
     grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
   }
-  .steedos-amis-form.antd-Form .antd-Collapse-content {
-    padding: 0.5rem;
-  }
   .steedos-object-form .antd-ComboControl .antd-Combo .antd-Form-row {
     display: grid;
     grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1666,7 +1822,7 @@ body.steedos {
   .steedos-object-form .antd-Tabs-pane.is-active {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
-    row-gap: 0rem;
+    row-gap: 0.25rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
   }
@@ -1771,10 +1927,10 @@ body.steedos {
   height: var(--button-size-default-height);
 }
 .steedos-object-listview .split-dropdown-buttons li {
-  padding: unset;
   height: unset;
 }
 .steedos-object-listview .split-dropdown-buttons li .antd-Button {
+  padding: 0;
   border: none !important;
   background: unset !important;
   width: 100%;
@@ -1894,8 +2050,14 @@ body.steedos {
   }
   /* amis3.2版本快速编辑单元格样式:end */
   .steedos-object-table thead tr th:nth-last-child(2),
+  .steedos-object-table colgroup col:nth-last-child(2),
+  .steedos-object-table tbody tr td:nth-last-child(2) {
+    padding: 0;
+    border: 0;
+  }
   .steedos-object-table colgroup col:nth-last-child(2) {
-    display: none;
+    width: 0.5px !important;
+    min-width: 0.5px !important;
   }
   .steedos-object-table tbody td.antd-Field--quickEditable .antd-Field-quickEditBtn {
     padding-right: 13px;
@@ -1915,12 +2077,6 @@ body.steedos {
   .steedos-object-table .datetime-min-w {
     min-width: 12em;
   }
-  .steedos-object-table .antd-Table-table thead tr th {
-    height: 32px !important;
-  }
-  .steedos-object-table .antd-Table-table tbody tr {
-    height: 46px;
-  }
   .page-list-split .steedos-object-table .antd-Table-table tbody tr.antd-Table-placeholder {
     height: var(--Table-placeholder-height);
   }
@@ -2034,6 +2190,63 @@ body.steedos {
   }
 }
 
+.compact-layouts {
+  display: grid;
+  row-gap: 0rem;
+  -moz-column-gap: 1rem;
+  column-gap: 1rem;
+}
+.compact-layouts .antd-Form-item {
+  margin-bottom: 0px;
+}
+.compact-layouts .antd-Form-label {
+  margin-bottom: 0px;
+}
+.compact-layouts .antd-PopOver {
+  min-width: 420px;
+  max-width: 420px;
+}
+.compact-layouts .antd-PopOver .antd-Panel {
+  overflow-y: auto;
+  height: 100%;
+}
+.compact-layouts .steedos-field-lookup-each .antd-Form-static {
+  overflow: visible;
+  text-overflow: clip;
+  white-space: normal;
+}
+.compact-layouts .antd-Form-static,
+.compact-layouts .antd-MultilineText-display {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.steedos-field-lookup-wrapper .antd-PopOver {
+  min-width: 420px;
+  max-width: 420px;
+}
+.steedos-record-detail-popover > .antd-Panel-body {
+  padding: 0px;
+}
+.steedos-record-detail-popover > .antd-Panel-body > .antd-Form {
+  display: block;
+}
+.steedos-record-detail-popover .compact-layouts {
+  display: block;
+}
+.steedos-record-detail-popover .compact-layouts .grid {
+  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+}
+.steedos-record-detail-popover .compact-layouts .antd-Form-item {
+  padding: 0px;
+  display: block;
+}
+.steedos-record-detail-popover .compact-layouts .antd-Form-item .antd-Form-label {
+  max-width: 100%;
+}
+.steedos-record-detail-popover .compact-layouts .antd-Form-item .antd-Form-item-controlBox {
+  max-width: 100%;
+}
 @media (max-width: 768px) {
   .record-detail-header-name {
     display: -webkit-box;
@@ -2042,6 +2255,22 @@ body.steedos {
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }
+  .compact-layouts {
+    display: block;
+  }
+  .compact-layouts .antd-Form-item {
+    padding: 0px;
+    display: block;
+  }
+  .compact-layouts .antd-Form-item .antd-Form-label {
+    max-width: 100%;
+  }
+  .compact-layouts .antd-Form-item .antd-Form-item-controlBox {
+    max-width: 100%;
+  }
+}
+.steedos-field-lookup-wrapper {
+  display: block !important;
 }
 
 .steedos-context-bar .antd-Nav-list {
@@ -2316,3 +2545,16 @@ body.sidebar #sidebar {
   border: none;
   color: #000;
 }
+
+.steedos-input-table .antd-DropDown-popover .antd-PopOver-overlay {
+  display: none;
+}
+
+
+.steedos-record-selected {
+  background: var(--Table-onChecked-bg) !important;
+  color: var(--Table-onChecked-color) !important;
+}
+.steedos-record-selected span {
+  color: var(--Table-onChecked-color) !important;
+}