yc-pro-components 0.0.1

package/index.css

@@ -0,0 +1,907 @@
+.yc-svg-icon[data-v-34e1f2f7] {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-mask-size: contain;
+          mask-size: contain;
+}
+
+.yc-svg-icon--original[data-v-34e1f2f7] {
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+@charset "UTF-8";
+.yc-plus-page[data-v-4486eb75] {
+  height: 100%;
+}
+
+[data-v-4486eb75] .yc-search-card-body {
+  padding-right: 0;
+}
+
+/* 密度图标样式调整 */
+[data-v-4486eb75] .plus-table-title-bar__toolbar__icon {
+  position: relative;
+  top: -2px;
+  font-size: 16px !important;
+}
+
+/* 字段管理样式 */
+.column-settings-wrapper[data-v-4486eb75] {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  margin-left: 8px;
+  cursor: pointer;
+}
+
+.column-settings-text[data-v-4486eb75] {
+  font-size: 14px;
+}
+@charset "UTF-8";
+/**
+ * YcLineTree 树形连接线组件样式
+ * 支持暗黑模式，使用 CSS 变量适配主题
+ */
+/* 添加 el-tree-node__content 默认没有的 position */
+.el-tree .el-tree-node__content {
+  position: relative;
+}
+
+/* 节点标签容器 */
+.yc-tree-node-label-wrapper {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
+
+/* 节点标签 */
+.yc-tree-node-label {
+  font-size: 12px;
+}
+
+/* 垂直连接线 */
+.yc-tree-node-line-ver {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  height: 100%;
+  border-left: 1px dashed var(--el-border-color-light, #dcdfe6);
+  /* 非最后一个节点但当前节点是最后一个时，隐藏垂直线 */
+  /* 最后一个叶子节点，垂直线只显示到节点中间 */
+}
+.yc-tree-node-line-ver.last-node-line {
+  border-left: 1px dashed transparent;
+}
+.yc-tree-node-line-ver.last-node-isLeaf-line {
+  height: 50%;
+}
+
+/* 水平连接线 */
+.yc-tree-node-line-hor {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  display: block;
+  height: 0;
+  border-bottom: 1px dashed var(--el-border-color-light, #dcdfe6);
+}
+@charset "UTF-8";
+.yc-plus-tree[data-v-1ff57231] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: auto;
+}
+.yc-plus-tree[data-v-1ff57231] .search-input[data-v-1ff57231] {
+  flex-shrink: 0;
+  margin-bottom: 16px;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  /*  el-tree-v2 容器需要允许内容溢出 */
+  /*  内联输入框节点 */
+  /*  hover 状态：高亮背景和文字（el-tree-v2 使用不同的 class） */
+  /*  选中状态：高亮背景和文字（el-tree-v2 使用不同的 class） */
+  /*  节点标签包装器（包含标签和操作按钮） */
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2 {
+  overflow-x: visible !important;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] {
+  position: relative;
+  z-index: 1; /* 确保在图标上层 */
+  display: flex;
+  flex: 1;
+  align-items: center;
+  padding-right: 8px;
+  padding-left: 0; /* 移除左边距 */
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] {
+  flex-shrink: 0;
+  width: 100%;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__wrapper {
+  height: 26px;
+  padding: 0 8px;
+  font-size: 14px;
+  line-height: 18px;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px var(--el-border-color) inset;
+  transition: box-shadow 0.2s ease;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__wrapper[data-v-1ff57231]:hover {
+  box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__wrapper.is-focus[data-v-1ff57231] {
+  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__inner {
+  height: 24px;
+  font-size: 14px;
+  line-height: 18px;
+  color: rgba(0, 0, 0, 0.7);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__inner[data-v-1ff57231]::-moz-placeholder {
+  color: rgba(0, 0, 0, 0.4);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .inline-input-node[data-v-1ff57231] .inline-input[data-v-1ff57231] [data-v-1ff57231] .el-input__inner[data-v-1ff57231]::placeholder {
+  color: rgba(0, 0, 0, 0.4);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-node__content:hover, .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2__node:hover {
+  background-color: var(--el-color-primary-light-9);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-node__content:hover .label-text[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2__node:hover .label-text[data-v-1ff57231] {
+  color: var(--el-color-primary);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-node__content:hover .node-actions[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2__node:hover .node-actions[data-v-1ff57231] {
+  pointer-events: auto;
+  opacity: 1;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-node.is-current > .el-tree-node__content, .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2__node.is-current {
+  background-color: var(--el-color-primary-light-9);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-node.is-current > .el-tree-node__content .label-text[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] [data-v-1ff57231] .el-tree-v2__node.is-current .label-text[data-v-1ff57231] {
+  color: var(--el-color-primary);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+  width: 100%;
+  /*  节点标签区域（可被自定义 slot 替换） */
+  /*  节点操作按钮容器 */
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label {
+  display: flex;
+  flex: 1;
+  gap: 4px;
+  align-items: center;
+  min-width: 0;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231] .label-text[data-v-1ff57231],
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231] .node-text[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label .label-text[data-v-1ff57231],
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label .node-text[data-v-1ff57231] {
+  color: var(--el-text-color-primary);
+  /*  v-html 插入的高亮关键词样式 */
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231] .label-text[data-v-1ff57231] [data-v-1ff57231] .highlight-keyword,
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231] .node-text[data-v-1ff57231] [data-v-1ff57231] .highlight-keyword, .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label .label-text[data-v-1ff57231] [data-v-1ff57231] .highlight-keyword,
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label .node-text[data-v-1ff57231] [data-v-1ff57231] .highlight-keyword {
+  padding: 0 2px;
+  font-weight: 600;
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+  border-radius: 2px;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-label[data-v-1ff57231] .node-count[data-v-1ff57231], .yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] [data-v-1ff57231] .custom-node-label .node-count[data-v-1ff57231] {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-actions[data-v-1ff57231] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  margin-right: 8px;
+  margin-left: auto;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-actions[data-v-1ff57231] .action-icon[data-v-1ff57231] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  color: var(--el-color-primary);
+  cursor: pointer;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+}
+.yc-plus-tree[data-v-1ff57231] .tree-container[data-v-1ff57231] .node-label-wrapper[data-v-1ff57231] .node-actions[data-v-1ff57231] .action-icon[data-v-1ff57231][data-v-1ff57231]:hover {
+  background-color: var(--el-color-primary-light-8);
+}
+
+/*  下拉菜单样式 */
+.tree-dropdown-menu[data-v-1ff57231] {
+  min-width: 156px !important;
+  padding: 8px !important;
+  border-radius: 8px !important;
+  /*  ==================== SortableJS 拖拽样式 ==================== */
+  /**
+   * 拖拽幽灵元素样式
+   * 拖拽时显示在原位置的半透明元素
+   */
+  /**
+   * 被选中拖拽的元素样式
+   * 拖拽开始时的选中状态
+   */
+  /**
+   * 正在拖拽的元素样式
+   * 跟随鼠标移动的元素
+   */
+  /**
+   * 拖拽时禁用选择
+   */
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .el-dropdown-menu__item {
+  height: 32px;
+  padding: 0 12px;
+  margin: 0;
+  font-size: 12px;
+  line-height: 32px;
+  border-radius: 8px;
+  transition: background-color 0.2s ease;
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .el-dropdown-menu__item[data-v-1ff57231]:hover {
+  color: var(--el-color-primary) !important;
+  background-color: var(--el-color-primary-light-9) !important;
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .el-dropdown-menu__item[data-v-1ff57231]:not(:last-child) {
+  margin-bottom: 4px;
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .el-divider {
+  margin: 12px 0;
+  border-top: 1px solid #e5e7eb;
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .sortable-ghost {
+  background-color: var(--el-color-primary-light-9);
+  border: 1px dashed var(--el-color-primary);
+  border-radius: 4px;
+  opacity: 0.4;
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .sortable-chosen {
+  background-color: var(--el-color-primary-light-8);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .sortable-drag {
+  cursor: move;
+  background-color: white;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  opacity: 1;
+  transform: rotate(2deg);
+}
+.tree-dropdown-menu[data-v-1ff57231] [data-v-1ff57231] .sortable-fallback {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+@charset "UTF-8";
+.tree-dropdown-popper {
+  overflow: hidden !important;
+  border: none !important;
+  border-radius: 8px !important;
+}
+
+/*  v-html 插入的高亮关键词全局样式（确保在所有情况下都能生效） */
+.yc-plus-tree .highlight-keyword {
+  padding: 0 2px;
+  font-weight: 600;
+  color: var(--el-color-primary);
+  background-color: var(--el-color-primary-light-9);
+  border-radius: 2px;
+}
+
+/*  隐藏输入框节点的展开图标（全局样式） */
+.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon {
+  display: none !important;
+}
+
+/**
+ * 拖拽占位符（幽灵元素）
+ * SortableJS 会自动在目标位置创建一个幽灵元素
+ */
+.sortable-ghost {
+  position: relative !important;
+  opacity: 0.3 !important;
+}
+
+/**
+ * 增强 drop-target 类的视觉反馈
+ * 为目标节点添加背景高亮
+ */
+.drop-target {
+  background-color: var(--el-color-primary-light-9) !important;
+  border-radius: 4px;
+  /**
+   * 添加左边框，强调目标层级
+   */
+}
+.drop-target::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: calc(var(--drop-indent, 0px) - 3px);
+  z-index: 1;
+  width: 3px;
+  content: "";
+  background: var(--el-color-primary);
+  border-radius: 1.5px;
+  opacity: 0.6;
+}
+.yc-dialog {
+  --scrollbar-size: 6px;
+  --scrollbar-radius: 3px;
+  --scrollbar-thumb-light: rgb(0 0 0 / 20%);
+  --scrollbar-thumb-light-hover: rgb(0 0 0 / 30%);
+  --scrollbar-thumb-dark: rgb(255 255 255 / 20%);
+  --scrollbar-thumb-dark-hover: rgb(255 255 255 / 30%);
+}
+.yc-dialog :deep(.el-dialog) {
+  display: flex;
+  flex-direction: column;
+  max-height: 90vh;
+  margin: 6vh auto 50px;
+}
+.yc-dialog :deep(.el-dialog__body) {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding: 0;
+  overflow: hidden;
+}
+.yc-dialog__content {
+  flex: 1;
+  padding: 0;
+  overflow: auto;
+}
+.yc-dialog__content::-webkit-scrollbar {
+  width: var(--scrollbar-size);
+  height: var(--scrollbar-size);
+}
+.yc-dialog__content::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb-light);
+  border-radius: var(--scrollbar-radius);
+}
+.yc-dialog__content::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-light-hover);
+}
+.yc-dialog__content::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb {
+  background-color: var(--scrollbar-thumb-dark);
+}
+:deep(.dark) .yc-dialog__content::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-dark-hover);
+}
+.yc-drawer .el-drawer__header {
+  padding: 0 !important;
+  margin-bottom: 0 !important;
+}
+.yc-drawer .el-drawer__footer {
+  padding-top: 12px !important;
+  padding-right: 24px !important;
+  padding-bottom: 12px !important;
+}
+.custom-drawer-header[data-v-e306ac1f] {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  width: 100%;
+  height: 56px;
+  border-radius: 4px 4px 0 0;
+}
+.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: calc(100% - 48px);
+  height: 24px;
+  margin: 16px 0 0 24px;
+}
+.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] .header-title[data-v-e306ac1f] {
+  height: 24px;
+  font-family: NotoSansSC, PingFangSC, sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 24px;
+  color: rgb(0, 0, 0);
+  text-align: left;
+  overflow-wrap: break-word;
+  white-space: nowrap;
+}
+.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] .header-close-icon[data-v-e306ac1f] {
+  color: rgba(0, 0, 0, 0.6);
+  cursor: pointer;
+  transition: color 0.3s;
+}
+.custom-drawer-header[data-v-e306ac1f] .header-content[data-v-e306ac1f] .header-close-icon[data-v-e306ac1f][data-v-e306ac1f]:hover {
+  color: rgba(0, 0, 0, 0.9);
+}
+.custom-drawer-header[data-v-e306ac1f] .header-divider[data-v-e306ac1f] {
+  width: 100%;
+  height: 1px;
+  margin-top: 15px;
+  background-color: rgb(245, 247, 249);
+}
+@charset "UTF-8";
+/* 移除 YcStatusDialog 组件的 footer before 伪元素 */
+.yc-status-dialog .el-dialog__footer::before {
+  display: none !important;
+}
+.yc-status-dialog[data-v-41a50537] [data-v-41a50537] .el-dialog__header {
+  padding: 24px 24px 16px;
+  margin: 0;
+}
+.yc-status-dialog[data-v-41a50537] [data-v-41a50537] .el-dialog__body {
+  padding: 0 24px 24px;
+}
+.yc-status-dialog[data-v-41a50537] [data-v-41a50537] .el-dialog__footer {
+  padding: 0 24px 24px;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-header[data-v-41a50537] {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-header[data-v-41a50537] .icon-wrapper[data-v-41a50537] {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-header[data-v-41a50537] .icon-wrapper[data-v-41a50537] .status-icon[data-v-41a50537] {
+  width: 28px;
+  height: 28px;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-header[data-v-41a50537] .title-text[data-v-41a50537] {
+  flex: 1;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  color: #000;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-content[data-v-41a50537] {
+  min-height: 54px;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-content[data-v-41a50537] .content-text[data-v-41a50537] {
+  margin: 0;
+  font-size: 14px;
+  line-height: 22px;
+  color: #666;
+}
+.yc-status-dialog[data-v-41a50537] .dialog-footer[data-v-41a50537] {
+  display: flex;
+  justify-content: flex-end;
+}
+.yc-more-actions__icon[data-v-cabdaeba] {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 4px;
+}
+
+.yc-more-actions__item-icon[data-v-cabdaeba] {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 6px;
+  font-size: 14px;
+}
+
+[data-v-cabdaeba] .el-dropdown-menu__item.is-danger {
+  color: var(--el-color-danger);
+}
+
+[data-v-cabdaeba] .el-dropdown-menu__item.is-danger:hover {
+  color: var(--el-color-danger);
+  background-color: var(--el-color-danger-light-9);
+}
+@charset "UTF-8";
+.yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4] {
+  position: relative;
+  padding-left: 8px;
+  font-family: NotoSansSC, sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  color: var(--el-text-color-regular);
+  text-align: left;
+  /*
+   * 渐变色优先级：
+   * 1. --yc-header-gradient-start/end（组件 prop 传入）
+   * 2. --pure-button-primary-gradient-start/end（项目定义）
+   * 3. --el-color-primary / --el-color-primary-light-3（Element Plus 默认）
+   */
+}
+.yc-form-container-header[data-v-e3e5d0e4] .header-title[data-v-e3e5d0e4][data-v-e3e5d0e4]::before {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 4px;
+  height: 16px;
+  content: "";
+  background: linear-gradient(180deg, var(--yc-header-gradient-start, var(--pure-button-primary-gradient-start, var(--el-color-primary))) 0%, var(--yc-header-gradient-end, var(--pure-button-primary-gradient-end, var(--el-color-primary-light-3))) 100%);
+  transform: translateY(-50%);
+}
+.scroll-num {
+  display: inline-block;
+  height: 1em;
+  line-height: 1;
+  text-align: center;
+  overflow: hidden;
+}
+
+.scroll-num ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  animation: scrolling calc(var(--delay) * 1s) ease-out forwards;
+  filter: url('#blur');
+}
+
+.scroll-num ul li {
+  height: 1em;
+  line-height: 1;
+}
+
+@keyframes scrolling {
+  0% {
+    transform: translateY(0);
+  }
+  20% {
+    transform: translateY(calc(var(--i) * -9.09% - 18.18%));
+  }
+  40% {
+    transform: translateY(calc(var(--i) * -9.09% + 9.09%));
+  }
+  60% {
+    transform: translateY(calc(var(--i) * -9.09% - 4.545%));
+  }
+  80% {
+    transform: translateY(calc(var(--i) * -9.09% + 2.27%));
+  }
+  100% {
+    transform: translateY(calc(var(--i) * -9.09%));
+  }
+}
+
+
+.yc-point {
+  width: var(--point-width);
+  height: var(--point-height);
+  background: var(--point-background);
+  position: relative;
+  border-radius: var(--point-border-radius);
+}
+
+.yc-point-flicker:after {
+  background: var(--point-background);
+}
+
+.yc-point-flicker:before,
+.yc-point-flicker:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  border-radius: var(--point-border-radius);
+  animation: yc-flicker 1.2s ease-out infinite;
+}
+
+@keyframes yc-flicker {
+  0% {
+    transform: scale(0.5);
+    opacity: 1;
+  }
+
+  30% {
+    opacity: 1;
+  }
+
+  100% {
+    transform: scale(var(--point-scale));
+    opacity: 0;
+  }
+}
+
+
+.yc-segmented {
+  --yc-control-padding-horizontal: 12px;
+  --yc-control-padding-horizontal-sm: 8px;
+  --yc-segmented-track-padding: 2px;
+  --yc-segmented-line-width: 1px;
+
+  --yc-segmented-border-radius-small: 4px;
+  --yc-segmented-border-radius-base: 6px;
+  --yc-segmented-border-radius-large: 8px;
+
+  box-sizing: border-box;
+  display: inline-block;
+  padding: var(--yc-segmented-track-padding);
+  font-size: var(--el-font-size-base);
+  color: rgba(0, 0, 0, 0.65);
+  background-color: rgb(0 0 0 / 4%);
+  border-radius: var(--yc-segmented-border-radius-base);
+}
+
+.yc-segmented-block {
+  display: flex;
+}
+
+.yc-segmented-block .yc-segmented-item {
+  flex: 1;
+  min-width: 0;
+}
+
+.yc-segmented-block .yc-segmented-item > .yc-segmented-item-label > span {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+/* small */
+.yc-segmented.yc-segmented--small {
+  border-radius: var(--yc-segmented-border-radius-small);
+}
+.yc-segmented.yc-segmented--small .yc-segmented-item {
+  border-radius: var(--el-border-radius-small);
+}
+.yc-segmented.yc-segmented--small .yc-segmented-item > div {
+  min-height: calc(
+    var(--el-component-size-small) - var(--yc-segmented-track-padding) * 2
+  );
+  line-height: calc(
+    var(--el-component-size-small) - var(--yc-segmented-track-padding) * 2
+  );
+  padding: 0
+    calc(
+      var(--yc-control-padding-horizontal-sm) -
+        var(--yc-segmented-line-width)
+    );
+}
+
+/* large */
+.yc-segmented.yc-segmented--large {
+  border-radius: var(--yc-segmented-border-radius-large);
+}
+.yc-segmented.yc-segmented--large .yc-segmented-item {
+  border-radius: calc(
+    var(--el-border-radius-base) + var(--el-border-radius-small)
+  );
+}
+.yc-segmented.yc-segmented--large .yc-segmented-item > div {
+  min-height: calc(
+    var(--el-component-size-large) - var(--yc-segmented-track-padding) * 2
+  );
+  line-height: calc(
+    var(--el-component-size-large) - var(--yc-segmented-track-padding) * 2
+  );
+  padding: 0
+    calc(
+      var(--yc-control-padding-horizontal) - var(--yc-segmented-line-width)
+    );
+  font-size: var(--el-font-size-medium);
+}
+
+/* default */
+.yc-segmented-item {
+  position: relative;
+  text-align: center;
+  cursor: pointer;
+  border-radius: var(--el-border-radius-base);
+  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.yc-segmented .yc-segmented-item > div {
+  min-height: calc(
+    var(--el-component-size) - var(--yc-segmented-track-padding) * 2
+  );
+  line-height: calc(
+    var(--el-component-size) - var(--yc-segmented-track-padding) * 2
+  );
+  padding: 0
+    calc(
+      var(--yc-control-padding-horizontal) - var(--yc-segmented-line-width)
+    );
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.yc-segmented-group {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  justify-items: flex-start;
+  width: 100%;
+}
+
+.yc-segmented-item-selected {
+  position: absolute;
+  top: 0;
+  left: 0;
+  box-sizing: border-box;
+  display: none;
+  width: 0;
+  height: 100%;
+  padding: 4px 0;
+  background-color: #fff;
+  border-radius: 4px;
+  box-shadow:
+    0 2px 8px -2px rgb(0 0 0 / 5%),
+    0 1px 4px -1px rgb(0 0 0 / 7%),
+    0 0 1px rgb(0 0 0 / 7%);
+  transition:
+    transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),
+    width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
+  will-change: transform, width;
+}
+
+.yc-segmented-item > input {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.yc-segmented-item-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.yc-segmented-item-icon svg {
+  width: 16px;
+  height: 16px;
+}
+
+.yc-segmented-item-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+
+/* 暗黑模式适配 */
+html.dark .yc-segmented {
+  background-color: rgb(255 255 255 / 8%);
+  color: rgba(255, 255, 255, 0.65);
+}
+
+html.dark .yc-segmented-item-selected {
+  background-color: #1f1f1f;
+}
+
+html.dark .yc-segmented-item-disabled {
+  color: rgba(255, 255, 255, 0.25);
+}
+
+
+
+.yc-animate-popper {
+  min-width: 0 !important;
+}
+
+.yc-animate-container[data-v-1d24737e] {
+  width: 280px;
+}
+
+.yc-animate-scrollbar[data-v-1d24737e] {
+  border-top: 1px solid var(--el-border-color-light, #e5e7eb);
+}
+
+.yc-animate-list[data-v-1d24737e] {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  padding: 0;
+  margin: 0 0 4px 0;
+  list-style: none;
+}
+
+.yc-animate-item[data-v-1d24737e] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 130px;
+  height: 100px;
+  margin-top: 4px;
+  cursor: pointer;
+  border: 1px solid var(--el-border-color-light, #e5e7eb);
+  transition: all 0.3s;
+}
+.yc-animate-item[data-v-1d24737e][data-v-1d24737e]:hover {
+  color: var(--el-color-primary);
+  transition-duration: 700ms;
+}
+.yc-download-dialog-content[data-v-b123d9a5] {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.yc-download-dialog-section[data-v-b123d9a5] {
+  padding: 16px;
+  background-color: var(--el-fill-color-lighter, #f9fafc);
+  border-radius: 8px;
+}
+
+.yc-download-dialog-title[data-v-b123d9a5] {
+  margin: 0 0 8px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+  color: var(--el-text-color-primary);
+}
+
+.yc-download-dialog-subtitle[data-v-b123d9a5] {
+  margin: 0;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 22px;
+  color: var(--el-text-color-secondary);
+}
+
+.yc-download-btn[data-v-b123d9a5] {
+  margin-top: 8px;
+  font-size: 14px;
+}
+
+.yc-upload-area[data-v-b123d9a5] [data-v-b123d9a5] .el-upload-dragger {
+  padding: 20px;
+}
+
+.yc-upload-tip[data-v-b123d9a5] {
+  margin-top: 8px;
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--el-text-color-regular);
+}
+
+.yc-upload-records[data-v-b123d9a5] {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+.yc-upload-record-item[data-v-b123d9a5] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 0;
+  border-bottom: 1px solid var(--el-border-color-lighter);
+}
+.yc-upload-record-item[data-v-b123d9a5][data-v-b123d9a5]:last-child {
+  border-bottom: none;
+}
+
+.yc-record-name[data-v-b123d9a5] {
+  flex: 1;
+  overflow: hidden;
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.yc-record-size[data-v-b123d9a5] {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}