@steedos-widgets/amis-object 1.3.4-beta.15 → 1.3.4-beta.16

package/dist/amis-object.cjs.css

@@ -523,6 +523,9 @@ fieldset.antd-Collapse > legend{
 .block {
     display: block
 }
+.inline-block {
+    display: inline-block
+}
 .inline {
     display: inline
 }
@@ -604,6 +607,9 @@ fieldset.antd-Collapse > legend{
 .w-10 {
     width: 2.5rem
 }
+.w-auto {
+    width: auto
+}
 .w-12 {
     width: 3rem
 }
@@ -613,9 +619,6 @@ fieldset.antd-Collapse > legend{
 .\!w-10 {
     width: 2.5rem !important
 }
-.w-auto {
-    width: auto
-}
 .w-64 {
     width: 16rem
 }
@@ -668,6 +671,9 @@ fieldset.antd-Collapse > legend{
 .flex-shrink-0 {
     flex-shrink: 0
 }
+.grow {
+    flex-grow: 1
+}
 .-translate-x-0 {
     --tw-translate-x: -0px;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
@@ -1686,52 +1692,99 @@ body.steedos {
   justify-content: unset;
 }
 /*
-    列表快速搜索，手机端及PC端分栏模式需要独占一行
+    列表快速搜索，手机端及PC端分栏模式需要独占一行，另外card模式，即antd-Cards-toolbar也一样
 */
-.steedos-crud-mobile-search-box .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
+.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
+.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
   width: 100%;
   margin-top: 8px;
 }
-.steedos-crud-mobile-search-box .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
+.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
+.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
   width: 100%;
 }
-.steedos-crud-mobile-search-box .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
-  width: 100%;
-}
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
-  width: 100%;
-  margin-top: 8px;
-}
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
-  width: 100%;
-}
-.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
+.page-list-split .steedos-object-listview .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
+.page-list-split .steedos-object-listview .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
   width: 100%;
 }
 @media (max-width: 768px) {
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
+  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
+  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
     width: 100%;
     margin-top: 8px;
   }
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
+  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
+  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
     width: 100%;
   }
-  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
+  .steedos-object-table .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
+  .steedos-object-table .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
     width: 100%;
   }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child,
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
     width: 100%;
     margin-top: 8px;
   }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper,
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper {
     width: 100%;
   }
-  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active,
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Cards-toolbar:first-child .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child .antd-TooltipWrapper .antd-SearchBox.is-active {
     width: 100%;
   }
+  .steedos-object-table .antd-Crud > form.antd-Form:before {
+    border-bottom: none;
+  }
+}
+.page-list-grid > .antd-Page > .antd-Page-content > .antd-Page-main > .antd-Page-body,
+.page-list-split > .antd-Page > .antd-Page-content > .antd-Page-main > .antd-Page-body {
+  height: 100%;
+}
+.page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content,
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content {
+  height: calc(100% - 78px);
+}
+.page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body,
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
+  max-height: calc(100% - 110px);
+  overflow-y: auto;
+}
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards {
+  width: 386px;
+}
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
+  max-height: calc(100% - 142px);
+}
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body > div {
+  flex-basis: 100%;
+  max-width: 100%;
+  padding: 0;
+}
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
+  /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName，这里只能用first-child和last-child来区别 */
+}
+.page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
+  margin-top: -6px;
+}
+@media (max-width: 768px) {
+  .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body,
+  .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
+    max-height: unset;
+  }
+  .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar,
+  .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
+    /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName，这里只能用first-child和last-child来区别 */
+  }
+  .page-list-grid .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child,
+  .page-list-split .steedos-object-listview .steedos-object-listview-content-wrapper .steedos-object-listview-content .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
+    margin-top: -6px;
+  }
 }
 
 @media (min-width: 767px) {
+  /* 列表快速编辑功能样式 */
   .steedos-object-table tbody td.antd-Field--quickEditable > div {
     display: flex;
     align-items: center;
@@ -1756,6 +1809,109 @@ body.steedos {
     min-width: 12em;
   }
 }
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud {
+  height: 100%;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards {
+  height: 100%;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
+  /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName，这里只能用first-child和last-child来区别 */
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:first-child {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  background-color: rgb(243 244 246);
+  border-color: rgb(209 213 219);
+  border-style: solid;
+  border-bottom-width: 1px;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  background-color: transparent;
+  border-bottom-width: 0;
+  margin-bottom: 0;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body {
+  margin: 0.25rem;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading .antd-Card-meta {
+  overflow: hidden;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading .antd-Card-meta .antd-Card-title .antd-TplField a {
+  font-size: 16px;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
+  margin-top: -10px;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldLabel {
+  color: inherit;
+  margin-right: 6px;
+  flex: 1;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldLabel:after {
+  content: ":";
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue {
+  flex: 3;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue .antd-TplField,
+.steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body .antd-Card-field .antd-Card-fieldValue .antd-PlainField {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+@media (max-width: 768px) {
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card {
+    border-left: none;
+    border-right: none;
+    border-top: none;
+    border-radius: unset;
+    margin-top: -10px;
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading,
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
+    padding: var(--gap-sm);
+  }
+}
+.page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card {
+  border-left: none;
+  border-right: none;
+  border-top: none;
+  border-radius: unset;
+  margin-top: -10px;
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-heading,
+.page-list-split .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-body .antd-Card .antd-Card-body {
+  padding: var(--gap-sm);
+}
+@media (max-width: 768px) {
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar {
+    /* crud的card模式不支持headerToolbarClassName和footerToolbarClassName，这里只能用first-child和last-child来区别 */
+  }
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child {
+    text-align: center;
+  }
+  .steedos-object-table.steedos-crud-mode-cards .antd-Crud .antd-Cards .antd-Cards-toolbar:last-child .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right {
+    float: none;
+  }
+}
 
 @media (max-width: 768px) {
   .record-detail-header-name {