| 1 |
- {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","steps/step-item.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 '../common/index.less';\n\n@connector-default-icon-width: 24px;\n@connector-normal-icon-width: 40px;\n@step-item-inner-max-width: 214px;\n@dot-steps-anchor-width: 12px;\n@title-content-margin-top: 5px;\n@title-color: rgba(0, 0, 0, 0.9);\n@title-color--default: rgba(0, 0, 0, 0.26);\n@step-error-title-color: @error-color;\n@step-error-bg-color: @error-color;\n@step-default-bg-color: #c5c5c5;\n\n@step-item-icon-color: #c5c5c5;\n@step-item-descrition-color: rgba(0, 0, 0, 0.4);\n@step-line-color: #c5c5c5;\n\n@step: ~'@{prefix}-step';\n@steps: ~'@{step}s';\n@item: ~'@{steps}-item';\n\n.step-item-basic() {\n .@{item} {\n flex: 1;\n vertical-align: top;\n position: relative;\n\n &__inner {\n position: relative;\n }\n\n &__icon {\n vertical-align: top;\n font-size: @font-size-base;\n position: relative;\n color: @border-level-2-color;\n\n &-number {\n display: block;\n display: flex;\n justify-content: center;\n align-items: center;\n width: @connector-default-icon-width;\n height: @connector-default-icon-width;\n text-align: center;\n border: 1px solid @step-item-icon-color;\n border-radius: 50%;\n color: @step-item-icon-color;\n }\n }\n\n &__content {\n text-align: center;\n }\n\n &__title {\n position: relative;\n // color: @title-color;\n color: @title-color--default;\n text-align: center;\n line-height: 22px;\n font-size: @font-size-base;\n text-align: center;\n margin-bottom: 4px;\n font-weight: 700;\n }\n\n &__description {\n color: @step-item-descrition-color;\n line-height: 20px;\n font-size: @font-size-s;\n }\n\n &__extra:not(:empty) {\n margin-top: @spacer;\n }\n }\n}\n\n// 连接线\n.connector-default(@direction; @isReverse:false) {\n & when (@direction = horizontal) {\n &.@{step}--not-last-child {\n .@{item}__inner {\n &:after {\n content: '';\n display: block;\n height: 1px;\n background: @primary-color;\n position: absolute;\n width: calc(100% - @connector-default-icon-width - 2px);\n left: calc(50% + @connector-default-icon-width / 2 + 1px);\n top: (@connector-default-icon-width / 2 + 1px);\n }\n &.@{item}__inner--large:after {\n top: calc(@connector-normal-icon-width / 2);\n width: calc(100% - @connector-normal-icon-width - 2px);\n left: calc(50% + @connector-normal-icon-width / 2 + 1px);\n }\n }\n\n &.@{step}--readonly {\n .@{item}--process,\n .@{item}--error,\n .@{item}--default {\n .@{item}__inner:after {\n background: @step-line-color;\n }\n }\n }\n }\n }\n & when(@direction = vertical) {\n &.@{step}--not-last-child {\n .@{item}__inner::after {\n content: '';\n display: block;\n height: calc(100% - @connector-default-icon-width - 2px);\n width: 1px;\n background: @step-line-color;\n transform: translateX(-50%);\n position: absolute;\n left: (@connector-default-icon-width / 2 + 1px);\n top: @connector-default-icon-width + 2px;\n }\n\n .@{item}--finish {\n .@{item}__inner:after {\n background: @primary-color;\n }\n }\n\n .@{item}--default {\n .@{item}__inner:after {\n background: @step-default-bg-color;\n }\n }\n }\n }\n}\n\n.default-number-status(@anchor-status) {\n & when(@anchor-status = default) {\n .@{item}__icon-number {\n border-color: @step-default-bg-color;\n color: @step-default-bg-color;\n }\n }\n & when(@anchor-status = finish) {\n .@{item}__icon-number {\n border-color: @primary-color;\n color: @primary-color;\n }\n }\n & when(@anchor-status = process) {\n .@{item}__icon-number {\n background: @primary-color;\n color: @text-anti-primary-color;\n border-color: @primary-color;\n }\n }\n & when(@anchor-status = error) {\n .@{item}__icon-number {\n color: @step-error-bg-color;\n border-color: @step-error-bg-color;\n }\n }\n}\n\n// 子步骤状态\n.default-sub-status(@status) {\n & when(@status = default) {\n color: #c5c5c5;\n .@{item}-sub-dot {\n &-item {\n background-color: #c5c5c5;\n }\n }\n }\n & when(@status = finish) {\n color: #000000;\n .@{item}-sub-dot {\n &-item {\n background-color: @primary-color;\n }\n }\n }\n & when(@status = process) {\n color: @primary-color;\n .@{item}-sub-dot {\n &-item {\n background-color: @primary-color;\n }\n }\n }\n & when(@status = error) {\n color: @step-error-bg-color;\n .@{item}-sub-dot {\n &-item {\n background-color: @step-error-bg-color;\n }\n }\n }\n}\n\n.step-item-basic();\n\n.@{step} {\n &--horizontal {\n // 内容最大宽度\n .@{item}__content {\n max-width: 80px;\n margin-top: @spacer;\n }\n\n .@{item} {\n &__inner {\n .@{item}-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n }\n }\n\n &--finish {\n .default-number-status(finish);\n .@{item}__title {\n color: @title-color;\n }\n }\n\n &--process {\n .default-number-status(process);\n .@{item}__title {\n color: @primary-color;\n }\n }\n\n &--error {\n .default-number-status(error);\n .@{item}__title {\n color: @step-error-title-color;\n }\n }\n\n &--default {\n .default-number-status(default);\n .@{item}__title,\n .@{item}__description {\n color: @title-color--default;\n }\n }\n }\n\n .connector-default(horizontal);\n }\n\n &--vertical {\n .@{item} {\n position: relative;\n\n &__inner :only-child.@{item}-wrapper {\n padding-bottom: 50rpx;\n }\n\n &-wrapper {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n justify-content: flex-start;\n }\n\n &-wrapper + .@{item}__sub-wrapper:not(:empty) {\n padding-top: 32rpx;\n padding-bottom: 48rpx;\n }\n\n &-sub {\n display: flex;\n width: 100%;\n height: 40rpx;\n align-items: center;\n padding-bottom: 8rpx;\n font-size: 24rpx;\n color: @primary-color;\n font-weight: 500;\n\n &-dot {\n display: flex;\n justify-content: center;\n width: @connector-default-icon-width;\n text-align: center;\n border: 1px solid transparent;\n color: @step-item-icon-color;\n z-index: 2;\n\n &-item {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: @primary-color;\n }\n }\n\n .@{item}-sub__content {\n margin-left: @spacer;\n }\n }\n\n &-sub-status {\n // 'default' | 'process' | 'finish' | 'error';\n &--default {\n .default-sub-status(default);\n }\n &--finish {\n .default-sub-status(finish);\n }\n\n &--process {\n .default-sub-status(process);\n }\n\n &--error {\n .default-sub-status(error);\n }\n }\n\n .@{item}-sub:last-child {\n padding-bottom: 0rpx;\n }\n\n &__content {\n margin-left: @spacer;\n margin-right: @spacer * 2;\n flex: 1;\n }\n\n &__title {\n text-align: left;\n margin-top: @title-content-margin-top;\n line-height: @font-size-base;\n margin-bottom: @spacer;\n }\n\n &__description {\n text-align: left;\n }\n }\n\n &.@{prefix}-step--default-anchor {\n .@{item} {\n &--default {\n .default-number-status(default);\n }\n\n &--finish {\n .default-number-status(finish);\n .@{item}__title {\n color: @title-color;\n }\n }\n\n &--process {\n .default-number-status(process);\n .@{item}__title {\n color: @primary-color;\n }\n }\n\n &--error {\n .default-number-status(error);\n .@{item}__title {\n color: @error-color;\n }\n }\n }\n\n .connector-default(vertical);\n }\n\n &.@{step}--dot-anchor {\n .@{item} {\n &__icon {\n &-dot {\n display: block;\n width: @dot-steps-anchor-width;\n height: @dot-steps-anchor-width;\n box-sizing: border-box;\n border: 2px solid @primary-color;\n border-radius: 50%;\n margin-top: 1px;\n }\n }\n\n // 子步骤dot宽度要和icon部分保持一致\n &-sub {\n &-dot {\n width: @dot-steps-anchor-width;\n box-sizing: border-box;\n border: 2px solid transparent;\n }\n }\n\n &__title {\n margin-top: 0;\n color: @title-color;\n }\n }\n\n &.@{step}--not-last-child {\n .@{item}__inner::after {\n content: '';\n display: block;\n height: calc(100% - @dot-steps-anchor-width);\n width: 1px;\n background: @border-level-2-color;\n transform: translateX(50%);\n position: absolute;\n left: (@dot-steps-anchor-width / 2 - 1rpx);\n top: @dot-steps-anchor-width + 1px;\n }\n }\n }\n }\n}\n\n.@{steps} {\n &-item__icon-number--large {\n width: @connector-normal-icon-width;\n height: @connector-normal-icon-width;\n }\n}\n"],"file":"step-item.wxss"}
|
