@steedos-widgets/amis-object 1.3.4-beta.9 → 1.3.6

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

@@ -292,6 +292,14 @@ fieldset.antd-Collapse > legend{
     word-break: break-all;
 }
 
+.steedos-crud-mode-cards .antd-Card-actions a[disabled]{
+    box-shadow: none;
+    cursor: not-allowed
+}
+.steedos-crud-mode-cards .antd-Card-actions a[disabled]:hover{
+    color: rgba(0,0,0,.25)
+}
+
 .ant-dropdown-menu {
     border: 1px solid #e5e5e5;
     border-radius: 0.25rem;
@@ -339,6 +347,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%
@@ -495,6 +531,9 @@ fieldset.antd-Collapse > legend{
 .block {
     display: block
 }
+.inline-block {
+    display: inline-block
+}
 .inline {
     display: inline
 }
@@ -576,6 +615,9 @@ fieldset.antd-Collapse > legend{
 .w-10 {
     width: 2.5rem
 }
+.w-auto {
+    width: auto
+}
 .w-12 {
     width: 3rem
 }
@@ -585,9 +627,6 @@ fieldset.antd-Collapse > legend{
 .\!w-10 {
     width: 2.5rem !important
 }
-.w-auto {
-    width: auto
-}
 .w-64 {
     width: 16rem
 }
@@ -640,6 +679,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))
@@ -699,6 +741,9 @@ fieldset.antd-Collapse > legend{
     text-overflow: ellipsis;
     white-space: nowrap
 }
+.whitespace-normal {
+    white-space: normal
+}
 .whitespace-nowrap {
     white-space: nowrap
 }
@@ -853,6 +898,9 @@ fieldset.antd-Collapse > legend{
 .pr-4 {
     padding-right: 1rem
 }
+.pl-5 {
+    padding-left: 1.25rem
+}
 .pb-0 {
     padding-bottom: 0px
 }
@@ -883,12 +931,15 @@ fieldset.antd-Collapse > legend{
 .text-xl {
     font-size: 18px
 }
-.text-\[15px\] {
-    font-size: 15px
+.text-\[14px\] {
+    font-size: 14px
 }
 .text-\[12px\] {
     font-size: 12px
 }
+.text-\[11px\] {
+    font-size: 11px
+}
 .text-xs {
     font-size: 12px
 }
@@ -1276,9 +1327,10 @@ fieldset.antd-Collapse > legend{
   .steedos-object-table .antd-Table-footToolbar {
     border-top: 1px solid #e5e7eb;
   }
-  .steedos-object-table .antd-Table-footToolbar .antd-Crud-toolbar-item {
+  .steedos-object-table .antd-Table-footToolbar .antd-Crud-toolbar {
+    display: flex;
+    align-items: center;
     justify-content: center;
-    width: 100%;
   }
   .steedos-object-table .antd-Table-footToolbar .antd-Crud-toolbar-item .antd-Pagination-inputGroup-left {
     display: none;
@@ -1500,6 +1552,11 @@ fieldset.antd-Collapse > legend{
 .sidebar{
     padding-bottom: 0px !important;
 }
+
+body.steedos {
+    /*此样式可能造成ios17系统的iphone svg显示不出来，移除就好了*/
+    -webkit-overflow-scrolling: unset;
+}
 .steedos-listview .is-loading .antd-Table-contentWrap {
   height: 50px;
 }
@@ -1565,9 +1622,9 @@ fieldset.antd-Collapse > legend{
   .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;
-  }
+}
+.steedos-object-form .steedos-input-rich-text-readonly .antd-RichTextControl {
+  border: 0;
 }
 
 @media (max-width: 767px) {
@@ -1581,7 +1638,8 @@ fieldset.antd-Collapse > legend{
   .steedos-amis-form.antd-Form .antd-Form-item > .antd-Form-label {
     max-width: var(--Form-mode-default-width);
   }
-  .steedos-amis-form.antd-Form .antd-Select.is-mobile {
+  .steedos-amis-form.antd-Form .antd-Select.is-mobile,
+  .steedos-amis-form.antd-Form .antd-DatePicker.is-mobile {
     border-width: var(--Form-select-borderWidth);
     border-style: var(--select-base-default-top-border-style) var(--select-base-default-right-border-style) var(--select-base-default-bottom-border-style) var(--select-base-default-left-border-style);
     border-color: var(--Form-select-borderColor);
@@ -1652,52 +1710,102 @@ fieldset.antd-Collapse > legend{
   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 thead tr th:nth-child(3) {
+    display: none;
+  }
   .steedos-object-table tbody td.antd-Field--quickEditable > div {
     display: flex;
     align-items: center;
@@ -1722,6 +1830,109 @@ fieldset.antd-Collapse > legend{
     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 {