@steedos-widgets/amis-object 6.10.54-beta.6 → 6.10.54-beta.7

package/dist/amis-object.umd.css

@@ -1060,6 +1060,7 @@ fieldset.antd-Collapse > legend{
   margin: 0;
 }
 
+/* 兼容表单事件脚本运行时追加的 SLDS/Bootstrap 按钮，让它们在手机操作抽屉中保持整行动作项样式。 */
 .buttons-drawer .antd-ButtonGroup button {
   border-color: #c9c9c9;
   border-right: none !important;
@@ -1069,6 +1070,41 @@ fieldset.antd-Collapse > legend{
   min-height: 50px;
 }
 
+.buttons-drawer .antd-ButtonGroup .slds-button,
+.buttons-drawer .antd-ButtonGroup .btn {
+  width: 100% !important;
+  max-width: none !important;
+  min-height: 50px;
+  margin: 0 !important;
+  border-color: #c9c9c9;
+  border-right: none !important;
+  border-left: none !important;
+  border-bottom: none !important;
+  border-radius: 0px !important;
+  background: #fff;
+  color: #151e26;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.buttons-drawer .antd-ButtonGroup .slds-button > a,
+.buttons-drawer .antd-ButtonGroup .btn > a {
+  width: 100%;
+  min-height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: inherit;
+  text-decoration: none;
+}
+
+.buttons-drawer .antd-ButtonGroup .slds-button i,
+.buttons-drawer .antd-ButtonGroup .btn i {
+  margin-right: 3px;
+}
+
 @media screen and (max-width: 767px) {
   /* 手机版Modal全屏 */
   .antd-Modal-content {
@@ -1292,6 +1328,7 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .steedos-header-toolbar-notifications-panel {
   margin-bottom: 0px !important;
 }
+
 .steedos-listview .is-loading .antd-Table-contentWrap {
   height: 50px;
 }
@@ -1421,13 +1458,46 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .slds-filters__body .antd-Form-item {
   margin-bottom: 0.75rem !important;
 }
-.slds-filters__body .flow-select .antd-TreeSelect-popove {
-  position: relative;
-}
 .slds-filters__body .flow-select .antd-TreeSelect-popover > .antd-Tree {
   max-height: 300px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+  touch-action: pan-y;
 }
 @media (max-width: 767px) {
+  .slds-filters__body .flow-select .antd-ResultBox {
+    align-items: center;
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-value-wrap {
+    flex-wrap: nowrap;
+    overflow: hidden;
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-value {
+    flex: 0 1 auto;
+    min-width: 0;
+    max-width: calc(100% - 30px);
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-valueLabel {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-value + .antd-ResultBox-value {
+    flex: 0 0 auto;
+    max-width: 64px;
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-value-input {
+    flex: 1 1 auto;
+    width: auto;
+    min-width: 0;
+  }
+  .slds-filters__body .flow-select .antd-ResultBox-value + .antd-ResultBox-value-input,
+  .slds-filters__body .flow-select .antd-ResultBox-value + .antd-ResultBox-value + .antd-ResultBox-value-input {
+    flex: 0 0 24px;
+    width: 24px;
+    min-width: 24px;
+  }
   .set-next-steps-users {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
@@ -2591,8 +2661,18 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   }
   .antd-TreeSelect-popover {
     min-width: calc(100vw - 32px) !important;
-    max-height: 50vh;
+    max-height: min(50vh, 360px);
     overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
+    touch-action: pan-y;
+  }
+  .antd-TreeSelect-popover > .antd-Tree {
+    max-height: min(50vh, 360px) !important;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    overscroll-behavior: contain;
+    touch-action: pan-y;
   }
 }
 
@@ -2869,6 +2949,14 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 }
 .steedos-amis-instance-view {
   font-size: 0.8125rem;
+  --instance-mobile-action-font-size: 14px;
+  --instance-mobile-action-line-height: 21px;
+}
+.steedos-amis-instance-view .workflow-form-v2 .steedos-user-selector .ant-input-borderless {
+  font-size: inherit !important;
+  line-height: inherit !important;
+  color: inherit !important;
+  font-weight: 500 !important;
 }
 .steedos-amis-instance-view .instance-name {
   font-size: 20px;
@@ -2998,6 +3086,25 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   .steedos-amis-instance-view .instance-form-view-mobile .antd-Form-item::after {
     content: none !important;
   }
+  .steedos-amis-instance-view.steedos-mobile-view .steedos-object-record-detail-header,
+  .steedos-amis-instance-view.steedos-mobile-view .steedos-object-record-detail-header .antd-Button,
+  .steedos-amis-instance-view.steedos-mobile-view .steedos-object-record-detail-header .antd-Button > span,
+  .steedos-amis-instance-view.steedos-mobile-view .instance-attachment-toolbar,
+  .steedos-amis-instance-view.steedos-mobile-view .instance-attachment-toolbar .steedos-file-upload,
+  .steedos-amis-instance-view.steedos-mobile-view .instance-attachment-toolbar .ant-upload-wrapper,
+  .steedos-amis-instance-view.steedos-mobile-view .instance-attachment-toolbar .ant-upload,
+  .steedos-amis-instance-view.steedos-mobile-view .instance-attachment-toolbar .ant-upload span,
+  .steedos-amis-instance-view.steedos-mobile-view .approve-button,
+  .steedos-amis-instance-view.steedos-mobile-view .approve-button > span {
+    font-size: var(--instance-mobile-action-font-size) !important;
+    line-height: var(--instance-mobile-action-line-height) !important;
+  }
+  .steedos-amis-instance-view.steedos-mobile-view .workflow-form-v2 .steedos-user-selector,
+  .steedos-amis-instance-view.steedos-mobile-view .workflow-form-v2 .steedos-user-selector *,
+  .steedos-amis-instance-view.steedos-mobile-view .workflow-form-v2 label {
+    font-size: 13px !important;
+    line-height: 19.5px !important;
+  }
   .approval-drawer .antd-Form-item {
     border-bottom: none !important;
     margin-bottom: 0 !important;
@@ -3029,6 +3136,22 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
     border-top: 1px solid #e5e7eb !important;
     padding-top: 8px !important;
   }
+  .approval-drawer .antd-Drawer-footer .antd-Button,
+  .approval-drawer .antd-Drawer-footer .antd-Button > span,
+  .approval-drawer .antd-Form-value,
+  .approval-drawer .antd-Form-value *,
+  .approval-drawer .antd-ListControl,
+  .approval-drawer .antd-ListControl *,
+  .approval-drawer .antd-ListControl-placeholder,
+  .approval-drawer .antd-ListControl-item,
+  .approval-drawer .antd-ListControl-itemLabel,
+  .approval-drawer .antd-RadiosControl,
+  .approval-drawer .antd-RadiosControl *,
+  .approval-drawer .antd-Checkbox,
+  .approval-drawer .antd-Checkbox * {
+    font-size: var(--instance-mobile-action-font-size) !important;
+    line-height: var(--instance-mobile-action-line-height) !important;
+  }
   .approval-drawer .antd-RadiosControl {
     display: flex;
     flex-direction: row;