@steedos-widgets/amis-object 1.3.3 → 1.3.4-beta.10

package/dist/amis/AmisObjectListview.d.ts

@@ -6,9 +6,11 @@ export declare const AmisObjectListView: (props: any) => Promise<{
     showIcon: boolean;
     className: string;
     data?: undefined;
+    style?: undefined;
 } | {
     type: string;
     data: any;
+    style: any;
     className: string;
     body: {
         type: string;

package/dist/amis/AmisObjectTable.d.ts

@@ -4,10 +4,6 @@ export declare const AmisObjectTable: (props: any) => Promise<{
     className: string;
     id: string;
     name: string;
-    data: {
-        objectName: any;
-        recordPermissions: any;
-        uiSchema: any;
-    };
-    body: {};
+    data: any;
+    body: any;
 }>;

package/dist/amis/AmisRecordDetailHeader.d.ts

@@ -88,6 +88,7 @@ export declare const AmisRecordDetailHeader: (props: any) => Promise<{
                     }[] | {
                         type: string;
                         icon: string;
+                        visibleOn: string;
                         onEvent: {
                             click: {
                                 actions: {

package/dist/amis-object.cjs.css

@@ -1,6 +1,6 @@
 :root {
+    --body-bg: #f9fafb;
     --Page-main-bg: transparent;
-    --fontFamilyBase: -apple-system,BlinkMacSystemFont,Helvetica,Arial,Microsoft Yahei,SimHei;
     --Form-item-fontSize: 12px;
     --Form-fontSize: 14px;
     --Form-selectValue-fontSize: 14px;
@@ -57,7 +57,7 @@ fieldset.antd-Collapse {
     margin-bottom: 1rem;
 }
 
-fieldset.antd-Collapse > legend.antd-Collapse-header {
+/* fieldset.antd-Collapse > legend.antd-Collapse-header {
     border-left: 0;
     background: rgb(241 245 249);
     padding: 0.5rem;
@@ -67,7 +67,7 @@ fieldset.antd-Collapse > legend.antd-Collapse-header {
 
 fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:before {
     border-color: initial
-}
+} */
 
 .amis-scope .antd-Select-option > label {
     display: block;
@@ -96,10 +96,6 @@ fieldset.antd-Collapse > legend.antd-Collapse-header > .antd-Collapse-arrow:befo
     display: none;
 }
 
-body {
-    font-family: -apple-system,BlinkMacSystemFont,Helvetica,Arial,Microsoft Yahei,SimHei;
-}
-
 @media (max-width: 768px){
     .ant-modal.antd-Modal--lg, .ant-modal.antd-Modal--xl, .ant-modal.antd-Modal--full{
         top: 0px !important;
@@ -275,8 +271,25 @@ fieldset.antd-Collapse > legend{
 }
 
 /* crud中的顶部选中项未垂直居中 */
-.antd-Crud .antd-Crud-selection{
-    margin-bottom: var(--gap-xs);
+.antd-Crud .antd-Crud-selection{      
+    padding: var(--gap-sm);
+    border-bottom: 1px solid var(--Table-thead-borderColor);
+    margin-bottom: 0;
+}
+
+.bg-white {
+  color: var(--body-color);
+}
+
+.antd-SearchBox.is-mobile {
+    border: var(--Form-input-borderWidth) solid transparent;
+    border-radius: var(--Form-input-borderRadius);
+}
+
+.antd-Picker .antd-Picker-input .antd-Picker-values .antd-Picker-value{
+    /* lookup字段值选中项值字符很多超长时换行，包括单选和多选 */
+    white-space: break-spaces;
+    word-break: break-all;
 }
 
 .ant-dropdown-menu {
@@ -326,6 +339,34 @@ fieldset.antd-Collapse > legend{
 .antd-ButtonGroup > .antd-Button {
     max-width: none !important;
 }
+
+
+/* env.notify时的toast样式参考amis toast，而不是使用antd本身的样式效果 */
+.ant-message {
+    top: var(--gap-base);
+    left: 50%;
+    transform: translateX(-50%);
+    max-width: var(--Toast-width);
+}
+
+.ant-message .ant-message-notice {
+    padding: 2px 0;
+    max-width: var(--Toast-width);
+    margin: 0 4px;
+}
+
+.ant-message .ant-message-notice .ant-message-notice-content {
+    width: 100%;
+    padding: var(--Toast-paddingY) var(--Toast-paddingX);
+    border-radius: var(--Toast-borderRadius);
+}
+
+.ant-message .ant-message-notice .ant-message-notice-content .ant-message-custom-content {
+    display: flex;
+    align-items: center;
+    justify-content: start;
+    text-align: left;
+}
 /* @tailwind base; */
 .container {
     width: 100%
@@ -413,6 +454,9 @@ fieldset.antd-Collapse > legend{
     margin-top: 0.5rem;
     margin-bottom: 0.5rem
 }
+.ml-1 {
+    margin-left: 0.25rem
+}
 .mr-0 {
     margin-right: 0px
 }
@@ -557,8 +601,8 @@ fieldset.antd-Collapse > legend{
 .w-\[240px\] {
     width: 240px
 }
-.w-20 {
-    width: 5rem
+.w-10 {
+    width: 2.5rem
 }
 .w-12 {
     width: 3rem
@@ -566,9 +610,6 @@ fieldset.antd-Collapse > legend{
 .w-1\/3 {
     width: 33.333333%
 }
-.w-10 {
-    width: 2.5rem
-}
 .\!w-10 {
     width: 2.5rem !important
 }
@@ -735,10 +776,6 @@ fieldset.antd-Collapse > legend{
 .\!border-none {
     border-style: none !important
 }
-.border-slate-300 {
-    --tw-border-opacity: 1;
-    border-color: rgb(203 213 225 / var(--tw-border-opacity))
-}
 .border-gray-300 {
     --tw-border-opacity: 1;
     border-color: rgb(209 213 219 / var(--tw-border-opacity))
@@ -747,10 +784,6 @@ fieldset.antd-Collapse > legend{
     --tw-border-opacity: 1;
     border-color: rgb(14 165 233 / var(--tw-border-opacity))
 }
-.border-slate-200 {
-    --tw-border-opacity: 1;
-    border-color: rgb(226 232 240 / var(--tw-border-opacity))
-}
 .border-gray-200 {
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity))
@@ -857,6 +890,9 @@ fieldset.antd-Collapse > legend{
 .pb-4 {
     padding-bottom: 1rem
 }
+.pl-0 {
+    padding-left: 0px
+}
 .text-left {
     text-align: left
 }
@@ -940,9 +976,9 @@ fieldset.antd-Collapse > legend{
     --tw-text-opacity: 1;
     color: rgb(37 99 235 / var(--tw-text-opacity))
 }
-.text-slate-700 {
+.text-gray-700 {
     --tw-text-opacity: 1;
-    color: rgb(51 65 85 / var(--tw-text-opacity))
+    color: rgb(55 65 81 / var(--tw-text-opacity))
 }
 .text-sky-500 {
     --tw-text-opacity: 1;
@@ -1001,6 +1037,9 @@ fieldset.antd-Collapse > legend{
     --tw-bg-opacity: 1;
     background-color: rgb(240 249 255 / var(--tw-bg-opacity))
 }
+.hover\:font-bold:hover {
+    font-weight: 700
+}
 .focus\:outline-none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
@@ -1045,6 +1084,9 @@ fieldset.antd-Collapse > legend{
     .sm\:border {
         border-width: 1px
     }
+    .sm\:border-r {
+        border-right-width: 1px
+    }
     .sm\:border-gray-300 {
         --tw-border-opacity: 1;
         border-color: rgb(209 213 219 / var(--tw-border-opacity))
@@ -1313,6 +1355,127 @@ fieldset.antd-Collapse > legend{
 .antd-ButtonGroup--vertical .steedos-object-button + .steedos-object-button {
   margin-left: 0px;
 }
+.whitespace-nowrap-table-cell-text-overflow-ellipsis-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis-content > .antd-Form-static {
+  /*上面的样式无法解决url类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis-content > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+  /*上面的样式无法解决附件类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
+  /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
+  /*上面的样式无法解决url类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+  /*上面的样式无法解决附件类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
+  /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
+  /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
+  /*上面的样式无法解决url类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.whitespace-nowrap-table-cell-text-overflow-ellipsis .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+  /*上面的样式无法解决附件类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@media (min-width: 767px) {
+  .steedos-object-table {
+    /*对象表格组件各种字段类型文字超长时显示省略号*/
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
+    /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
+    /*上面的样式无法解决url类型字段省略号问题*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+    /*上面的样式无法解决附件类型字段省略号问题*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
+    /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
+    /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
+    /*上面的样式无法解决url类型字段省略号问题*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .steedos-object-table .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+    /*上面的样式无法解决附件类型字段省略号问题*/
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+.antd-Modal .antd-Modal-body {
+  /*lookup字段弹出窗口中各种字段类型的列文字超长时显示省略号*/
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div {
+  /*各种字段类型在不支持快速编辑的单元格中文字超长时显示省略号*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static {
+  /*上面的样式无法解决url类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+  /*上面的样式无法解决附件类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable {
+  /*各种字段类型在支持快速编辑的单元格中文字超长时显示省略号*/
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div {
+  /*这里写在第二层div中是因为第一层div是display: flex;无法实现省略号*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static {
+  /*上面的样式无法解决url类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-Modal .antd-Modal-body .antd-Crud .antd-Table .antd-Table-content tbody td.whitespace-nowrap.antd-Field--quickEditable > div > div > .antd-Form-static > .antd-Form-control .antd-TplField > span > a {
+  /*上面的样式无法解决附件类型字段省略号问题*/
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 
 .steedos-dropdown-button-overlay .ant-dropdown-menu-item {
@@ -1359,10 +1522,11 @@ fieldset.antd-Collapse > legend{
         width: 100% !important;
     }
 
-    /* 修正手机版 body上的sidebar导致y滚动条异常 */
-    .sidebar{
-        padding-bottom: 0px !important;
-    }
+}
+
+/* 修正手机版 body上的sidebar导致y滚动条异常 */
+.sidebar{
+    padding-bottom: 0px !important;
 }
 .steedos-listview .is-loading .antd-Table-contentWrap {
   height: 50px;
@@ -1406,9 +1570,6 @@ fieldset.antd-Collapse > legend{
   .steedos-amis-form.antd-Form .antd-Collapse-content {
     padding: 0.5rem;
   }
-  .steedos-amis-form.antd-Form .antd-Form-label {
-    margin-bottom: 0;
-  }
   .steedos-object-form .antd-ComboControl .antd-Combo .antd-Form-row {
     display: grid;
     grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -1429,6 +1590,9 @@ fieldset.antd-Collapse > legend{
   .steedos-object-form .steedos-markdown .antd-Tabs-pane.is-active {
     display: block;
   }
+  .antd-Select-popover .antd-Select-menu .antd-Select-option .antd-Checkbox--checkbox {
+    white-space: nowrap;
+  }
   .antd-Select-popover .antd-Select-menu .antd-Select-option .antd-Checkbox--checkbox > span {
     vertical-align: text-top;
   }
@@ -1486,6 +1650,14 @@ fieldset.antd-Collapse > legend{
     align-items: center;
     padding: 0;
   }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-NumberControl .antd-Number {
+    border: var(--Number-borderWidth) solid var(--Form-input-borderColor);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-PickerControl.is-mobile .antd-Picker-input {
+    border-width: var(--Pick-base-top-border-width) var(--Pick-base-right-border-width) var(--Pick-base-bottom-border-width) var(--Pick-base-left-border-width);
+    border-style: var(--Pick-base-top-border-style) var(--Pick-base-right-border-style) var(--Pick-base-bottom-border-style) var(--Pick-base-left-border-style);
+    border-color: var(--Pick-base-top-border-color) var(--Pick-base-right-border-color) var(--Pick-base-bottom-border-color) var(--Pick-base-left-border-color);
+  }
   .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-static {
     padding-top: var(--Form-label-paddingTop);
     padding-bottom: var(--Form-label-paddingTop);
@@ -1554,15 +1726,15 @@ fieldset.antd-Collapse > legend{
 }
 
 @media (min-width: 767px) {
-  .steedos-object-table tbody td.antd-Field--quickEditable div {
+  .steedos-object-table tbody td.antd-Field--quickEditable > div {
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
-  .steedos-object-table tbody td.antd-Field--quickEditable div .antd-Field-quickEditBtn {
+  .steedos-object-table tbody td.antd-Field--quickEditable > div .antd-Field-quickEditBtn {
     padding-right: 13px;
   }
-  .steedos-object-table tbody td.antd-Field--quickEditable div .antd-Field-quickEditBtn svg {
+  .steedos-object-table tbody td.antd-Field--quickEditable > div .antd-Field-quickEditBtn svg {
     display: none;
   }
   .steedos-object-table tbody td.antd-Field--quickEditable:hover div .antd-Field-quickEditBtn {
@@ -1643,11 +1815,6 @@ fieldset.antd-Collapse > legend{
   padding-left: 0;
   padding-right: 0;
 }
-.steedos-global-footer .antd-Nav-Menu-item,
-.steedos-global-footer .antd-Nav-Menu-submenu-title,
-.steedos-global-footer .antd-Nav-Menu-overflow-item-rest {
-  background-color: rgb(243 244 246) !important;
-}
 .steedos-global-footer .antd-Nav-Menu-submenu-selected {
   border-bottom: none !important;
 }
@@ -1658,7 +1825,7 @@ fieldset.antd-Collapse > legend{
   background-color: unset;
   fill: #64748b;
 }
-.steedos-global-footer .antd-Nav-Menu-item-selected .text-slate-700 {
+.steedos-global-footer .antd-Nav-Menu-item-selected .text-gray-700 {
   color: #0970d1 !important;
 }
 .steedos-global-footer .antd-Nav-Menu-item-selected svg {
@@ -1669,6 +1836,9 @@ fieldset.antd-Collapse > legend{
 .antd-Nav-Menu-overflow-item {
   height: 100% !important;
 }
+.steedos-global-footer .antd-Nav-Menu-item.antd-Nav-Menu-item-selected {
+  background: transparent;
+}
 .steedos-global-footer-popup .antd-Nav-Menu-item-wrap {
   align-items: center;
 }
@@ -1710,7 +1880,6 @@ fieldset.antd-Collapse > legend{
   max-width: 100% !important;
 }
 .steedos-global-footer-root .antd-Nav-Menu-horizontal.antd-Nav-Menu-light {
-  background-color: rgb(243 244 246);
   justify-content: space-evenly;
   height: 100%;
 }