yc-pro-components 0.0.25 → 0.0.27

package/theme-chalk/plus-yc-dialog.css

@@ -1 +1 @@
-.yc-dialog{--scrollbar-size:6px;--scrollbar-radius:3px;--scrollbar-thumb-light:rgba(0,0,0,.2);--scrollbar-thumb-light-hover:rgba(0,0,0,.3);--scrollbar-thumb-dark:hsla(0,0%,100%,.2);--scrollbar-thumb-dark-hover:hsla(0,0%,100%,.3)}.yc-dialog .el-dialog{display:flex;flex-direction:column;margin:6vh auto 50px;max-height:90vh}.yc-dialog .el-dialog__body{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0}.yc-dialog__content{flex:1;overflow:auto;padding:0}.yc-dialog__content::-webkit-scrollbar{height:var(--scrollbar-size);width: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}.dark .yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark)}.dark .yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-dark-hover)}
+.yc-dialog{--scrollbar-size:6px;--scrollbar-radius:3px;--scrollbar-thumb-light:rgba(0,0,0,.2);--scrollbar-thumb-light-hover:rgba(0,0,0,.3);--scrollbar-thumb-dark:hsla(0,0%,100%,.2);--scrollbar-thumb-dark-hover:hsla(0,0%,100%,.3)}.yc-dialog .el-dialog{display:flex;flex-direction:column;margin:6vh auto 50px;max-height:90vh}.yc-dialog .el-dialog__body{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0}.yc-dialog .el-dialog__title{font-weight:500}.yc-dialog .el-dialog__header{padding-bottom:16px;position:relative}.yc-dialog .el-dialog__header .el-dialog__headerbtn{height:32px;top:0;transform:translateY(0);width:32px}.yc-dialog .el-dialog__header:after{background-color:#f5f7f9;bottom:0;content:"";height:1px;left:-16px;position:absolute;right:0;width:calc(100% + 32px)}.yc-dialog--no-header-border .el-dialog__header:after{display:none}.yc-dialog .el-dialog__footer{position:relative}.yc-dialog .el-dialog__footer:before{background-color:#f5f7f9;content:"";height:1px;left:-16px;position:absolute;top:0;width:calc(100% + 32px)}.yc-dialog__content{flex:1;overflow:auto;padding:0}.yc-dialog__content::-webkit-scrollbar{height:var(--scrollbar-size);width: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}.dark .yc-dialog__content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark)}.dark .yc-dialog__content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-dark-hover)}

package/theme-chalk/plus-yc-drawer.css

@@ -1 +1 @@
-.yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}.yc-drawer .custom-drawer-header{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.yc-drawer .custom-drawer-header .header-content{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.yc-drawer .custom-drawer-header .header-content .header-title{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:400;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.yc-drawer .custom-drawer-header .header-content .header-close-icon{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.yc-drawer .custom-drawer-header .header-content .header-close-icon:hover{color:rgba(0,0,0,.9)}.yc-drawer .custom-drawer-header .header-divider{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
+.yc-drawer .el-drawer__header{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}.yc-drawer .custom-drawer-header{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.yc-drawer .custom-drawer-header .header-content{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.yc-drawer .custom-drawer-header .header-content .header-title{color:#000;font-family:NotoSansSC,PingFangSC,sans-serif;font-size:16px;font-weight:500;height:24px;line-height:24px;overflow-wrap:break-word;text-align:left;white-space:nowrap}.yc-drawer .custom-drawer-header .header-content .header-close-icon{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.yc-drawer .custom-drawer-header .header-content .header-close-icon:hover{color:rgba(0,0,0,.9)}.yc-drawer .custom-drawer-header .header-divider{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}

package/theme-chalk/plus-yc-plus-tree.css

@@ -1 +1 @@
-.plus-yc-plus-tree{display:flex;flex-direction:column;height:100%;overflow:auto}.plus-yc-plus-tree .search-input{flex-shrink:0;margin-bottom:16px}.plus-yc-plus-tree .tree-container{flex:1;min-height:0;overflow:hidden}.plus-yc-plus-tree .tree-container .el-tree-v2{overflow-x:visible!important}.plus-yc-plus-tree .tree-container .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.plus-yc-plus-tree .tree-container .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.plus-yc-plus-tree .tree-container .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.plus-yc-plus-tree .tree-container .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.plus-yc-plus-tree .tree-container .node-label-wrapper{align-items:center;display:flex;gap:4px;width:100%}.plus-yc-plus-tree .tree-container .node-label-wrapper:hover .node-actions{opacity:1!important;pointer-events:auto!important}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .el-tooltip__trigger,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .label-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .node-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .label-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .node-text{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .node-count,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .node-count{color:var(--el-text-color-secondary);font-size:12px}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon:hover{background-color:var(--el-color-primary-light-8)}.plus-yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.tree-dropdown-menu{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu .el-dropdown-menu__item:not(:last-child){margin-bottom:4px}.tree-dropdown-menu .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}
+.plus-yc-plus-tree{display:flex;flex-direction:column;height:100%;overflow:auto}.plus-yc-plus-tree .search-input{flex-shrink:0;margin-bottom:16px;padding-right:24px}.plus-yc-plus-tree .tree-container{flex:1;min-height:0;overflow:hidden}.plus-yc-plus-tree .tree-container .el-tree-v2{overflow-x:visible!important}.plus-yc-plus-tree .tree-container .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.plus-yc-plus-tree .tree-container .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.plus-yc-plus-tree .tree-container .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.plus-yc-plus-tree .tree-container .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.plus-yc-plus-tree .tree-container .node-label-wrapper{align-items:center;display:flex;gap:4px;width:100%}.plus-yc-plus-tree .tree-container .node-label-wrapper:hover .node-actions{opacity:1!important;pointer-events:auto!important}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .el-tooltip__trigger,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .label-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .node-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .label-text,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .node-text{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plus-yc-plus-tree .tree-container .node-label-wrapper .custom-node-label .node-count,.plus-yc-plus-tree .tree-container .node-label-wrapper .node-label .node-count{color:var(--el-text-color-secondary);font-size:12px}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon{align-items:center;border-radius:4px;color:var(--el-color-primary);cursor:pointer;display:flex;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.plus-yc-plus-tree .tree-container .node-label-wrapper .node-actions .action-icon:hover{background-color:var(--el-color-primary-light-8)}.plus-yc-plus-tree .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.tree-dropdown-menu{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu .el-dropdown-menu__item{border-radius:8px;font-size:12px;height:32px;line-height:32px;margin:0;padding:0 12px;transition:background-color .2s ease}.tree-dropdown-menu .el-dropdown-menu__item:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu .el-dropdown-menu__item:not(:last-child){margin-bottom:4px}.tree-dropdown-menu .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.sortable-ghost{opacity:.3!important;position:relative!important}.drop-target{background-color:var(--el-color-primary-light-9)!important;border-radius:4px}.drop-target:before{background:var(--el-color-primary);border-radius:1.5px;bottom:0;content:"";left:calc(var(--drop-indent, 0px) - 3px);opacity:.6;position:absolute;top:0;width:3px;z-index:1}

package/theme-chalk/src/dialog.scss

@@ -1,6 +1,51 @@
 @use 'mixins/mixins' as *;
 
 @include b(dialog) {
+  /* 标题字重 */
+  .el-dialog__title {
+    font-weight: 500;
+  }
+
+  /* 表头底部边框 - 使用伪元素实现贯穿效果 */
+  .el-dialog__header {
+    position: relative;
+    padding-bottom: 16px;
+
+    /* 关闭按钮位置调整，抵消 padding-bottom 的影响 */
+    .el-dialog__headerbtn {
+      top: 0;
+      transform: translateY(0);
+      width: 32px;
+      height: 32px;
+    }
+
+    &::after {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: -16px;
+      width: calc(100% + 32px);
+      height: 1px;
+      content: "";
+      background-color: #f5f7f9;
+    }
+  }
+
+  /* 底部 footer 边框 - 使用伪元素实现贯穿效果 */
+  .el-dialog__footer {
+    position: relative;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: -16px;
+      width: calc(100% + 32px);
+      height: 1px;
+      content: "";
+      background-color: #f5f7f9;
+    }
+  }
+
   @include b(dialog-footer) {
     display: flex;
     align-items: center;

package/theme-chalk/src/display-item.scss

@@ -46,6 +46,7 @@
       display: inline-block;
       width: 6px;
       height: 6px;
+      margin-right: 8px;
       vertical-align: middle;
       border-radius: 50%;
 

package/theme-chalk/src/table.scss

@@ -2,6 +2,16 @@
 @use 'mixins/mixins' as *;
 @use 'mixins/function' as *;
 
+/* 宽松模式下表格行高固定为 50px（包含 padding） */
+.el-table--large {
+  .el-table__row {
+    td.el-table__cell {
+      height: 50px;
+      padding: 2px 0;
+    }
+  }
+}
+
 @include b(table) {
   /* 自定义列栏 */
   @include b(table-column) {

package/theme-chalk/src/yc-dialog.scss

@@ -24,6 +24,56 @@
     overflow: hidden;
   }
 
+  /* 标题字重 */
+  .el-dialog__title {
+    font-weight: 500;
+  }
+
+  /* 表头底部边框 - 使用伪元素实现贯穿效果 */
+  .el-dialog__header {
+    position: relative;
+    padding-bottom: 16px;
+
+    /* 关闭按钮位置调整，抵消 padding-bottom 的影响 */
+    .el-dialog__headerbtn {
+      top: 0;
+      transform: translateY(0);
+      width: 32px;
+      height: 32px;
+    }
+
+    &::after {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      left: -16px;
+      width: calc(100% + 32px);
+      height: 1px;
+      content: "";
+      background-color: #f5f7f9;
+    }
+  }
+
+  /* 无表头边框模式 */
+  &--no-header-border .el-dialog__header::after {
+    display: none;
+  }
+
+  /* 底部 footer 边框 - 使用伪元素实现贯穿效果 */
+  .el-dialog__footer {
+    position: relative;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: -16px;
+      width: calc(100% + 32px);
+      height: 1px;
+      content: "";
+      background-color: #f5f7f9;
+    }
+  }
+
   &__content {
     flex: 1;
     padding: 0;

package/theme-chalk/src/yc-drawer.scss

@@ -34,7 +34,7 @@
         height: 24px;
         font-family: NotoSansSC, PingFangSC, sans-serif;
         font-size: 16px;
-        font-weight: normal;
+        font-weight: 500;
         line-height: 24px;
         color: rgb(0 0 0 / 100%);
         text-align: left;

package/theme-chalk/src/yc-plus-tree.scss

@@ -14,6 +14,7 @@
   .search-input {
     flex-shrink: 0;
     margin-bottom: 16px;
+    padding-right: 24px;
   }
 
   .tree-container {