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

package/dist/amis-object.umd.css

@@ -1533,6 +1533,180 @@ steedosfieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
   border-bottom-left-radius: 0;
 }
 
+/* ApprovalTreeMenu - 审批中心左侧树菜单样式 */
+
+.approval-tree-menu {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: #fff;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
+.approval-tree-menu::-webkit-scrollbar {
+  width: 4px;
+}
+
+.approval-tree-menu::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.approval-tree-menu::-webkit-scrollbar-thumb {
+  background: #e0e0e0;
+  border-radius: 2px;
+}
+
+/* antd Tree 整体覆盖 */
+.approval-tree-menu .ant-tree {
+  background: transparent;
+  font-size: 13px;
+  color: #333;
+}
+
+/* Fix 1: 整行 hover 高亮 */
+.approval-tree-menu .ant-tree .ant-tree-treenode {
+  width: 100%;
+  transition: background 0.15s ease;
+}
+
+.approval-tree-menu .ant-tree .ant-tree-treenode:hover {
+  background: #f0f5ff;
+}
+
+/* Fix 1: 整行选中高亮 */
+.approval-tree-menu .ant-tree .ant-tree-treenode.ant-tree-treenode-selected {
+  background: #e6f4ff;
+}
+
+/* 内容区域：由 treenode 提供背景，自身透明 */
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper {
+  display: flex;
+  align-items: center;
+  padding: 0 4px;
+  border-radius: 4px;
+  height: 36px;
+  line-height: 36px;
+  background: transparent !important;
+}
+
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper:hover {
+  background: transparent !important;
+}
+
+/* 选中状态：文字颜色和图标颜色 */
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background: transparent !important;
+  color: #1677ff !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;
+  font-weight: 500;
+}
+
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .ant-tree-iconEle {
+  color: #1677ff;
+}
+
+/* 图标 */
+.approval-tree-menu .ant-tree .ant-tree-iconEle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 6px;
+  font-size: 14px;
+  color: #555;
+  flex-shrink: 0;
+}
+
+/* Fix 5: 展开/折叠箭头（通过 switcherIcon prop 渲染，CSS 控制颜色和尺寸） */
+/* inline-flex + 显式高度确保垂直居中，避免 hover 时箭头偏上 */
+.approval-tree-menu .ant-tree .ant-tree-switcher {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  color: #bbb;
+  width: 20px;
+  height: 36px;
+  flex-shrink: 0;
+  line-height: 1;
+}
+
+.approval-tree-menu .ant-tree .ant-tree-switcher .fa {
+  line-height: 1;
+}
+
+.approval-tree-menu .ant-tree .ant-tree-switcher:hover {
+  color: #1677ff;
+}
+
+/* 去掉 antd 5.x switcher 独立 hover 背景 — 导航菜单不需要箭头单独高亮 */
+.approval-tree-menu .ant-tree .ant-tree-switcher:not(.ant-tree-switcher-noop):hover:before {
+  background-color: transparent !important;
+}
+
+/* 叶子节点图标颜色 */
+.approval-tree-menu .ant-tree .ant-tree-treenode-leaf .ant-tree-iconEle {
+  color: #888;
+}
+
+/* 标题容器（含文字+角标） */
+.approval-tree-menu__title-wrap {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  overflow: hidden;
+}
+
+/* 标签文字 - 基础样式 */
+.approval-tree-menu__label {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  line-height: 1.4;
+}
+
+/* Fix 3: 一级分组节点（如"待审核"、"已审核"等）使用较浅颜色作为分组标题 */
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper .approval-tree-menu__label--group {
+  color: #8c8c8c !important;
+  font-weight: normal !important;
+}
+
+/* Fix 3: 叶子/可点击节点使用加粗深色突出显示，与分组标题形成明显视觉层次 */
+.approval-tree-menu .ant-tree .ant-tree-node-content-wrapper .approval-tree-menu__label--item {
+  color: rgb(71 85 105) !important;
+  font-weight: 600 !important;
+}
+
+/* Fix 4: 角标靠右对齐 — .ant-tree-title 须为 flex 子项才能让 title-wrap 的 width:100% 生效 */
+.approval-tree-menu .ant-tree .ant-tree-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.approval-tree-menu .ant-badge {
+  flex-shrink: 0;
+  margin-left: auto;
+  line-height: 1;
+}
+
+.approval-tree-menu .ant-badge .ant-badge-count {
+  height: 16px;
+  min-width: 16px;
+  line-height: 16px;
+  padding: 0 4px;
+  font-size: 10px;
+  border-radius: 8px;
+  box-shadow: none;
+}
+
 @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 {