yc-design-vue 2.1.6 → 2.1.7

package/es/Button/index.css

@@ -1 +1 @@
-.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading{cursor:default;position:relative}.yc-button-loading::before{content:'';z-index:1;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-color:#fff;opacity:.4;display:block}.yc-button-disabled{opacity:.4;cursor:not-allowed}.yc-button-long{width:100%}.yc-button-primary.yc-button-status-normal{background-color:rgb(var(--primary-6));color:var(--color-white)}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button-primary.yc-button-status-warning{background-color:rgb(var(--warning-6));color:var(--color-white)}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button-primary.yc-button-status-success{background-color:rgb(var(--success-6));color:var(--color-white)}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button-primary.yc-button-status-danger{background-color:rgb(var(--danger-6));color:var(--color-white)}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button-secondary.yc-button-status-normal{background-color:var(--color-fill-2);color:var(--color-text-2)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button-secondary.yc-button-status-warning{background-color:var(--color-warning-light-1);color:rgb(var(--warning-6))}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-secondary.yc-button-status-success{background-color:var(--color-success-light-1);color:rgb(var(--success-6))}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-secondary.yc-button-status-danger{background-color:var(--color-danger-light-1);color:rgb(var(--danger-6))}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-normal{background-color:transparent;border-color:var(--color-border-2);color:var(--color-text-2);border-style:dashed}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:var(--color-border-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4)}.yc-button-dashed.yc-button-status-warning{background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));color:rgb(var(--warning-6));border-style:dashed}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-3))}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4))}.yc-button-dashed.yc-button-status-success{background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));color:rgb(var(--success-6));border-style:dashed}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-3))}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4))}.yc-button-dashed.yc-button-status-danger{background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));color:rgb(var(--danger-6));border-style:dashed}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-3))}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4))}.yc-button-outline.yc-button-status-normal{background-color:transparent;border-color:rgb(var(--primary-6));color:rgb(var(--primary-6))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-warning{background-color:transparent;border-color:rgb(var(--warning-6));color:rgb(var(--warning-6))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-success{background-color:transparent;border-color:rgb(var(--success-6));color:rgb(var(--success-6))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-danger{background-color:transparent;border-color:rgb(var(--danger-6));color:rgb(var(--danger-6))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--danger-7))}.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}
+.yc-button{cursor:pointer;user-select:none;outline:none;border:1px solid transparent;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center}.yc-button .yc-button-icon{flex-shrink:0;display:flex;justify-content:center;align-items:center}.yc-button .yc-button-icon .yc-spin{font-size:inherit;color:inherit}.yc-button-loading,.yc-button-disabled{cursor:default;position:relative}.yc-button-loading::before,.yc-button-disabled::before{content:'';z-index:1;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background-color:#fff;opacity:.4;display:block}.yc-button-loading.yc-button-disabled,.yc-button-disabled.yc-button-disabled{cursor:not-allowed}.yc-button-loading.yc-button-disabled::before,.yc-button-disabled.yc-button-disabled::before{cursor:not-allowed}.yc-button-long{width:100%}.yc-button-primary.yc-button-status-normal{background-color:rgb(var(--primary-6));color:var(--color-white)}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--primary-5))}.yc-button-primary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--primary-7))}.yc-button-primary.yc-button-status-warning{background-color:rgb(var(--warning-6));color:var(--color-white)}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--warning-5))}.yc-button-primary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--warning-7))}.yc-button-primary.yc-button-status-success{background-color:rgb(var(--success-6));color:var(--color-white)}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--success-5))}.yc-button-primary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--success-7))}.yc-button-primary.yc-button-status-danger{background-color:rgb(var(--danger-6));color:var(--color-white)}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:rgb(var(--danger-5))}.yc-button-primary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:rgb(var(--danger-7))}.yc-button-secondary.yc-button-status-normal{background-color:var(--color-fill-2);color:var(--color-text-2)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-3)}.yc-button-secondary.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-4)}.yc-button-secondary.yc-button-status-warning{background-color:var(--color-warning-light-1);color:rgb(var(--warning-6))}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-secondary.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-secondary.yc-button-status-success{background-color:var(--color-success-light-1);color:rgb(var(--success-6))}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-secondary.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-secondary.yc-button-status-danger{background-color:var(--color-danger-light-1);color:rgb(var(--danger-6))}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-secondary.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-normal{background-color:transparent;border-color:var(--color-border-2);color:var(--color-text-2);border-style:dashed}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:var(--color-border-3)}.yc-button-dashed.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:var(--color-border-4)}.yc-button-dashed.yc-button-status-warning{background-color:var(--color-warning-light-1);border-color:rgb(var(--warning-2));color:rgb(var(--warning-6));border-style:dashed}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-warning-light-2)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-warning-light-3)}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-3))}.yc-button-dashed.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-4))}.yc-button-dashed.yc-button-status-success{background-color:var(--color-success-light-1);border-color:rgb(var(--success-2));color:rgb(var(--success-6));border-style:dashed}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-success-light-2)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-success-light-3)}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-3))}.yc-button-dashed.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-4))}.yc-button-dashed.yc-button-status-danger{background-color:var(--color-danger-light-1);border-color:rgb(var(--danger-2));color:rgb(var(--danger-6));border-style:dashed}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-danger-light-2)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-danger-light-3)}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-3))}.yc-button-dashed.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-4))}.yc-button-outline.yc-button-status-normal{background-color:transparent;border-color:rgb(var(--primary-6));color:rgb(var(--primary-6))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--primary-5))}.yc-button-outline.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--primary-7))}.yc-button-outline.yc-button-status-warning{background-color:transparent;border-color:rgb(var(--warning-6));color:rgb(var(--warning-6))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--warning-5))}.yc-button-outline.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--warning-7))}.yc-button-outline.yc-button-status-success{background-color:transparent;border-color:rgb(var(--success-6));color:rgb(var(--success-6))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--success-5))}.yc-button-outline.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--success-7))}.yc-button-outline.yc-button-status-danger{background-color:transparent;border-color:rgb(var(--danger-6));color:rgb(var(--danger-6))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{border-color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{border-color:rgb(var(--danger-7))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{color:rgb(var(--danger-5))}.yc-button-outline.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{color:rgb(var(--danger-7))}.yc-button-text.yc-button-status-normal{color:rgb(var(--primary-6));background-color:transparent}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-normal:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-warning{color:rgb(var(--warning-6));background-color:transparent}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-warning:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-success{color:rgb(var(--success-6));background-color:transparent}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-success:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-text.yc-button-status-danger{color:rgb(var(--danger-6));background-color:transparent}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):hover{background-color:var(--color-fill-2)}.yc-button-text.yc-button-status-danger:not(.yc-button-disabled):not(.yc-button-loading):active{background-color:var(--color-fill-3)}.yc-button-size-mini{height:24px;padding:0 11px;font-size:12px}.yc-button-size-mini .yc-button-icon{width:12px;height:12px;margin-right:4px}.yc-button-size-mini.yc-button-shape-circle{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon{width:24px;padding:0}.yc-button-size-mini.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-small{height:28px;padding:0 15px;font-size:14px}.yc-button-size-small .yc-button-icon{width:14px;height:14px;margin-right:6px}.yc-button-size-small.yc-button-shape-circle{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon{width:28px;padding:0}.yc-button-size-small.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-medium{height:32px;padding:0 15px;font-size:14px}.yc-button-size-medium .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-medium.yc-button-shape-circle{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon{width:32px;padding:0}.yc-button-size-medium.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-size-large{height:36px;padding:0 19px;font-size:14px}.yc-button-size-large .yc-button-icon{width:14px;height:14px;margin-right:8px}.yc-button-size-large.yc-button-shape-circle{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon{width:36px;padding:0}.yc-button-size-large.yc-button-only-icon .yc-button-icon{margin:0 }.yc-button-shape-square{border-radius:var(--border-radius-small)}.yc-button-shape-round{border-radius:30px}.yc-button-shape-circle{border-radius:var(--border-radius-circle)}.yc-button-group{display:inline-flex;align-items:center}.yc-button-group .yc-button{flex-shrink:0}.yc-button-group .yc-button:not(:first-child):not(:last-child){border-radius:var(--border-radius-none)}.yc-button-group .yc-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.yc-button-group .yc-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-right:none}.yc-button-group-dashed .yc-button:not(:first-child),.yc-button-group-outline .yc-button:not(:first-child){border-left:none}.yc-button-group-primary .yc-button:not(:last-child),.yc-button-group-status-primary .yc-button:not(:last-child){border-right:1px solid rgb(var(--primary-5))}.yc-button-group-secondary .yc-button:not(:last-child),.yc-button-group-status-secondary .yc-button:not(:last-child){border-right:1px solid var(--color-secondary-hover)}.yc-button-group-warning .yc-button:not(:last-child),.yc-button-group-status-warning .yc-button:not(:last-child){border-right:1px solid rgb(var(--warning-5))}.yc-button-group-success .yc-button:not(:last-child),.yc-button-group-status-success .yc-button:not(:last-child){border-right:1px solid rgb(var(--success-5))}.yc-button-group-danger .yc-button:not(:last-child),.yc-button-group-status-danger .yc-button:not(:last-child){border-right:1px solid rgb(var(--danger-5))}

package/es/Link/index.css

@@ -1 +1 @@
-.yc-link{cursor:pointer;padding:1px 4px;line-height:1.5715;background-color:transparent;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center;gap:6px}.yc-link .yc-link-icon{flex-shrink:0;color:inherit;font-size:12px;display:flex;justify-content:center;align-items:center}.yc-link .yc-link-icon .yc-spin{font-size:inherit;color:inherit}.yc-link-hoverable:hover{background-color:var(--color-fill-2)}.yc-link-hoverable:active{background-color:var(--color-fill-3)}.yc-link-disabled{cursor:not-allowed}.yc-link-loading{cursor:default;position:relative}.yc-link-status-normal{color:rgb(var(--primary-6))}.yc-link-status-normal.yc-link-loading,.yc-link-status-normal.yc-link-disabled{color:var(--color-link-light-3)}.yc-link-status-warning{color:rgb(var(--warning-6))}.yc-link-status-warning.yc-link-loading,.yc-link-status-warning.yc-link-disabled{color:var(--color-warning-light-3)}.yc-link-status-success{color:rgb(var(--success-6))}.yc-link-status-success.yc-link-loading,.yc-link-status-success.yc-link-disabled{color:var(--color-success-light-3)}.yc-link-status-danger{color:rgb(var(--danger-6))}.yc-link-status-danger.yc-link-loading,.yc-link-status-danger.yc-link-disabled{color:var(--color-danger-light-3)}
+.yc-link{cursor:pointer;padding:1px 4px;line-height:1.5715;background-color:transparent;border:none;border-radius:var(--border-radius-small);font-size:14px;font-weight:400;transition:all .1s cubic-bezier(0, 0, 1, 1);display:inline-flex;justify-content:center;align-items:center;gap:6px}.yc-link .yc-link-icon{flex-shrink:0;color:inherit;font-size:12px;display:flex;justify-content:center;align-items:center}.yc-link .yc-link-icon .yc-spin{font-size:inherit;color:inherit}.yc-link-hoverable:not(.yc-link-disabled):not(.yc-link-loading):hover{background-color:var(--color-fill-2)}.yc-link-hoverable:not(.yc-link-disabled):not(.yc-link-loading):active{background-color:var(--color-fill-3)}.yc-link-disabled{cursor:not-allowed}.yc-link-loading{cursor:default;position:relative}.yc-link-status-normal{color:rgb(var(--primary-6))}.yc-link-status-normal.yc-link-loading,.yc-link-status-normal.yc-link-disabled{color:var(--color-link-light-3)}.yc-link-status-warning{color:rgb(var(--warning-6))}.yc-link-status-warning.yc-link-loading,.yc-link-status-warning.yc-link-disabled{color:var(--color-warning-light-3)}.yc-link-status-success{color:rgb(var(--success-6))}.yc-link-status-success.yc-link-loading,.yc-link-status-success.yc-link-disabled{color:var(--color-success-light-3)}.yc-link-status-danger{color:rgb(var(--danger-6))}.yc-link-status-danger.yc-link-loading,.yc-link-status-danger.yc-link-disabled{color:var(--color-danger-light-3)}

package/es/Menu/hooks/useCalcMaxMenuItems.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { Direction } from '../../_shared/type';
+import { MenuTreeNode } from './useContext';
+interface UseCalcMaxMenuItemProps {
+    menuRef: Ref<HTMLDivElement | undefined>;
+    menuTree: Ref<MenuTreeNode[]>;
+    menuItemWidths: Ref<number[]>;
+    mode: Ref<Direction>;
+}
+export default function useCalcMaxMenuItem({ menuRef, menuTree, menuItemWidths, mode, }: UseCalcMaxMenuItemProps): {
+    max: Ref<number, number>;
+};
+export {};

package/es/Menu/hooks/useCalcMaxMenuItems.js

@@ -0,0 +1,84 @@
+import { ref, computed, watchEffect, watch } from "vue";
+import { throttle } from "../../_shared/utils/dom.js";
+import { useResizeObserver, unrefElement } from "../../node_modules/@vueuse/core/index.js";
+import "../../node_modules/b-tween/dist/b-tween.es.js";
+import "../../node_modules/dayjs/dayjs.min.js";
+import "../../node_modules/tinycolor2/esm/tinycolor.js";
+import "../../node_modules/dayjs/plugin/duration.js";
+import "../../node_modules/dayjs/plugin/toObject.js";
+import "../../node_modules/dayjs/plugin/isSameOrAfter.js";
+import "../../node_modules/dayjs/plugin/isSameOrBefore.js";
+import "../../_shared/utils/locale.js";
+import "../../_shared/utils/time.js";
+function useCalcMaxMenuItem({
+  menuRef,
+  menuTree,
+  menuItemWidths,
+  mode
+}) {
+  const max = ref(1e6);
+  const totalItems = computed(() => menuTree.value.length);
+  const ellipsisWidth = 58;
+  const ITEM_HORIZONTAL_GAP = 12;
+  const calculateMaxFitItems = (availableSpace) => {
+    let currentWidth = 0;
+    let count = 0;
+    for (let i = 0; i < totalItems.value; i++) {
+      const itemWidth = menuItemWidths.value[i];
+      if (itemWidth === void 0) {
+        return count;
+      }
+      const gap = i > 0 ? ITEM_HORIZONTAL_GAP : 0;
+      const itemTotalOccupiedWidth = itemWidth + gap;
+      if (currentWidth + itemTotalOccupiedWidth <= availableSpace) {
+        currentWidth += itemTotalOccupiedWidth;
+        count++;
+      } else {
+        break;
+      }
+    }
+    return count;
+  };
+  const updateMaxItems = () => {
+    const menuElement = unrefElement(menuRef);
+    if (!menuElement || mode.value !== "horizontal") {
+      max.value = menuTree.value.length;
+      return;
+    }
+    const style = window.getComputedStyle(menuElement);
+    const paddingLeft = parseFloat(style.paddingLeft) || 0;
+    const paddingRight = parseFloat(style.paddingRight) || 0;
+    const menuContentWidth = menuElement.clientWidth - paddingLeft - paddingRight;
+    let maxCount = calculateMaxFitItems(menuContentWidth);
+    if (maxCount < totalItems.value) {
+      const availableSpaceWithEllipsis = menuContentWidth - ellipsisWidth;
+      maxCount = calculateMaxFitItems(availableSpaceWithEllipsis);
+    }
+    max.value = Math.max(0, Math.min(maxCount, totalItems.value));
+  };
+  watchEffect((onCleanup) => {
+    if (mode.value === "horizontal") {
+      const { stop: stopResizeObserver } = useResizeObserver(
+        menuRef,
+        throttle(updateMaxItems, 200)
+      );
+      const unwatchWidths = watch(menuItemWidths, updateMaxItems, {
+        deep: true
+      });
+      const unwatchTree = watch(() => menuTree.value.length, updateMaxItems);
+      onCleanup(() => {
+        stopResizeObserver();
+        unwatchWidths();
+        unwatchTree();
+      });
+    } else {
+      updateMaxItems();
+    }
+  });
+  return {
+    max
+  };
+}
+export {
+  useCalcMaxMenuItem as default
+};

package/es/Menu/hooks/useContext.js

@@ -1,6 +1,5 @@
 import { toRefs, computed, useSlots, ref, provide, inject, isVNode } from "vue";
-import { throttle, valueToPx } from "../../_shared/utils/dom.js";
-import { useResizeObserver } from "../../node_modules/@vueuse/core/index.js";
+import { valueToPx } from "../../_shared/utils/dom.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import "../../node_modules/dayjs/dayjs.min.js";
@@ -13,6 +12,7 @@ import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_s
 import { useControlValue } from "../../_shared/utils/hooks.js";
 import "../../_shared/utils/locale.js";
 import "../../_shared/utils/time.js";
+import useCalcMaxMenuItem from "./useCalcMaxMenuItems.js";
 import useLayoutContext from "../../Layout/hooks/useSiderContext.js";
 import _sfc_main from "../SubMenu.vue.js";
 /* empty css              */
@@ -187,30 +187,15 @@ function useMenuContext() {
     });
     const menuItemWidths = ref([]);
     const menuTree = computed(() => buildMenuTree(menuTreeNodes.value));
-    const max = ref(1e6);
     const theme = computed(() => {
       return _theme.value || siderTheme.value || "light";
     });
-    if (mode.value == "horizontal") {
-      useResizeObserver(
-        menuRef,
-        throttle(() => {
-          const menuWidth = menuRef.value.offsetWidth - 52;
-          let maxCount = 0;
-          let totalWidth = 0;
-          for (let i = 0; i < menuTree.value.length; i++) {
-            const gap = i > 0 ? 4 : 0;
-            const curWidth = totalWidth + gap + menuItemWidths.value[i];
-            if (curWidth > menuWidth) {
-              break;
-            }
-            totalWidth = curWidth;
-            maxCount++;
-          }
-          max.value = maxCount;
-        }, 200)
-      );
-    }
+    const { max } = useCalcMaxMenuItem({
+      menuRef,
+      menuItemWidths,
+      menuTree,
+      mode
+    });
     provide(MENU_CONTEXT_KEY, {
       computedSelectedKeys,
       computedOpenKeys,

package/es/Transfer/TransferPanel.vue.js

@@ -58,7 +58,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       simple,
       sourceInputSearchProps,
       targetInputSearchProps,
-      slots,
       title: _title,
       emits
     } = useTransferContext().inject();

package/es/Transfer/hooks/useContext.d.ts

@@ -1,4 +1,4 @@
-import { Ref, Slots } from 'vue';
+import { Ref } from 'vue';
 import { TransferEmits, TransferItem, TransferItemValue } from '../type';
 import { InputProps } from '../../Input';
 import { RecordType } from '../../_shared/type';
@@ -17,7 +17,6 @@ type TransferContext = {
     showSearch: Ref<boolean>;
     oneWay: Ref<boolean>;
     simple: Ref<boolean>;
-    slots: Slots;
     emits: TransferEmits;
 };
 export default function useTransferContext(): {

package/es/Transfer/hooks/useContext.js

@@ -1,4 +1,4 @@
-import { toRefs, useSlots, computed, provide, inject, ref } from "vue";
+import { toRefs, computed, provide, inject, ref } from "vue";
 import "../../_shared/utils/dom.js";
 import "../../node_modules/b-tween/dist/b-tween.es.js";
 import "../../node_modules/dayjs/dayjs.min.js";
@@ -28,7 +28,6 @@ function useTransferContext() {
       disabled,
       title
     } = toRefs(props);
-    const slots = useSlots();
     const dataMap = computed(() => {
       return Object.fromEntries(data.value.map((item) => [item.value, item]));
     });
@@ -89,7 +88,6 @@ function useTransferContext() {
       showSelectAll,
       disabled,
       title,
-      slots,
       emits
     });
     return {
@@ -115,7 +113,6 @@ function useTransferContext() {
       showSelectAll: ref(false),
       sourceInputSearchProps: ref({}),
       targetInputSearchProps: ref({}),
-      slots: {},
       emits: () => {
       }
     });