@steedos-widgets/amis-object 1.3.0-beta.9 → 1.3.0

package/dist/amis-object.cjs.css

@@ -266,6 +266,19 @@ fieldset.antd-Collapse > legend{
     top: unset
 }
 
+/* 
+    .antd-Crud-toolbar .antd-Crud-toolbar-item中每个.antd-Button--size-default  使用了变量 var(--button-size-default-marginRight) 右侧会有margin，
+    移除最后一个（按元素的所在位置其实是每一个，因为有float right所以界面上显示的是最后一个）按钮的右侧margin来实现整行左右边距对齐 
+*/
+.antd-Crud .antd-Crud-toolbar .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right:not(.antd-Crud-toolbar-item.antd-Crud-toolbar-item--right + .antd-Crud-toolbar-item.antd-Crud-toolbar-item--right)  .antd-Button{
+    margin-right: 0;
+}
+
+/* crud中的顶部选中项未垂直居中 */
+.antd-Crud .antd-Crud-selection{
+    margin-bottom: var(--gap-xs);
+}
+
 .ant-dropdown-menu {
     border: 1px solid #e5e5e5;
     border-radius: 0.25rem;
@@ -400,6 +413,9 @@ fieldset.antd-Collapse > legend{
     margin-top: 0.5rem;
     margin-bottom: 0.5rem
 }
+.mr-0 {
+    margin-right: 0px
+}
 .mb-3 {
     margin-bottom: 0.75rem
 }
@@ -538,6 +554,9 @@ fieldset.antd-Collapse > legend{
 .w-6 {
     width: 1.5rem
 }
+.w-\[240px\] {
+    width: 240px
+}
 .w-20 {
     width: 5rem
 }
@@ -1031,9 +1050,6 @@ fieldset.antd-Collapse > legend{
         --tw-bg-opacity: 1;
         background-color: rgb(243 244 246 / var(--tw-bg-opacity))
     }
-    .sm\:p-0 {
-        padding: 0px
-    }
     .sm\:p-3 {
         padding: 0.75rem
     }
@@ -1050,11 +1066,6 @@ fieldset.antd-Collapse > legend{
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
     }
 }
-@media (min-width: 768px) {
-    .md\:border-b {
-        border-bottom-width: 1px
-    }
-}
 @media (min-width: 1024px) {
     .lg\:z-50 {
         z-index: 50
@@ -1179,17 +1190,68 @@ fieldset.antd-Collapse > legend{
     display: none;
   }
 }
+.steedos-select-user {
+  margin-left: 330px;
+  min-height: 300px;
+}
 .steedos-select-user .antd-Table {
   margin-bottom: 0;
   position: unset;
 }
-.steedos-select-user .antd-Table .antd-Table-content {
-  max-height: calc(100vh - 343px);
+@media (min-width: 768px) {
+  .steedos-select-user .antd-Table .antd-Table-content {
+    max-height: calc(100vh - 343px);
+  }
+  .steedos-select-user .antd-Table .antd-SearchBox {
+    margin-top: 0;
+  }
 }
-.steedos-select-user .antd-Table .antd-SearchBox {
-  margin-top: 0;
+.steedos-select-user .steedos-select-user-tree {
+  max-height: 100%;
+  position: absolute;
+  left: -330px;
+  width: 320px;
+  bottom: 0;
+  top: 0;
+  overflow: auto;
+  min-height: 300px;
 }
 @media (max-width: 768px) {
+  .steedos-select-user .steedos-select-user-tree {
+    position: absolute;
+    left: 0;
+    width: 240px;
+    bottom: 0;
+    top: 0;
+    overflow: auto;
+    z-index: 100;
+    background: white;
+  }
+  .steedos-select-user {
+    margin: 0;
+    height: calc(100% - 10px);
+  }
+  .steedos-select-user .steedos-select-user-sidebar {
+    margin-right: -24px;
+    transition: 0.5s ease transform;
+    z-index: 1000;
+    transform: translate(-100%, 0);
+    -webkit-transform: translate(-100%, 0);
+    -moz-transform: translate(-100%, 0);
+    -ms-transform: translate(-100%, 0);
+    -o-transform: translate(-100%, 0);
+  }
+  .steedos-select-user .steedos-select-user-sidebar.steedos-select-user-sidebar-open .steedos-select-user-tree {
+    border-right: #e5e7eb 1px solid;
+    padding-right: 20px;
+  }
+  .steedos-select-user .steedos-select-user-sidebar.steedos-select-user-sidebar-open {
+    transform: translate(0, 0);
+    -webkit-transform: translate(0, 0);
+    -moz-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+  }
   .antd-Crud-toolbar {
     flex-basis: 0;
     flex-grow: 1;
@@ -1233,6 +1295,21 @@ fieldset.antd-Collapse > legend{
   /* 显示的行数 */
   -webkit-box-orient: vertical;
 }
+/* 魔方定义的按钮，统一把 .antd-Button--size-default 的右侧margin值 var(--button-size-default-marginRight) 去除 */
+.steedos-object-button .antd-Button {
+  margin-right: 0px;
+}
+.steedos-object-button.antd-Button {
+  margin-right: 0px;
+}
+/* 魔方定义的按钮，连续的按钮左侧加间隔分开，第一个按钮不会识别此样式 */
+.steedos-object-button + .steedos-object-button {
+  margin-left: 4px;
+}
+/* 魔方定义的按钮，如果是显示在下拉菜单作为菜单按钮则不能加间隔 */
+.antd-ButtonGroup--vertical .steedos-object-button + .steedos-object-button {
+  margin-left: 0px;
+}
 
 
 .steedos-dropdown-button-overlay .ant-dropdown-menu-item {
@@ -1353,9 +1430,25 @@ fieldset.antd-Collapse > legend{
 
 @media (max-width: 767px) {
   .steedos-amis-form.antd-Form {
-    /* start ======== 移动端给部分input加边框，并使输入框上下居中*/
+    /* start ======== 移动端参照电脑端样式*/
     /* =========end */
   }
+  .steedos-amis-form.antd-Form .antd-Picker-valueWrap {
+    display: flex;
+  }
+  .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 {
+    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);
+    padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
+    min-height: var(--Form-selectOption-height);
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item::after {
+    border-bottom: unset;
+  }
   .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input,
   .steedos-amis-form.antd-Form .antd-Form-item div.antd-TextareaControl {
     border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
@@ -1381,8 +1474,16 @@ fieldset.antd-Collapse > legend{
     height: 100%;
   }
   .steedos-amis-form.antd-Form .antd-Form-item {
-    margin-top: 0;
+    display: block;
+    margin-top: 0.25rem;
+    margin-bottom: 0.25rem;
     align-items: center;
+    padding: 0;
+  }
+  .steedos-amis-form.antd-Form .antd-Form-item .antd-Form-static {
+    padding-top: var(--Form-label-paddingTop);
+    padding-bottom: var(--Form-label-paddingTop);
+    min-height: var(--Form-input-height);
   }
 }
 
@@ -1424,14 +1525,24 @@ fieldset.antd-Collapse > legend{
   width: 100%;
 }
 @media (max-width: 768px) {
-  .steedos-object-listview .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 {
+    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 {
+    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 {
+    width: 100%;
+  }
+  .antd-Modal .antd-Modal-body .antd-Crud .antd-Table-headToolbar .antd-Crud-toolbar .antd-Crud-toolbar-item--right:last-child {
     width: 100%;
     margin-top: 8px;
   }
-  .steedos-object-listview .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 {
     width: 100%;
   }
-  .steedos-object-listview .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 {
     width: 100%;
   }
 }