@qsxy/element-plus-react 1.0.2 → 2.0.0

package/theme-chalk/popper.scss--bak

@@ -1,86 +0,0 @@
-@use './mixins/config' as *;
-
-.#{$namespace}-popper {
-    // display: flex;
-    // flex-direction: column;
-    // align-items: baseline;
-    background-color: var(--#{$namespace}-bg-color-overlay);
-    color: #333;
-    font-size: 14px;
-    border-radius: 5px;
-    position: relative;
-    cursor: pointer;
-    border: 1px solid var(--#{$namespace}-border-color);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-    z-index: 100;
-
-    .#{$namespace}-popper__arrow:before {
-        border: 1px solid var(--#{$namespace}-border-color);
-        background: var(--#{$namespace}-bg-color-overlay);
-        right: 0;
-    }
-
-    &.is-dark {
-        background-color: var(--#{$namespace}-bg-color-overlay);
-        border: 1px solid var(--#{$namespace}-border-color);
-        color: #fafafa;
-
-        .#{$namespace}-popper__arrow:before {
-            background-color: var(--#{$namespace}-bg-color-overlay);
-            border: 1px solid var(--#{$namespace}-border-color);
-            right: 0;
-        }
-    }
-}
-
-.#{$namespace}-popper__arrow,
-.#{$namespace}-popper__arrow:before {
-    position: absolute;
-    width: 10px;
-    height: 10px;
-    z-index: -1;
-}
-
-.#{$namespace}-popper__arrow {
-    &:before {
-        content: ' ';
-        transform: rotate(45deg);
-        box-sizing: border-box;
-    }
-}
-
-.#{$namespace}-popper[data-popper-placement^='top'] .#{$namespace}-popper__arrow {
-    bottom: -6px;
-
-    &::before {
-        border-top-color: transparent;
-        border-left-color: transparent;
-    }
-}
-
-.#{$namespace}-popper[data-popper-placement^='bottom'] .#{$namespace}-popper__arrow {
-    top: -6px;
-
-    &::before {
-        border-bottom-color: transparent;
-        border-right-color: transparent;
-    }
-}
-
-.#{$namespace}-popper[data-popper-placement^='left'] .#{$namespace}-popper__arrow {
-    right: -6px;
-
-    &::before {
-        border-left-color: transparent;
-        border-bottom-color: transparent;
-    }
-}
-
-.#{$namespace}-popper[data-popper-placement^='right'] .#{$namespace}-popper__arrow {
-    left: -6px;
-
-    &::before {
-        border-right-color: transparent;
-        border-top-color: transparent;
-    }
-}

package/theme-chalk/radio-button.scss--bak

@@ -1,128 +0,0 @@
-@use './mixins/config' as *;
-
-.#{$namespace}-radio-button {
-    --#{$namespace}-radio-button-checked-bg-color: var(--#{$namespace}-color-primary);
-    --#{$namespace}-radio-button-checked-text-color: var(--#{$namespace}-color-white);
-    --#{$namespace}-radio-button-checked-border-color: var(--#{$namespace}-color-primary);
-    --#{$namespace}-radio-button-disabled-checked-fill: var(--#{$namespace}-disabled-bg-color);
-}
-
-.#{$namespace}-radio-button {
-    position: relative;
-    display: inline-block;
-    outline: none;
-
-    .#{$namespace}-radio-button__inner {
-        display: inline-block;
-        line-height: 1;
-        white-space: nowrap;
-        vertical-align: middle;
-        background: var(--#{$namespace}-button-bg-color, var(--#{$namespace}-fill-color-blank));
-        border: 1px solid var(--#{$namespace}-border-color);
-        font-weight: 500;
-        border-left: 0;
-        color: var(--#{$namespace}-button-text-color, var(--#{$namespace}-text-color-regular));
-        -webkit-appearance: none;
-        text-align: center;
-        box-sizing: border-box;
-        outline: none;
-        margin: 0;
-        position: relative;
-        cursor: pointer;
-        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        user-select: none;
-        padding: 8px 15px;
-        font-size: 14px;
-        border-radius: 0;
-
-        // @include button-size(
-        //   map.get($button-padding-vertical, 'default') - $button-border-width,
-        //   map.get($button-padding-horizontal, 'default') - $button-border-width,
-        //   map.get($button-font-size, 'default'),
-        //   0
-        // );
-
-        &:hover {
-            color: var(--#{$namespace}-color-primary);
-        }
-
-        & [class*='#{$namespace}-icon-'] {
-            line-height: 0.9;
-
-            & + span {
-                margin-left: 5px;
-            }
-        }
-    }
-
-    &:first-child {
-        .#{$namespace}-radio-button__inner {
-            border-left: 1px solid var(--#{$namespace}-border-color);
-            border-radius: 4px 0 0 4px;
-            box-shadow: none !important;
-        }
-    }
-
-    .#{$namespace}-radio-button__original-radio {
-        opacity: 0;
-        outline: none;
-        position: absolute;
-        z-index: -1;
-
-        &:checked {
-            & + .#{$namespace}-radio-button__inner {
-                color: var(--#{$namespace}-radio-button-checked-text-color);
-                background: var(--#{$namespace}-bg-color-primary, var(--#{$namespace}-color-primary));
-                border-color: var(--btn-border-color);
-                box-shadow: -1px 0 0 0 var(--#{$namespace}-color-primary);
-            }
-        }
-
-        &:disabled {
-            & + .#{$namespace}-radio-button__inner {
-                color: var(--#{$namespace}-disabled-text-color);
-                cursor: not-allowed;
-                background-image: none;
-                background-color: var(--#{$namespace}-button-disabled-bg-color, var(--#{$namespace}-fill-color-blank));
-                border-color: var(--#{$namespace}-button-disabled-border-color, var(--#{$namespace}-border-color-light));
-                box-shadow: none;
-            }
-            &:checked + .#{$namespace}-radio-button__inner {
-                background-color: var(--#{$namespace}-radio-button-disabled-checked-fill);
-            }
-        }
-    }
-
-    &:last-child {
-        .#{$namespace}-radio-button__inner {
-            border-radius: 0 4px 4px 0;
-        }
-    }
-
-    &:first-child:last-child {
-        .#{$namespace}-radio-button__inner {
-            border-radius: 4px;
-        }
-    }
-
-    &:focus:not(.is-focus):not(:active):not(.is-disabled) {
-        /*获得焦点时 样式提醒*/
-        box-shadow: 0 0 2px 2px var(--#{$namespace}-color-primary);
-    }
-}
-
-.#{$namespace}-radio-button--large {
-    .#{$namespace}-radio-button__inner {
-        padding: 12px 19px;
-        font-size: 14px;
-        border-radius: 0;
-    }
-}
-
-.#{$namespace}-radio-button--small {
-    .#{$namespace}-radio-button__inner {
-        padding: 7px 11px;
-        font-size: 12px;
-        border-radius: 0;
-    }
-}

package/theme-chalk/select/index.scss--bak

@@ -1,247 +0,0 @@
-@use '../mixins/config' as *;
-
-.#{$namespace}-select {
-    --#{$namespace}-select-border-color-hover: var(--#{$namespace}-border-color-hover);
-    --#{$namespace}-select-disabled-border: var(--#{$namespace}-disabled-border-color);
-    --#{$namespace}-select-close-hover-color: var(--#{$namespace}-text-color-secondary);
-    --#{$namespace}-select-input-color: var(--#{$namespace}-text-color-placeholder);
-    --#{$namespace}-select-multiple-input-color: var(--#{$namespace}-text-color-regular);
-    --#{$namespace}-select-input-focus-border-color: var(--#{$namespace}-color-primary);
-}
-
-.#{$namespace}-select {
-    display: inline-block;
-    position: relative;
-    // height: 32px;
-    // line-height: 32px;
-    font-size: 14px;
-    zoom: 1;
-    *display: inline;
-    width: 100%;
-
-    .#{$namespace}-select__trigger {
-        cursor: pointer;
-    }
-
-    .#{$namespace}-input__inner {
-        cursor: pointer;
-        display: inline-flex;
-    }
-
-    &.is-disabled {
-        .#{$namespace}-input__inner {
-            cursor: not-allowed;
-        }
-
-        .#{$namespace}-select__tags .#{$namespace}-tag--info {
-            background-color: var(--#{$namespace}-fill-color-darker);
-        }
-    }
-
-    .#{$namespace}-select__tags {
-        & > span {
-            display: inline-block;
-        }
-
-        .#{$namespace}-tag {
-            box-sizing: border-box;
-            border-color: transparent;
-            margin: 2px 6px 2px 0;
-        }
-    }
-
-    .#{$namespace}-select-tags-wrapper.has-prefix {
-        margin-left: 6px;
-    }
-}
-
-// .#{$namespace}-select--large {
-//     height: var(--#{$namespace}-component-size-large);
-//     line-height: var(--#{$namespace}-component-size-large);
-// }
-
-// .#{$namespace}-select--small {
-//     height: var(--#{$namespace}-component-size-small);
-//     line-height: var(--#{$namespace}-component-size-small);
-// }
-
-.#{$namespace}-select__tags {
-    position: absolute;
-    line-height: normal;
-    white-space: normal;
-    z-index: 1;
-    top: 50%;
-    transform: translateY(-50%);
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-    margin-right: 30px;
-}
-
-.#{$namespace}-select .#{$namespace}-select__tags .#{$namespace}-tag--info {
-    background-color: var(--#{$namespace}-fill-color);
-}
-
-.#{$namespace}-select-dorpdown {
-    .#{$namespace}-select-dropdown__wrap {
-        max-height: 274px;
-    }
-
-    .#{$namespace}-select-dropdown__list {
-        // box-sizing: border-box;
-        // width: 100%;
-        // border-radius: 4px;
-        // background-clip: padding-box;
-
-        position: relative;
-        // overflow-x: hidden;
-        // overflow-y: auto;
-        margin: 4px 0;
-        padding: 0;
-        max-height: 240px;
-        -webkit-overflow-scrolling: touch;
-        font-size: 14px;
-
-        .#{$namespace}-select-dropdown__item {
-            display: list-item;
-            cursor: pointer;
-            margin: 0;
-            padding: 0 15px;
-            list-style: none;
-            -webkit-touch-callout: none;
-            position: relative;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            color: var(--#{$namespace}-text-color-regular);
-            height: 34px;
-            line-height: 34px;
-            box-sizing: border-box;
-            cursor: pointer;
-
-            &.selected {
-                color: var(--#{$namespace}-color-primary);
-            }
-
-            &.hover {
-                background-color: var(--#{$namespace}-fill-color-light);
-            }
-
-            &.is-disabled {
-                color: var(--#{$namespace}-text-color-placeholder);
-                cursor: not-allowed;
-
-                &.hover {
-                    background-color: transparent;
-                    color: var(--#{$namespace}-text-color-placeholder);
-                }
-            }
-
-            &.no-data,
-            &.loading {
-                text-align: center;
-                margin: -4px 0;
-            }
-        }
-    }
-
-    .#{$namespace}-select__search {
-        position: relative;
-        z-index: 1010;
-        margin: 0;
-        padding: 3px 4px;
-        white-space: nowrap;
-
-        .#{$namespace}-clear {
-            cursor: pointer;
-            pointer-events: unset;
-        }
-    }
-
-    &.is-multiple .#{$namespace}-select-dropdown__item.selected:after {
-        content: '';
-        position: absolute;
-        top: 50%;
-        right: 20px;
-        border-top: none;
-        border-right: none;
-        background-repeat: no-repeat;
-        background-position: center;
-        background: var(--#{$namespace}-bg-color-primary, var(--#{$namespace}-color-primary));
-        mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
-            no-repeat;
-        mask-size: 100% 100%;
-        -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E")
-            no-repeat;
-        -webkit-mask-size: 100% 100%;
-        transform: translateY(-50%);
-        width: 16px;
-        height: 16px;
-    }
-}
-
-.#{$namespace}-select-group {
-    margin: 0;
-    padding: 0;
-
-    & .#{$namespace}-select-dropdown__item {
-        padding-left: 20px;
-    }
-}
-
-.#{$namespace}-select-group__wrap {
-    position: relative;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-
-    &:not(:last-of-type) {
-        padding-bottom: 24px;
-
-        &::after {
-            content: '';
-            position: absolute;
-            display: block;
-            left: 20px;
-            right: 20px;
-            bottom: 12px;
-            height: 1px;
-            background: var(--#{$namespace}-border-color-light);
-        }
-    }
-}
-
-.#{$namespace}-select-group__split {
-    .#{$namespace}-select-group__split-dash {
-        position: absolute;
-        left: 20px;
-        right: 20px;
-        height: 1px;
-        background: #e4e7ed;
-    }
-}
-
-.#{$namespace}-select-group__title {
-    padding-left: 20px;
-    font-size: 12px;
-    color: var(--#{$namespace}-color-info);
-    line-height: 30px;
-}
-
-.#{$namespace}-select__input {
-    border: none;
-    outline: none;
-    padding: 0;
-    margin-left: 15px;
-    color: var(--#{$namespace}-select-multiple-input-color);
-    font-size: 14px;
-    appearance: none;
-    height: 28px;
-    background-color: transparent;
-}
-
-.#{$namespace}-select__tooltip {
-    .#{$namespace}-tag {
-        margin: 5px;
-    }
-}