@steedos-widgets/amis-object 6.10.54-beta.2 → 6.10.54-beta.21

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,52 @@ 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;
+}
+
+.buttons-drawer .antd-ButtonGroup .slds-button,
+.buttons-drawer .antd-ButtonGroup .btn,
+.buttons-drawer .antd-ButtonGroup .slds-button > a,
+.buttons-drawer .antd-ButtonGroup .btn > a,
+.buttons-drawer .antd-ButtonGroup .slds-button span,
+.buttons-drawer .antd-ButtonGroup .btn span {
+  font-size: 14px;
+  line-height: 21px;
+  font-weight: 400;
+}
+
 @media screen and (max-width: 767px) {
   /* 手机版Modal全屏 */
   .antd-Modal-content {
@@ -1292,6 +1339,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 +1469,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;
@@ -2039,6 +2120,63 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 .steedos-object-listview .antd-Wrapper .steedos-listview-change-button .antd-DropDown-menu li:hover .steedos-listview-edit-button:hover .fa-edit {
   color: #2468f2;
 }
+/*
+    手机端列表视图点"筛选"弹出的筛选面板字号过大（steedos/steedos-plugins#883）
+    amis antd 主题在 max-width: 767px 下把表单的 label / 控件 / input 字号统一提到 --fontSizeLg(16px)，
+    筛选面板本质是 crud 里的一个 amis 表单，所以整块被放大，和 13px 的列表内容、14px 的页面基准不协调。
+    这里只针对筛选面板(.slds-filters)覆盖为 --fontSizeMd(14px)，不影响记录表单等其它手机端表单。
+    作用域限定在两种列表容器内：.steedos-object-table 是列表视图、相关列表；
+    .steedos-lookup-crud 是 lookup 字段弹窗里的列表，它不在 .steedos-object-table 内，需要单独列出。
+*/
+@media (max-width: 767px) {
+  .steedos-object-table .slds-filters,
+  .steedos-lookup-crud .slds-filters {
+    /*
+            steedos/steedos-plugins#885 筛选面板里各控件的提示文字起点不一致、日期区间有值时显示不全。
+            手机端文本框的文字起点是控件左边 + 10px（webapp 的 .antd-Form-item input 左内边距），
+            下拉和日期区间按 amis 手机端默认样式分别是贴边、居中，这里统一对齐到同一起点。
+        */
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-Form-label,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-Form-label,
+  .steedos-object-table .slds-filters .antd-Form-item .antd-Form-control,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-Form-control,
+  .steedos-object-table .slds-filters .antd-Form-item .antd-Form-value,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-Form-value,
+  .steedos-object-table .slds-filters .antd-Form-item input,
+  .steedos-lookup-crud .slds-filters .antd-Form-item input,
+  .steedos-object-table .slds-filters .antd-Form-item .antd-Select.is-mobile,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-Select.is-mobile {
+    font-size: var(--fontSizeMd);
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-Select.is-mobile .antd-Select-valueWrap,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-Select.is-mobile .antd-Select-valueWrap {
+    text-align: left;
+    padding-left: 10px;
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile {
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    height: auto;
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input {
+    flex: 1 1 auto;
+    width: auto;
+    min-width: 0;
+    padding-left: 0;
+    text-align: left;
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input:first-child,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input:first-child {
+    flex: 0 0 100%;
+  }
+  .steedos-object-table .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input-separator,
+  .steedos-lookup-crud .slds-filters .antd-Form-item .antd-DateRangePicker.is-mobile .antd-DateRangePicker-input-separator {
+    display: none;
+  }
+}
 
 @media (min-width: 767px) {
   /* 列表快速编辑功能样式 */
@@ -2591,8 +2729,25 @@ 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;
+  }
+  .flow-select .antd-TreeSelect-popover > .antd-Tree {
+    overflow-y: hidden !important;
+    scrollbar-width: none;
+  }
+  .flow-select .antd-TreeSelect-popover > .antd-Tree::-webkit-scrollbar {
+    display: none;
   }
 }
 
@@ -2869,6 +3024,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 +3161,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 +3211,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;