@steedos-widgets/amis-object 3.6.2-beta.9 → 3.6.2

package/dist/amis/AmisInputTable.d.ts

@@ -1,20 +1,30 @@
+import './AmisInputTable.less';
 export declare const AmisInputTable: (props: any) => Promise<{
     type: string;
     body: {
         type: string;
-        label: any;
-        name: any;
-        draggable: any;
-        showIndex: any;
-        perPage: any;
-        id: any;
-        columns: any;
-        strictMode: any;
-        showTableAddBtn: boolean;
-        showFooterAddBtn: boolean;
-        className: any;
-        pipeOut: (value: any, data: any) => any;
-    }[];
-    className: any;
-    id: string;
+        body: {
+            type: string;
+            mode: string;
+            name: any;
+            draggable: any;
+            showIndex: any;
+            perPage: any;
+            id: any;
+            columns: any;
+            strictMode: any;
+            showTableAddBtn: boolean;
+            showFooterAddBtn: boolean;
+            className: any;
+            pipeIn: (value: any, data: any) => any;
+            pipeOut: (value: any, data: any) => any;
+        }[];
+        id: string;
+    };
+    label: any;
+    labelClassName: any;
+    labelRemark: any;
+    labelAlign: any;
+    mode: any;
+    className: string;
 }>;

package/dist/amis-object.cjs.css

@@ -13,12 +13,12 @@
     --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;
     --Table-thead-borderWidth: 1px;
     --Table-bg: white;
-    --TableCell-paddingY: 0.3rem;
+    --TableCell-paddingY: 0.4rem;
     --TableCell-paddingX: 0.5rem;
     --TableCell--edge-paddingX: 0.5rem;
     --text--muted-color: #d9dcde;
@@ -354,6 +354,35 @@ fieldset.antd-Collapse > legend{
     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-Drawer--right .antd-Drawer-close{
+    z-index: 11;
+}
+
+
+.antd-Drawer--lg .antd-Drawer-content{
+    width: 60rem;
+}
+
+
+.antd-PopOver{
+    z-index: 1360;
+}
+
+.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;
@@ -433,6 +462,14 @@ fieldset.antd-Collapse > legend{
 /* .antd-Tabs {
     margin: 1rem;
 } */
+
+@media (max-width: 767px){
+    .instance-default .antd-Form-item .antd-Form-label + .antd-Form-item-controlBox {
+        max-width: 100%;
+        padding-right: 15px;
+    }
+}
+
 /* @tailwind base; */
 .container {
     width: 100%
@@ -601,6 +638,9 @@ fieldset.antd-Collapse > legend{
 .mt-2 {
     margin-top: 0.5rem
 }
+.mt-3 {
+    margin-top: 0.75rem
+}
 .mt-\[50px\] {
     margin-top: 50px
 }
@@ -706,6 +746,9 @@ fieldset.antd-Collapse > legend{
 .w-8 {
     width: 2rem
 }
+.w-80 {
+    width: 20rem
+}
 .w-96 {
     width: 24rem
 }
@@ -856,6 +899,9 @@ fieldset.antd-Collapse > legend{
 .rounded-xl {
     border-radius: 0.75rem
 }
+.border {
+    border-width: 1px
+}
 .border-0 {
     border-width: 0px
 }
@@ -904,6 +950,10 @@ fieldset.antd-Collapse > legend{
     --tw-bg-opacity: 1;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity))
 }
+.bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
+}
 .bg-transparent {
     background-color: transparent
 }
@@ -943,6 +993,10 @@ fieldset.antd-Collapse > legend{
     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
@@ -1143,11 +1197,8 @@ fieldset.antd-Collapse > legend{
 .ease-in-out {
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }
-.first\:pt-0:first-child {
-    padding-top: 0px
-}
-.last\:border-b-0:last-child {
-    border-bottom-width: 0px
+.last\:mb-0:last-child {
+    margin-bottom: 0px
 }
 .hover\:bg-sky-50:hover {
     --tw-bg-opacity: 1;
@@ -1185,8 +1236,8 @@ fieldset.antd-Collapse > legend{
     .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
@@ -1210,9 +1261,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
@@ -1227,6 +1278,9 @@ fieldset.antd-Collapse > legend{
     .md\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
+    .md\:overflow-auto {
+        overflow: auto
+    }
 }
 @media (min-width: 1024px) {
     .lg\:z-50 {
@@ -1241,53 +1295,50 @@ fieldset.antd-Collapse > legend{
     .lg\:flex {
         display: flex
     }
-    .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\:flex-col {
-        flex-direction: column
-    }
-}
-@media (min-width: 1280px) {
-    .xl\:grid-cols-1 {
+    .lg\:grid-cols-1 {
         grid-template-columns: repeat(1, minmax(0, 1fr))
     }
-    .xl\:grid-cols-10 {
+    .lg\:grid-cols-10 {
         grid-template-columns: repeat(10, minmax(0, 1fr))
     }
-    .xl\:grid-cols-11 {
+    .lg\:grid-cols-11 {
         grid-template-columns: repeat(11, minmax(0, 1fr))
     }
-    .xl\:grid-cols-12 {
+    .lg\:grid-cols-12 {
         grid-template-columns: repeat(12, minmax(0, 1fr))
     }
-    .xl\:grid-cols-2 {
+    .lg\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }
-    .xl\:grid-cols-3 {
+    .lg\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
-    .xl\:grid-cols-4 {
+    .lg\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }
-    .xl\:grid-cols-5 {
+    .lg\:grid-cols-5 {
         grid-template-columns: repeat(5, minmax(0, 1fr))
     }
-    .xl\:grid-cols-6 {
+    .lg\:grid-cols-6 {
         grid-template-columns: repeat(6, minmax(0, 1fr))
     }
-    .xl\:grid-cols-7 {
+    .lg\:grid-cols-7 {
         grid-template-columns: repeat(7, minmax(0, 1fr))
     }
-    .xl\:grid-cols-8 {
+    .lg\:grid-cols-8 {
         grid-template-columns: repeat(8, minmax(0, 1fr))
     }
-    .xl\:grid-cols-9 {
+    .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 {
@@ -1330,7 +1381,8 @@ fieldset.antd-Collapse > legend{
   border-width: 0;
 }
 .steedos-record-related-list .antd-Table-contentWrap {
-  margin-bottom: 0px !important;
+  border-left-width: 1px;
+  border-right-width: 1px;
 }
 .steedos-record-related-list .antd-Table-headToolbar {
   display: none;
@@ -1416,6 +1468,23 @@ fieldset.antd-Collapse > legend{
     display: none;
   }
 }
+.antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar.hasHelpText .antd-Crud-toolbar-item:first-child {
+  width: 100%;
+  margin-top: -12px;
+  font-size: var(--Table-thead-fontSize);
+}
+.antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar.hasHelpText .antd-Crud-toolbar-item:nth-child(2) {
+  margin-left: unset;
+}
+.antd-Modal-body .steedos-lookup-crud .antd-Table-headToolbar {
+  padding-left: 0;
+  padding-right: 0;
+}
+.antd-Modal-body .steedos-lookup-crud .antd-Crud-selection {
+  padding-left: 0;
+  padding-right: 0;
+  margin-top: -10px;
+}
 .steedos-select-user {
   margin-left: 330px;
   min-height: 300px;
@@ -1438,7 +1507,7 @@ fieldset.antd-Collapse > legend{
   left: -330px;
   width: 320px;
   bottom: 0;
-  top: 0;
+  top: 10px;
   overflow: auto;
   min-height: 300px;
 }
@@ -1681,6 +1750,11 @@ fieldset.antd-Collapse > legend{
 .antd-Crud .antd-Table tbody td > .antd-Form-static {
   display: inline;
 }
+@media (max-height: 780px) {
+  .steedos-table-quickEdit .antd-Select-menu {
+    max-height: 30vh;
+  }
+}
 
 
 .steedos-dropdown-button-overlay .ant-dropdown-menu-item {
@@ -2398,6 +2472,12 @@ body.sidebar #sidebar {
   }
 }
 
+.instance-default .instance-form .form-control .antd-Form-item {
+  padding: 0;
+}
+.instance-default .instance-form .form-control .antd-Form-item .antd-Form-static {
+  padding: 0;
+}
 
 .steedos-select-flow-service .antd-TreeControl > .antd-Tree {
   max-height: unset;
@@ -2514,6 +2594,10 @@ body.sidebar #sidebar {
   color: #000;
 }
 
+.steedos-input-table .antd-DropDown-popover .antd-PopOver-overlay {
+  display: none;
+}
+
 
 .steedos-record-selected {
   background: var(--Table-onChecked-bg) !important;