advance-semi-theme 1.0.0

package/dist/antd/styles/components/timepicker.css

@@ -0,0 +1,105 @@
+/**
+ * TimePicker 时间选择框 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time {
+  background-color: var(--semi-color-fill-0);
+  border: 1px solid transparent;
+  border-radius: var(--semi-border-radius-small);
+  box-shadow: none;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time:hover {
+  background-color: var(--semi-color-fill-1);
+  border-color: transparent;
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-focused {
+  background-color: var(--semi-color-fill-0);
+  border-color: var(--semi-color-focus-border);
+  box-shadow: none;
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time .ant-picker-input > input {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time .ant-picker-input > input::placeholder {
+  color: var(--semi-color-text-2);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time .ant-picker-suffix {
+  color: var(--semi-color-text-2);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time .ant-picker-clear {
+  background: var(--semi-color-fill-0);
+  color: var(--semi-color-text-2);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time .ant-picker-clear:hover {
+  color: var(--semi-color-text-1);
+}
+
+/* 时间面板 */
+body.semi .ant-picker-time-panel {
+  padding: 0;
+}
+
+body.semi .ant-picker-time-panel-column {
+  padding: 0;
+}
+
+body.semi .ant-picker-time-panel-column > li.ant-picker-time-panel-cell {
+  padding: 0;
+}
+
+body.semi .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
+  color: var(--semi-color-text-0);
+  border-radius: var(--semi-border-radius-small);
+  height: 28px;
+  line-height: 28px;
+  margin: 2px 4px;
+  padding: 0 8px;
+  width: calc(100% - 8px);
+}
+
+body.semi .ant-picker-time-panel-column > li.ant-picker-time-panel-cell:hover .ant-picker-time-panel-cell-inner {
+  background-color: var(--semi-color-fill-0);
+}
+
+body.semi .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
+  background-color: var(--semi-color-primary-light-default);
+  color: var(--semi-color-primary);
+  font-weight: 500;
+}
+
+body.semi .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
+  color: var(--semi-color-disabled-text);
+}
+
+/* 范围选择 */
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-range {
+  background-color: var(--semi-color-fill-0);
+  border: 1px solid transparent;
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-range:hover {
+  background-color: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-range.ant-picker-focused {
+  background-color: var(--semi-color-fill-0);
+  border-color: var(--semi-color-focus-border);
+}
+
+/* 禁用状态 */
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-disabled {
+  background-color: var(--semi-color-disabled-fill);
+  border-color: transparent;
+}
+
+.semi:where([data-semi="all"], [data-semi-timepicker]) .ant-picker-time.ant-picker-disabled .ant-picker-input > input {
+  color: var(--semi-color-disabled-text);
+}

package/dist/antd/styles/components/tooltip.css

@@ -0,0 +1,37 @@
+/**
+ * Tooltip 文字提示 - Semi Design 风格
+ * Portal 组件 - 渲染在 body 下
+ */
+
+body.semi .ant-tooltip,
+.semi .ant-tooltip {
+  font-size: var(--semi-font-size-regular);
+  max-width: 300px;
+}
+
+body.semi .ant-tooltip-inner,
+.semi .ant-tooltip-inner {
+  background: rgba(28, 31, 35, 0.88);
+  border-radius: var(--semi-border-radius-medium);
+  color: #fff;
+  min-height: auto;
+  padding: 8px 12px;
+}
+
+/* 箭头 */
+body.semi .ant-tooltip-arrow::before,
+.semi .ant-tooltip-arrow::before {
+  background: rgba(28, 31, 35, 0.88);
+}
+
+/* 暗黑模式调整 */
+body.semi.semi-dark .ant-tooltip-inner,
+body.semi-dark .ant-tooltip-inner {
+  background: rgba(255, 255, 255, 0.9);
+  color: rgba(28, 31, 35, 1);
+}
+
+body.semi.semi-dark .ant-tooltip-arrow::before,
+body.semi-dark .ant-tooltip-arrow::before {
+  background: rgba(255, 255, 255, 0.9);
+}

package/dist/antd/styles/components/tour.css

@@ -0,0 +1,114 @@
+/**
+ * Tour 漫游式引导 - Semi Design 风格
+ */
+
+body.semi .ant-tour {
+  --ant-tour-content-radius: var(--semi-border-radius-medium);
+}
+
+body.semi .ant-tour-content {
+  background: #fff;
+  border-radius: var(--semi-border-radius-medium);
+  box-shadow: var(--semi-shadow-elevated);
+}
+
+body.semi .ant-tour-inner {
+  padding: 16px;
+}
+
+body.semi .ant-tour-header {
+  padding: 0;
+  margin-bottom: 8px;
+}
+
+body.semi .ant-tour-title {
+  color: var(--semi-color-text-0);
+  font-size: 16px;
+  font-weight: 600;
+}
+
+body.semi .ant-tour-close {
+  color: var(--semi-color-text-2);
+  top: 16px;
+  right: 16px;
+}
+
+body.semi .ant-tour-close:hover {
+  color: var(--semi-color-text-0);
+}
+
+body.semi .ant-tour-description {
+  color: var(--semi-color-text-1);
+  font-size: var(--semi-font-size-regular);
+  padding: 8px 0;
+}
+
+body.semi .ant-tour-footer {
+  padding: 0;
+  margin-top: 12px;
+}
+
+body.semi .ant-tour-indicators {
+  gap: 4px;
+}
+
+body.semi .ant-tour-indicator {
+  background: var(--semi-color-fill-1);
+  border-radius: var(--semi-border-radius-full);
+  width: 6px;
+  height: 6px;
+}
+
+body.semi .ant-tour-indicator-active {
+  background: var(--semi-color-primary);
+  width: 16px;
+}
+
+body.semi .ant-tour-buttons {
+  gap: 8px;
+}
+
+/* Primary 类型 */
+body.semi .ant-tour-primary .ant-tour-content {
+  background: var(--semi-color-primary);
+}
+
+body.semi .ant-tour-primary .ant-tour-title,
+body.semi .ant-tour-primary .ant-tour-description {
+  color: #fff;
+}
+
+body.semi .ant-tour-primary .ant-tour-close {
+  color: rgba(255, 255, 255, 0.65);
+}
+
+body.semi .ant-tour-primary .ant-tour-close:hover {
+  color: #fff;
+}
+
+body.semi .ant-tour-primary .ant-tour-indicator {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+body.semi .ant-tour-primary .ant-tour-indicator-active {
+  background: #fff;
+}
+
+/* 箭头 */
+body.semi .ant-tour-arrow::before {
+  background: #fff;
+}
+
+body.semi .ant-tour-primary .ant-tour-arrow::before {
+  background: var(--semi-color-primary);
+}
+
+/* 遮罩 */
+body.semi .ant-tour-mask {
+  fill: rgba(0, 0, 0, 0.5);
+}
+
+/* 目标高亮 */
+body.semi .ant-tour-target-placeholder {
+  border-radius: var(--semi-border-radius-small);
+}

package/dist/antd/styles/components/transfer.css

@@ -0,0 +1,232 @@
+/**
+ * Transfer 穿梭框 - Semi Design 风格
+ * 参考 semi-foundation/transfer/variables.scss
+ */
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer {
+  color: var(--semi-color-text-0);
+  font-size: var(--semi-font-size-regular);
+}
+
+/* 列表容器 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list {
+  background: var(--semi-color-bg-1);
+  border: 1px solid var(--semi-color-border);
+  border-radius: var(--semi-border-radius-medium);
+  height: 400px;
+  min-width: 200px;
+}
+
+/* 列表头部 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header {
+  background: var(--semi-color-bg-1);
+  border-bottom: none;
+  border-radius: var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0 0;
+  color: var(--semi-color-text-2);
+  padding: 12px 12px 8px;
+  height: auto;
+  display: flex;
+  align-items: center;
+}
+
+/* 全选 checkbox */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header > .ant-checkbox-wrapper {
+  margin-right: 8px;
+}
+
+/* 下拉箭头（全选下拉） */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header-dropdown {
+  color: var(--semi-color-text-2);
+  font-size: 12px;
+  cursor: pointer;
+  margin-right: 4px;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header-dropdown:hover {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header-selected {
+  flex: none;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header-selected span {
+  color: var(--semi-color-text-2);
+  font-size: var(--semi-font-size-small);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-header-title {
+  color: var(--semi-color-text-2);
+  font-weight: 600;
+  font-size: var(--semi-font-size-small);
+  flex: auto;
+  text-align: right;
+}
+
+/* 搜索框包裹 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-body-search-wrapper {
+  padding: 12px;
+}
+
+/* 旧版搜索框容器 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search {
+  padding: 0;
+  width: 100%;
+}
+
+/* 搜索框输入 - 带前缀图标的情况 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper {
+  background: var(--semi-color-fill-0) !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--semi-border-radius-small);
+  box-shadow: none !important;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper:hover:not(.ant-input-affix-wrapper-focused) {
+  background: var(--semi-color-fill-1) !important;
+  border-color: transparent !important;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper:focus,
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper-focused,
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper:focus-within {
+  background: var(--semi-color-fill-0) !important;
+  border-color: var(--semi-color-focus-border) !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper .ant-input,
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .ant-input-affix-wrapper .ant-input:focus {
+  background: transparent !important;
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+/* 搜索框 - 纯 Input 情况 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search.ant-input {
+  background: var(--semi-color-fill-0) !important;
+  border: 1px solid transparent !important;
+  border-radius: var(--semi-border-radius-small);
+  box-shadow: none !important;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search.ant-input:hover {
+  background: var(--semi-color-fill-1) !important;
+  border-color: transparent !important;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search.ant-input:focus {
+  background: var(--semi-color-fill-0) !important;
+  border-color: var(--semi-color-focus-border) !important;
+  box-shadow: none !important;
+}
+
+/* 搜索图标 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search .anticon-search {
+  color: var(--semi-color-text-2);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-search-action {
+  color: var(--semi-color-text-2);
+}
+
+/* 列表主体 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-body {
+  background: var(--semi-color-bg-1);
+}
+
+/* 列表内容 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content {
+  overflow: auto;
+  padding: 4px 0;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item {
+  padding: 8px 12px;
+  min-height: 36px;
+  color: var(--semi-color-text-1);
+  background: transparent;
+  transition: background var(--semi-transition-duration) var(--semi-transition-timing);
+  display: flex;
+  align-items: center;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item:hover {
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item:active {
+  background: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-checked {
+  background: var(--semi-color-fill-0);
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-checked:hover {
+  background: var(--semi-color-fill-1);
+}
+
+/* 列表项文本 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-text {
+  flex: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 移除按钮 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-remove {
+  color: var(--semi-color-text-2);
+  cursor: pointer;
+  transition: color var(--semi-transition-duration);
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-remove:hover {
+  color: var(--semi-color-primary);
+}
+
+/* 禁用项 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-disabled {
+  color: var(--semi-color-disabled-text);
+  background: transparent;
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-content-item-disabled:hover {
+  background: transparent;
+}
+
+/* 列表底部 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-footer {
+  border-top: 1px solid var(--semi-color-border);
+  padding: 8px 16px;
+}
+
+/* 操作按钮 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-operation {
+  margin: 0 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-operation .ant-btn {
+  margin: 0;
+}
+
+/* 分页 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-pagination {
+  border-top: 1px solid var(--semi-color-border);
+  padding: 8px;
+  text-align: end;
+}
+
+/* 空状态 */
+.semi:where([data-semi="all"], [data-semi-transfer]) .ant-transfer-list-body-not-found {
+  color: var(--semi-color-text-2);
+  padding: 16px;
+  text-align: center;
+}

package/dist/antd/styles/components/tree.css

@@ -0,0 +1,143 @@
+/**
+ * Tree 树形控件 - Semi Design 风格
+ * 参考 semi-foundation/tree/variables.scss
+ */
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree {
+  color: var(--semi-color-text-0);
+  font-size: var(--semi-font-size-regular);
+  padding: 8px 0;
+}
+
+/* 树节点 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode {
+  align-items: center;
+  padding: 4px 0;
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-node-content-wrapper {
+  border-radius: var(--semi-border-radius-small);
+  color: var(--semi-color-text-0);
+  min-height: 32px;
+  line-height: 32px;
+  padding: 0 8px;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-node-content-wrapper:hover {
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-node-content-wrapper:active {
+  background: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background: var(--semi-color-primary-light-default);
+  color: var(--semi-color-text-0);
+}
+
+/* 展开图标 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-switcher {
+  align-items: center;
+  color: var(--semi-color-text-2);
+  display: flex;
+  height: 32px;
+  justify-content: center;
+  width: 24px;
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-switcher:hover {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-switcher-noop {
+  cursor: default;
+}
+
+/* 复选框 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-checkbox {
+  margin-inline-end: 4px;
+}
+
+/* 图标 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-iconEle {
+  color: var(--semi-color-text-1);
+  margin-inline-end: 4px;
+  width: 24px;
+}
+
+/* 标题 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-title {
+  flex: 1;
+}
+
+/* 连接线 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-show-line .ant-tree-indent-unit::before {
+  border-inline-end: 1px solid var(--semi-color-border);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-show-line .ant-tree-switcher {
+  background: var(--semi-color-bg-0);
+}
+
+/* 拖拽 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode-draggable .ant-tree-draggable-icon {
+  color: var(--semi-color-text-2);
+  cursor: grab;
+  opacity: 0;
+  transition: opacity var(--semi-transition-duration) var(--semi-transition-timing);
+  width: 24px;
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode:hover .ant-tree-draggable-icon {
+  opacity: 1;
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode.drop-target > .ant-tree-draggable-icon {
+  opacity: 1;
+}
+
+/* 拖拽指示器 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree .ant-tree-treenode.drop-target > .ant-tree-node-content-wrapper {
+  background: var(--semi-color-primary-light-default);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-drop-indicator {
+  background: var(--semi-color-primary);
+  border-radius: 2px;
+  height: 2px;
+}
+
+/* 禁用状态 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
+  color: var(--semi-color-text-3);
+  cursor: not-allowed;
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
+  background: transparent;
+}
+
+/* 目录树 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-directory .ant-tree-treenode::before {
+  border-radius: var(--semi-border-radius-small);
+  transition: background var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-directory .ant-tree-treenode:hover::before {
+  background: var(--semi-color-fill-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-directory .ant-tree-treenode-selected::before {
+  background: var(--semi-color-primary);
+}
+
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
+  color: #fff;
+}
+
+/* 虚拟滚动 */
+.semi:where([data-semi="all"], [data-semi-tree]) .ant-tree-list-holder-inner {
+  align-items: stretch;
+}

package/dist/antd/styles/components/treeselect.css

@@ -0,0 +1,46 @@
+/**
+ * TreeSelect 树选择 - Semi Design 风格
+ */
+
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select .ant-select-selector {
+  background-color: var(--semi-color-fill-0);
+  border: 1px solid transparent;
+  border-radius: var(--semi-border-radius-small);
+  box-shadow: none;
+  transition: all var(--semi-transition-duration) var(--semi-transition-timing);
+}
+
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select .ant-select-selector:hover {
+  background-color: var(--semi-color-fill-1);
+}
+
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select.ant-select-focused .ant-select-selector {
+  background-color: var(--semi-color-fill-0);
+  border-color: var(--semi-color-focus-border);
+  box-shadow: none;
+}
+
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select .ant-select-selection-item {
+  color: var(--semi-color-text-0);
+}
+
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select .ant-select-selection-placeholder {
+  color: var(--semi-color-text-2);
+}
+
+/* 下拉面板 */
+body.semi .ant-tree-select-dropdown {
+  background: #fff;
+  border: none;
+  border-radius: var(--semi-border-radius-medium);
+  box-shadow: var(--semi-shadow-elevated);
+  padding: 4px 0;
+}
+
+/* 树节点样式继承 tree.css */
+
+/* 禁用状态 */
+.semi:where([data-semi="all"], [data-semi-treeselect]) .ant-tree-select.ant-select-disabled .ant-select-selector {
+  background-color: var(--semi-color-disabled-fill);
+  color: var(--semi-color-disabled-text);
+}