@steedos-widgets/amis-object 6.10.52-beta.21 → 6.10.52-beta.23

package/dist/amis-object.umd.css

@@ -1535,15 +1535,20 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 
 /* ApprovalTreeMenu - 审批中心左侧树菜单样式 */
 
+/* 搜索框容器 */
+.approval-tree-menu__search {
+  padding: 8px 12px 4px;
+}
+
 .approval-tree-menu {
   width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow: visible;
   background: #fff;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
+  padding: 4px 0;
+  min-height: 100%;
 }
 
 .approval-tree-menu::-webkit-scrollbar {
@@ -1562,23 +1567,29 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 /* antd Tree 整体覆盖 */
 .approval-tree-menu .ant-tree {
   background: transparent;
-  font-size: 13px;
+  font-size: 14px;
   color: #333;
 }
 
 /* Fix 1: 整行 hover 高亮 */
 .approval-tree-menu .ant-tree .ant-tree-treenode {
-  width: 100%;
+  width: auto;
+  margin: 3px 0 0;
+  padding: 0 4px 0 24px;
   transition: background 0.15s ease;
+  border-radius: 6px;
+  overflow: hidden;
 }
 
 .approval-tree-menu .ant-tree .ant-tree-treenode:hover {
-  background: #f0f5ff;
+  background: rgb(248, 250, 252);
+  border-radius: 6px;
 }
 
 /* Fix 1: 整行选中高亮 */
 .approval-tree-menu .ant-tree .ant-tree-treenode.ant-tree-treenode-selected {
-  background: #e6f4ff;
+  background: rgb(240, 249, 255);
+  border-radius: 6px;
 }
 
 /* 内容区域：由 treenode 提供背景，自身透明 */
@@ -1587,9 +1598,14 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   align-items: center;
   padding: 0 4px;
   border-radius: 4px;
-  height: 36px;
-  line-height: 36px;
+  height: 44px;
+  line-height: 44px;
   background: transparent !important;
+  /* 修复宽度约束链：flex-basis 必须为 0（不是 auto），
+     否则容器宽度由内容撑开，text-overflow: ellipsis 永远不会生效 */
+  flex: 1 1 0%;
+  min-width: 0;
+  overflow: hidden;
 }
 
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper:hover {
@@ -1599,17 +1615,17 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 /* 选中状态：文字颜色和图标颜色 */
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
   background: transparent !important;
-  color: #1677ff !important;
+  color: rgb(0, 166, 244) !important;
 }
 
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .approval-tree-menu__label--group,
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .approval-tree-menu__label--item {
-  color: #1677ff !important;
+  color: rgb(0, 166, 244) !important;
   font-weight: 500;
 }
 
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .ant-tree-iconEle {
-  color: #1677ff;
+  color: rgb(0, 166, 244);
 }
 
 /* 图标 */
@@ -1630,10 +1646,11 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   align-items: center;
   justify-content: center;
   color: #bbb;
-  width: 20px;
-  height: 36px;
+  width: 16px;
+  height: 44px;
   flex-shrink: 0;
   line-height: 1;
+  margin-right: 0;
 }
 
 .approval-tree-menu .ant-tree .ant-tree-switcher .fa {
@@ -1641,7 +1658,7 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
 }
 
 .approval-tree-menu .ant-tree .ant-tree-switcher:hover {
-  color: #1677ff;
+  color: rgb(0, 166, 244);
 }
 
 /* 去掉 antd 5.x switcher 独立 hover 背景 — 导航菜单不需要箭头单独高亮 */
@@ -1649,6 +1666,13 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   background-color: transparent !important;
 }
 
+/* 叶子节点不需要折叠箭头占位，缩小 switcher 宽度 */
+.approval-tree-menu .ant-tree .ant-tree-switcher-noop {
+  width: 0px;
+  min-width: 0px;
+  flex-shrink: 0;
+}
+
 /* 叶子节点图标颜色 */
 .approval-tree-menu .ant-tree .ant-tree-treenode-leaf .ant-tree-iconEle {
   color: #888;
@@ -1660,6 +1684,7 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   align-items: center;
   width: 100%;
   overflow: hidden;
+  height: 100%;
 }
 
 /* 标签文字 - 基础样式 */
@@ -1668,13 +1693,13 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.4;
 }
 
 /* Fix 3: 一级分组节点（如"待审核"、"已审核"等）使用较浅颜色作为分组标题 */
 .approval-tree-menu .ant-tree .ant-tree-node-content-wrapper .approval-tree-menu__label--group {
-  color: #8c8c8c !important;
+  color: rgb(100, 116, 139) !important;
   font-weight: normal !important;
 }
 
@@ -1707,6 +1732,19 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   box-shadow: none;
 }
 
+/* Tooltip：限制最大宽度，避免超长名称过宽 */
+.approval-tree-menu-tooltip {
+  max-width: 300px;
+}
+
+/* 当 EllipsisTooltip 激活时，antd Tooltip 会在 label span 外面包一层 span。
+   这个 wrapper 必须继承 flex 子项的布局属性，否则会撑开容器挤掉 Badge */
+.approval-tree-menu__title-wrap > .ant-tooltip-open {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
 @media (min-width: 767px) {
   .steedos-amis-form .antd-Collapse .antd-Form--normal,
   .steedos-amis-form .antd-Form--normal .antd-Tabs .antd-Tabs-content .antd-Tabs-pane .form-content {