| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","button/button.less"],"names":[],"mappings":"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","sourcesContent":["@keyframes tdesign-fade-out {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n","// 公共前缀\n@prefix: t;\n\n.@{prefix}-float-left {\n float: left;\n}\n\n.@{prefix}-float-right {\n float: right;\n}\n","@import './_float.less';\n@import './_animation.less';\n\n.hotspot-expanded {\n \n &.relative {\n position: relative;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n transform: scale(1.5);\n }\n}","// @import (css) '../common/index.wxss';\n@import '../common/style/index.less';\n\n@primary-color-disabled: #bbd3fb;\n@danger-color-disabled: #f8b9be;\n@button-default-height: 40 * 2rpx;\n@button-default-line-height: @text-line-height;\n@button-default-font-size: @font-size * 1.4;\n@button-default-color: rgba(0, 0, 0, 0.9);\n@button-default-color--disabled: rgba(0, 0, 0, 0.26);\n@button-default-bg-color: #ffffff;\n@button-default-border-color: #dcdcdc;\n@button-anti-primary-color: @text-anti-primary-color;\n@button-primary-color: @primary-color;\n@button-primary-color--disabled: @primary-color-disabled;\n@button-danger-color: @error-color;\n@button-danger-color--disabled: @danger-color-disabled;\n@button-ghost-color: #fff;\n@button-ghost-border-color: @button-ghost-color;\n@button-ghost-color--disabled: rgba(255, 255, 255, 0.35);\n@button-text-color: @primary-color;\n@button-text-color--disabled: @primary-color-disabled;\n@button-border-width: 1px;\n@button-border-radius: 8rpx;\n@button-border-color: @primary-color;\n@button-ghost-color: #fff;\n@button-ghost-border-color: @button-ghost-color;\n@button-small-height: 36 * 2rpx;\n@button-small-line-height: 36 * 2rpx;\n@button-large-height: 44 * 2rpx;\n\n// button icon\n@button-icon-spacer: @spacer;\n@button-icon-border-radius: 8rpx;\n\n// padding\n@button-padding-horizontal: 32rpx;\n\n// 图标大小\n@button-icon-size-s: 40rpx;\n@button-icon-size-m: 44rpx;\n@button-icon-size-l: 48rpx;\n\n@button: ~'@{prefix}-button';\n\n.@{button} {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n white-space: nowrap;\n text-align: center;\n background-image: none;\n border: @button-border-width solid transparent;\n cursor: pointer;\n transition: all 0.3s;\n user-select: none;\n touch-action: manipulation;\n font-size: @button-default-font-size;\n height: @button-default-height;\n border-radius: @button-border-radius;\n color: @button-default-color;\n border-color: @button-default-border-color;\n background-color: #fff;\n outline: none;\n font-family: PingFang SC, Microsoft YaHei, Arial Regular;\n\n /* stylelint-disable-next-line */\n -webkit-appearance: none;\n\n &::after {\n background-color: #000;\n content: ' ';\n opacity: 0;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n }\n\n &:not(.@{prefix}-is-disabled):active::after {\n opacity: 0.1;\n }\n\n &__wrapper {\n display: flex;\n height: inherit;\n align-items: center;\n justify-content: center;\n }\n\n &--default {\n color: @button-default-color;\n background-color: @button-default-bg-color;\n border: 1px solid @button-default-border-color;\n\n &.@{prefix}-is-disabled {\n color: @button-default-color--disabled;\n }\n }\n\n &--primary {\n color: @button-anti-primary-color;\n background-color: @button-primary-color;\n border: 1px solid @button-primary-color;\n\n &.@{prefix}-is-disabled {\n background-color: @button-primary-color--disabled;\n border-color: @button-primary-color--disabled;\n }\n }\n\n &--danger {\n color: @button-anti-primary-color;\n background-color: @button-danger-color;\n border: 1px solid @button-danger-color;\n\n &.@{prefix}-is-disabled {\n background-color: @button-danger-color--disabled;\n border-color: @button-danger-color--disabled;\n }\n }\n\n &--text {\n color: @button-text-color;\n background: none;\n border: 0;\n\n &.@{prefix}-button--size-default {\n width: auto;\n height: auto;\n line-height: normal;\n padding: 0;\n }\n\n &.@{prefix}-is-disabled {\n color: @button-text-color--disabled;\n }\n }\n\n &--ghost {\n background-color: transparent;\n border: 1px solid @button-ghost-color;\n color: @button-ghost-border-color;\n\n &.@{prefix}-is-disabled {\n color: @button-ghost-color--disabled;\n border-color: @button-ghost-color--disabled;\n }\n }\n\n &--plain {\n background-color: transparent;\n &.@{prefix}-button--primary {\n color: @button-primary-color;\n\n &.@{prefix}-is-disabled {\n background-color: transparent;\n color: @button-primary-color--disabled;\n }\n }\n\n &.@{prefix}-button--danger {\n color: @button-danger-color;\n\n &.@{prefix}-is-disabled {\n background-color: transparent;\n color: @button-danger-color--disabled;\n }\n }\n }\n\n &--base {\n height: @button-default-height;\n line-height: @button-default-height;\n padding-left: (@button-padding-horizontal - @button-border-width);\n padding-right: (@button-padding-horizontal - @button-border-width);\n font-size: @button-default-font-size;\n }\n\n &--size {\n &-l {\n height: @button-large-height;\n line-height: @button-large-height;\n & .@{prefix}-button__icon {\n font-size: @button-icon-size-l;\n }\n\n & .@{prefix}-button--loading {\n width: @button-icon-size-l;\n height: @button-icon-size-l;\n }\n\n .@{prefix}-button--loading + .@{prefix}-button__content:not(:empty),\n .@{prefix}-button__icon + .@{prefix}-button__content:not(:empty) {\n margin-left: 16rpx;\n }\n }\n\n &-m {\n & .@{prefix}-button__icon {\n font-size: @button-icon-size-m;\n }\n\n & .@{prefix}-button--loading {\n width: @button-icon-size-m;\n height: @button-icon-size-m;\n }\n\n .@{prefix}-button--loading + .@{prefix}-button__content:not(:empty),\n .@{prefix}-button__icon + .@{prefix}-button__content:not(:empty) {\n margin-left: 8rpx;\n }\n }\n\n &-s {\n height: @button-small-height;\n line-height: @button-small-height;\n\n & .@{prefix}-button__icon {\n font-size: @button-icon-size-s;\n }\n\n & .@{prefix}-button--loading {\n width: @button-icon-size-s;\n height: @button-icon-size-s;\n }\n\n .@{prefix}-button--loading + .@{prefix}-button__content:not(:empty),\n .@{prefix}-button__icon + .@{prefix}-button__content:not(:empty) {\n margin-left: 8rpx;\n }\n }\n }\n\n &__icon {\n border-radius: @button-icon-border-radius;\n }\n\n // 圆角长方形\n &--round {\n &.@{prefix}-button--size {\n &-l {\n border-radius: (@button-large-height / 2);\n }\n\n &-m {\n border-radius: (@button-default-height / 2);\n }\n\n &-s {\n border-radius: (@button-small-height / 2);\n }\n }\n }\n\n // 正方形\n &--square {\n padding: 0;\n\n &.@{prefix}-button--size {\n &-l {\n width: @button-large-height;\n }\n\n &-m {\n width: @button-default-height;\n }\n\n &-s {\n width: @button-small-height;\n }\n }\n }\n\n // 圆形\n &--circle {\n padding: 0;\n\n &.@{prefix}-button--size {\n &-l {\n border-radius: 50%;\n width: @button-large-height;\n }\n\n &-m {\n border-radius: 50%;\n width: @button-default-height;\n }\n\n &-s {\n border-radius: 50%;\n width: @button-small-height;\n }\n }\n }\n\n &.@{prefix}-is {\n &-block {\n display: block;\n width: 100%;\n }\n\n &-disabled {\n cursor: not-allowed;\n }\n }\n\n &--loading {\n box-sizing: border-box;\n animation: rotate 0.8s linear infinite;\n .@{prefix}-button__circular {\n border-radius: 50%;\n width: 100%;\n height: 100%;\n opacity: 1;\n background: conic-gradient(\n from 90deg at 50% 50%,\n rgba(255, 255, 255, 0) 0% 0deg,\n currentColor 360deg,\n rgba(255, 255, 255, 1) 100% 360deg\n );\n mask: radial-gradient(transparent calc(50% - 1rpx), #fff 50%);\n\n /* stylelint-disable-next-line */\n -webkit-mask: radial-gradient(transparent calc(50% - 1rpx), #fff 50%);\n }\n }\n\n &.button-hover:after {\n border-radius: 8rpx;\n }\n}\n\n// button group\n.@{prefix}-button-group {\n & .@{prefix}-button {\n border: 0;\n border-radius: 0;\n box-shadow: 0;\n width: 100%;\n height: 100%;\n }\n}\n"],"file":"button.wxss"}
|
