yc-pro-components 0.0.30 → 0.0.32

package/es/components/dialog/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watchEffect, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, useAttrs, computed, ref, watchEffect, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { ElDialog, ElButton } from 'element-plus';
 import { debounce } from 'lodash-es';
 import { useLocale } from '../../../hooks/useLocale.mjs';
@@ -26,6 +26,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const attrs = useAttrs();
+    const mergedCustomClass = computed(() => {
+      const baseClass = "plus-dialog";
+      const externalClass = attrs["custom-class"] || attrs.customClass;
+      return externalClass ? `${baseClass} ${externalClass}` : baseClass;
+    });
+    const filteredAttrs = computed(() => {
+      const { "custom-class": _, customClass: __, ...rest } = attrs;
+      return rest;
+    });
     const style = computed(() => ({
       justifyContent: props.footerAlign === "left" ? "flex-start" : props.footerAlign === "center" ? "center" : "flex-end"
     }));
@@ -67,8 +77,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "close-on-press-escape": false,
         "append-to-body": false,
         "before-close": handleCancel,
-        class: "plus-dialog"
-      }, _ctx.$attrs), createSlots({
+        "custom-class": mergedCustomClass.value
+      }, filteredAttrs.value), createSlots({
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "default")
@@ -129,7 +139,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["modelValue", "top", "width", "title"]);
+      ]), 1040, ["modelValue", "top", "width", "title", "custom-class"]);
     };
   }
 });

package/es/components/yc-dialog/src/index.vue.d.ts

@@ -6,7 +6,7 @@ interface YcDialogInternalProps {
     width?: string | number;
     /** 预设尺寸 */
     size?: DialogSize;
-    /** 内容区最大高度，默认 720px，设置为 false 则不限制 */
+    /** 整个对话框最大高度，默认 720px，设置为 false 则不限制（使用默认的 90vh） */
     maxHeight?: string | number | false;
     /** 是否显示标题底部边框，默认 true */
     showHeaderBorder?: boolean;

package/es/components/yc-dialog/src/index.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot } from 'vue';
 import { PlusDialog } from '../../dialog/index.mjs';
 import { SIZE_MAP } from './type.mjs';
 
+const _hoisted_1 = { class: "yc-dialog__content" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "YcDialog"
@@ -22,17 +23,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return props.size ? SIZE_MAP[props.size] : "560px";
     });
-    const contentStyle = computed(
-      () => props.maxHeight === false ? {} : {
-        maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight,
-        overflowY: "auto"
-      }
-    );
+    const dialogMaxHeight = computed(() => {
+      if (props.maxHeight === false) return void 0;
+      return typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+    });
     const dialogClass = computed(() => {
       const classes = ["yc-dialog"];
       if (!props.showHeaderBorder) {
         classes.push("yc-dialog--no-header-border");
       }
+      if (props.maxHeight !== false) {
+        classes.push("yc-dialog--max-height");
+      }
       const externalCustomClass = attrs["custom-class"] || attrs.customClass;
       if (externalCustomClass) {
         const externalClasses = typeof externalCustomClass === "string" ? externalCustomClass.split(" ").filter(Boolean) : Array.isArray(externalCustomClass) ? externalCustomClass : [];
@@ -44,24 +46,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return classes.join(" ");
     });
+    const dialogStyle = computed(() => {
+      if (!dialogMaxHeight.value) return void 0;
+      return {
+        "--yc-dialog-max-height": dialogMaxHeight.value
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(PlusDialog), mergeProps(_ctx.$attrs, {
         width: dialogWidth.value,
-        "custom-class": dialogClass.value
+        "custom-class": dialogClass.value,
+        style: dialogStyle.value
       }), createSlots({
         default: withCtx(() => [
-          createElementVNode(
-            "div",
-            {
-              class: "yc-dialog__content",
-              style: normalizeStyle(contentStyle.value)
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            4
-            /* STYLE */
-          )
+          createElementVNode("div", _hoisted_1, [
+            renderSlot(_ctx.$slots, "default")
+          ])
         ]),
         _: 2
         /* DYNAMIC */
@@ -80,7 +80,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["width", "custom-class"]);
+      ]), 1040, ["width", "custom-class", "style"]);
     };
   }
 });

package/es/components/yc-dialog/src/type.d.ts

@@ -6,7 +6,7 @@ export declare const SIZE_MAP: Record<DialogSize, string>;
 export type YcDialogProps = Partial</* @vue-ignore */ PlusDialogProps> & {
     /** 预设尺寸 */
     size?: DialogSize;
-    /** 内容区最大高度，默认 720px，设置为 false 则不限制 */
+    /** 整个对话框最大高度，默认 720px，设置为 false 则不限制（使用默认的 90vh） */
     maxHeight?: string | number | false;
     /** 是否显示标题底部边框，默认 true */
     showHeaderBorder?: boolean;

package/es/index.css

@@ -5,7 +5,6 @@
 .el-tree .el-tree-node__content{position:relative}.yc-tree-node-label-wrapper{align-items:center;display:flex;flex:1;min-width:0}.yc-tree-node-label{font-size:12px}.yc-tree-node-line-ver{border-left:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:100%;left:0;position:absolute;top:0}.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{border-bottom:1px dashed var(--el-border-color-light,#dcdfe6);display:block;height:0;left:0;position:absolute;top:50%}
 .yc-plus-tree[data-v-61e7209b]{display:flex;flex-direction:column;height:100%;overflow:auto}.yc-plus-tree[data-v-61e7209b] .search-input[data-v-61e7209b]{flex-shrink:0;margin-bottom:16px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b]{flex:1;min-height:0;overflow:hidden}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-v2{overflow-x:visible!important}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b]{align-items:center;display:flex;flex:1;padding-left:0;padding-right:8px;position:relative;z-index:1}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b]{flex-shrink:0;width:100%}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__wrapper{border-radius:4px;box-shadow:0 0 0 1px var(--el-border-color) inset;font-size:14px;height:26px;line-height:18px;padding:0 8px;transition:box-shadow .2s ease}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__wrapper[data-v-61e7209b]:hover{box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__wrapper.is-focus[data-v-61e7209b]{box-shadow:0 0 0 1px var(--el-color-primary) inset}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__inner{color:rgba(0,0,0,.7);font-size:14px;height:24px;line-height:18px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__inner[data-v-61e7209b]::-moz-placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .inline-input-node[data-v-61e7209b] .inline-input[data-v-61e7209b] [data-v-61e7209b] .el-input__inner[data-v-61e7209b]::placeholder{color:rgba(0,0,0,.4)}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-node__content:hover{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-node__content:hover .label-text[data-v-61e7209b]{color:var(--el-color-primary)}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-node__content:hover .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9);border-radius:4px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] [data-v-61e7209b] .el-tree-node.is-current>.el-tree-node__content .label-text{color:var(--el-color-primary)}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b]{align-items:center;display:flex;gap:4px;width:100%}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b][data-v-61e7209b]:hover .node-actions[data-v-61e7209b]{opacity:1;pointer-events:auto}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b],.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] [data-v-61e7209b] .el-tooltip__trigger,.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label [data-v-61e7209b] .el-tooltip__trigger{display:block;min-width:0;overflow:hidden}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] .label-text[data-v-61e7209b],.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] .node-text[data-v-61e7209b],.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label .label-text[data-v-61e7209b],.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label .node-text[data-v-61e7209b]{color:var(--el-text-color-primary);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] .label-text[data-v-61e7209b] [data-v-61e7209b] .highlight-keyword,.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] .node-text[data-v-61e7209b] [data-v-61e7209b] .highlight-keyword,.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label .label-text[data-v-61e7209b] [data-v-61e7209b] .highlight-keyword,.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label .node-text[data-v-61e7209b] [data-v-61e7209b] .highlight-keyword{background-color:var(--el-color-primary-light-9);border-radius:2px;color:var(--el-color-primary);font-weight:600;padding:0 2px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-label[data-v-61e7209b] .node-count[data-v-61e7209b],.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] [data-v-61e7209b] .custom-node-label .node-count[data-v-61e7209b]{color:var(--el-text-color-secondary);font-size:12px}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-actions[data-v-61e7209b]{align-items:center;display:flex;flex-shrink:0;margin-left:auto;margin-right:8px;opacity:0;pointer-events:none;transition:opacity .2s ease}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-actions[data-v-61e7209b] .action-icon-wrapper[data-v-61e7209b]{align-items:center;cursor:pointer;display:flex;justify-content:center}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-actions[data-v-61e7209b] .action-icon[data-v-61e7209b]{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}.yc-plus-tree[data-v-61e7209b] .tree-container[data-v-61e7209b] .node-label-wrapper[data-v-61e7209b] .node-actions[data-v-61e7209b] .action-icon[data-v-61e7209b][data-v-61e7209b]:hover{background-color:var(--el-color-primary-light-8)}.tree-dropdown-menu[data-v-61e7209b]{border-radius:8px!important;min-width:156px!important;padding:8px!important}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .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[data-v-61e7209b] [data-v-61e7209b] .el-dropdown-menu__item[data-v-61e7209b]:hover{background-color:var(--el-color-primary-light-9)!important;color:var(--el-color-primary)!important}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .el-dropdown-menu__item[data-v-61e7209b]:not(:last-child){margin-bottom:4px}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .el-divider{border-top:1px solid #e5e7eb;margin:12px 0}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .sortable-ghost{background-color:var(--el-color-primary-light-9);border:1px dashed var(--el-color-primary);border-radius:4px;opacity:.4}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .sortable-chosen{background-color:var(--el-color-primary-light-8);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .sortable-drag{background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:move;opacity:1;transform:rotate(2deg)}.tree-dropdown-menu[data-v-61e7209b] [data-v-61e7209b] .sortable-fallback{-webkit-user-select:none;-moz-user-select:none;user-select:none}
 .tree-dropdown-popper{border:none!important;border-radius:8px!important;overflow:hidden!important}.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}.el-tree-node__content:has([data-input-node=true]) .el-tree-node__expand-icon{display:none!important}.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}
-.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 :deep(.el-dialog){display:flex;flex-direction:column;margin:6vh auto 50px;max-height:90vh}.yc-dialog :deep(.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}: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{margin-bottom:0!important;padding:0!important}.yc-drawer .el-drawer__footer{padding-bottom:12px!important;padding-right:24px!important;padding-top:12px!important}
 .custom-drawer-header[data-v-e05479bb]{border-radius:4px 4px 0 0;display:flex;flex-direction:column;height:56px;justify-content:flex-end;width:100%}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb]{align-items:center;display:flex;flex-direction:row;height:24px;justify-content:space-between;margin:16px 0 0 24px;width:calc(100% - 48px)}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-title[data-v-e05479bb]{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}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb]{color:rgba(0,0,0,.6);cursor:pointer;transition:color .3s}.custom-drawer-header[data-v-e05479bb] .header-content[data-v-e05479bb] .header-close-icon[data-v-e05479bb][data-v-e05479bb]:hover{color:rgba(0,0,0,.9)}.custom-drawer-header[data-v-e05479bb] .header-divider[data-v-e05479bb]{background-color:#f5f7f9;height:1px;margin-top:15px;width:100%}
 .yc-status-dialog .el-dialog__footer:before{display:none!important}.yc-status-dialog{border-radius:4px!important;padding:24px!important}.yc-status-dialog .el-dialog__header{margin:0!important;padding:0!important}.yc-status-dialog .el-dialog__body{padding:0!important}.yc-status-dialog .el-dialog__footer{padding:16px 0 0!important}.yc-status-dialog .el-dialog__headerbtn{height:16px;right:24px;top:24px;width:16px}.yc-status-dialog .el-dialog__headerbtn .el-dialog__close{display:none}.yc-status-dialog .el-dialog__headerbtn:before{background-image:url(https://staticcdn.jinbizhihui.com/images/saas-basic-platform/close_tips_icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:16px;width:16px}

package/index.css

@@ -405,52 +405,6 @@
   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;