@qsxy/element-plus-react 1.0.0-next.11 → 1.0.0-next.13

package/dist/theme-chalk/date-picker/index.scss

@@ -1,253 +0,0 @@
-@use '../common/var';
-
-@use 'sass:map';
-
-$input-height: () !default;
-$input-height: map.merge(
-    (
-        'large': var(--#{$namespace}-component-size-large),
-        'default': 32px,
-        'small': var(--#{$namespace}-component-size-small),
-    ),
-    $input-height
-);
-
-$input-line-height: () !default;
-$input-line-height: map.merge(
-    (
-        'large': var(--#{$namespace}-component-size-large),
-        'default': 32px,
-        'small': var(--#{$namespace}-component-size-small),
-    ),
-    $input-line-height
-);
-
-$input-font-size: () !default;
-$input-font-size: map.merge(
-    (
-        'large': 14px,
-        'default': 14px,
-        'small': 12px,
-    ),
-    $input-font-size
-);
-
-@mixin placeholder {
-    &::-webkit-input-placeholder {
-        color: var(--#{$namespace}-text-color-placeholder);
-    }
-    &:-moz-placeholder {
-        color: var(--#{$namespace}-text-color-placeholder);
-    }
-    &::-moz-placeholder {
-        color: var(--#{$namespace}-text-color-placeholder);
-    }
-    &:-ms-input-placeholder {
-        color: var(--#{$namespace}-text-color-placeholder);
-    }
-}
-
-.#{$namespace}-date-editor {
-    // --#{$namespace}-input-text-color: var(--#{$namespace}-text-color-regular);
-    // --#{$namespace}-input-border: var(--#{$namespace}-border);
-    // --#{$namespace}-input-hover-border: var(--#{$namespace}-border-color-hover);
-    // --#{$namespace}-input-focus-border: var(--#{$namespace}-color-primary);
-    // --#{$namespace}-input-transparent-border: 0 0 0 1px transparent inset;
-    // --#{$namespace}-input-border-color: var(--#{$namespace}-border-color);
-    // --#{$namespace}-input-border-radius: var(--#{$namespace}-border-radius-base);
-    // --#{$namespace}-input-bg-color: var(--#{$namespace}-fill-color-blank);
-    // --#{$namespace}-input-icon-color: var(--#{$namespace}-text-color-placeholder);
-    // --#{$namespace}-input-placeholder-color: var(--#{$namespace}-text-color-placeholder);
-    --#{$namespace}-input-hover-border-color: var(--#{$namespace}-border-color-hover);
-    // --#{$namespace}-input-clear-hover-color: var(--#{$namespace}-text-color-secondary);
-    // --#{$namespace}-input-focus-border-color: var(--#{$namespace}-color-primary);
-}
-
-.#{$namespace}-date-editor {
-    position: relative;
-    display: inline-block;
-    text-align: left;
-
-    // &.#{$namespace}-input,
-    // &.#{$namespace}-input__wrapper {
-    //     width: 250px;
-    // }
-
-    // .#{$namespace}-date-editor--monthrange {
-    //     &.#{$namespace}-input,
-    //     &.#{$namespace}-input__wrapper {
-    //         width: 300px;
-    //     }
-    // }
-
-    // .#{$namespace}-date-editor--daterange,
-    // .#{$namespace}-date-editor--timerange {
-    //     &.#{$namespace}-input,
-    //     &.#{$namespace}-input__wrapper {
-    //         width: 350px;
-    //     }
-    // }
-
-    // .#{$namespace}-date-editor--datetimerange {
-    //     &.#{$namespace}-input,
-    //     &.#{$namespace}-input__wrapper {
-    //         width: 400px;
-    //     }
-    // }
-
-    .#{$namespace}-date-editor--dates {
-        .#{$namespace}-input__wrapper {
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-
-    .close-icon {
-        cursor: pointer;
-    }
-
-    .clear-icon {
-        cursor: pointer;
-
-        &:hover {
-            color: #909399;
-        }
-    }
-
-    .#{$namespace}-range__icon {
-        height: inherit;
-        font-size: 14px;
-        color: var(--#{$namespace}-text-color-placeholder);
-        float: left;
-    }
-
-    .#{$namespace}-range-input {
-        appearance: none;
-        border: none;
-        outline: none;
-        display: inline-block;
-        height: 100%;
-        margin: 0;
-        padding: 0;
-        width: 39%;
-        text-align: center;
-        font-size: 14px;
-        background: transparent;
-        color: var(--#{$namespace}-text-color-regular);
-
-        @include placeholder();
-    }
-
-    .#{$namespace}-range-separator {
-        flex: 1;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        height: 100%;
-        padding: 0 5px;
-        margin: 0;
-        font-size: 14px;
-        word-break: break-all;
-        color: var(--#{$namespace}-text-color-primary);
-    }
-
-    .#{$namespace}-range__close-icon {
-        font-size: 14px;
-        color: var(--#{$namespace}-text-color-placeholder);
-        height: inherit;
-        width: unset;
-        cursor: pointer;
-
-        &:hover {
-            color: var(--#{$namespace}-color-primary);
-        }
-
-        svg {
-            vertical-align: middle;
-        }
-
-        &--hidden {
-            opacity: 0;
-            visibility: hidden;
-        }
-    }
-}
-
-.#{$namespace}-range-editor {
-    &.#{$namespace}-input__wrapper {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        padding: 3px 10px;
-        background-color: var(--#{$namespace}-input-bg-color, var(--#{$namespace}-fill-color-blank));
-        background-image: none;
-        transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-        height: map.get($input-height, default);
-        flex-grow: unset;
-    }
-
-    .#{$namespace}-icon {
-        height: 1em;
-    }
-
-    .#{$namespace}-range-input {
-        line-height: 1;
-    }
-
-    &.is-active {
-        box-shadow: 0 0 0 1px var(--#{$namespace}-color-primary) inset;
-
-        &:hover {
-            box-shadow: 0 0 0 1px var(--#{$namespace}-color-primary) inset;
-        }
-    }
-
-    &.is-disabled {
-        background-color: var(--#{$namespace}-disabled-bg-color);
-        border-color: var(--#{$namespace}-border-color-light);
-        color: var(--#{$namespace}-disabled-text-color);
-        cursor: not-allowed;
-
-        &:hover,
-        &:focus {
-            border-color: var(--#{$namespace}-border-color-light);
-        }
-
-        input {
-            // background-color: #f5f7fa;
-            color: var(--#{$namespace}-disabled-text-color);
-            cursor: not-allowed;
-
-            // &::placeholder {
-            //     color: #c0c4cc;
-            // }
-        }
-
-        .#{$namespace}-range-separator {
-            color: var(--#{$namespace}-disabled-text-color);
-        }
-
-        &:hover {
-            box-shadow: 0 0 0 1px var(--#{$namespace}-input-border-color, var(--#{$namespace}-border-color)) inset;
-        }
-    }
-}
-
-@each $size in (large, small) {
-    .#{$namespace}-range-editor--#{$size} {
-        line-height: map.get($input-height, $size);
-
-        &.#{$namespace}-input__wrapper {
-            height: map.get($input-height, $size);
-        }
-
-        .#{$namespace}-range-separator {
-            line-height: map.get($input-line-height, $size);
-            font-size: map.get($input-font-size, $size);
-        }
-
-        .#{$namespace}-range-input {
-            font-size: map.get($input-font-size, $size);
-        }
-    }
-}

package/dist/theme-chalk/date-time-picker/index.scss

@@ -1,3 +0,0 @@
-@import './time-picker';
-// @forward './time-spinner.scss';
-@import './time-range-picker';

package/dist/theme-chalk/date-time-picker/time-picker.scss

@@ -1,83 +0,0 @@
-@use '../common/var';
-
-@use 'sass:math';
-
-.#{$namespace}-time-panel {
-    border-radius: 2px;
-    position: relative;
-    width: 180px;
-    left: 0;
-    z-index: 1000;
-    user-select: none;
-    box-sizing: content-box;
-}
-.#{$namespace}-time-panel__content {
-    font-size: 0;
-    position: relative;
-    overflow: hidden;
-
-    &::after,
-    &::before {
-        content: '';
-        top: 50%;
-        position: absolute;
-        margin-top: -16px;
-        height: 32px;
-        z-index: -1;
-        left: 0;
-        right: 0;
-        box-sizing: border-box;
-        padding-top: 6px;
-        text-align: left;
-        border-top: 1px solid var(--#{$namespace}-border-color-light);
-        border-bottom: 1px solid var(--#{$namespace}-border-color-light);
-    }
-
-    &::after {
-        left: 50%;
-        margin-left: 12%;
-        margin-right: 12%;
-    }
-
-    &::before {
-        padding-left: 50%;
-        margin-right: 12%;
-        margin-left: 12%;
-    }
-
-    &.has-seconds {
-        &::after {
-            left: math.div(100%, 3) * 2;
-        }
-
-        &::before {
-            padding-left: math.div(100%, 3);
-        }
-    }
-}
-
-.#{$namespace}-time-panel__footer {
-    border-top: 1px solid var(--#{$namespace}-border-color-light);
-    padding: 4px;
-    height: 36px;
-    line-height: 25px;
-    text-align: right;
-    box-sizing: border-box;
-}
-
-.#{$namespace}-time-panel__btn {
-    border: none;
-    line-height: 28px;
-    padding: 0 5px;
-    margin: 0 5px;
-    cursor: pointer;
-    background-color: transparent;
-    outline: none;
-    font-size: 12px;
-    color: var(--#{$namespace}-text-color-primary);
-
-    &.confirm {
-        font-weight: 800;
-        color: var(--#{$namespace}-color-primary);
-    }
-}

package/dist/theme-chalk/date-time-picker/time-range-picker.scss

@@ -1,32 +0,0 @@
-@use '../common/var';
-
-.#{$namespace}-time-range-picker {
-    width: 354px;
-    overflow: visible;
-
-    &__content {
-        position: relative;
-        text-align: center;
-        padding: 10px;
-        z-index: 1;
-    }
-
-    &__cell {
-        box-sizing: border-box;
-        margin: 0;
-        padding: 4px 7px 7px;
-        width: 50%;
-        display: inline-block;
-    }
-
-    &__header {
-        margin-bottom: 5px;
-        text-align: center;
-        font-size: 14px;
-    }
-
-    &__body {
-        border-radius: 2px;
-        border: 1px solid #e4e7ed;
-    }
-}

package/dist/theme-chalk/descriptions/descriptions-item.scss

@@ -1,66 +0,0 @@
-@use '../common/var';
-
-@use 'sass:map';
-
-$descriptions-item-label-margin-right: () !default;
-$descriptions-item-label-margin-right: map.merge(
-    (
-        'large': 16px,
-        'default': 16px,
-        'small': 12px,
-    ),
-    $descriptions-item-label-margin-right
-);
-
-$descriptions-item-vertical-label-padding-bottom: () !default;
-$descriptions-item-vertical-label-padding-bottom: map.merge(
-    (
-        'large': 8px,
-        'default': 6px,
-        'small': 4px,
-    ),
-    $descriptions-item-vertical-label-padding-bottom
-);
-
-.#{$namespace}-descriptions {
-    @each $size in (large, small) {
-        .#{$namespace}-descriptions--#{$size} {
-            .#{$namespace}-descriptions__label {
-                &:not(.is-bordered-label) {
-                    margin-right: map.get($descriptions-item-label-margin-right, $size);
-                }
-
-                &.#{$namespace}-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-                    padding-bottom: map.get($descriptions-item-vertical-label-padding-bottom, $size);
-                }
-            }
-        }
-    }
-}
-
-.#{$namespace}-descriptions__label {
-    &.#{$namespace}-descriptions__cell.is-bordered-label {
-        font-weight: bold;
-        color: var(--#{$namespace}-text-color-regular);
-        background: var(--#{$namespace}-descriptions-item-bordered-label-background);
-    }
-
-    &:not(.is-bordered-label) {
-        color: var(--#{$namespace}-text-color-primary);
-        margin-right: map.get($descriptions-item-label-margin-right, 'default');
-    }
-
-    &.#{$namespace}-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-        padding-bottom: map.get($descriptions-item-vertical-label-padding-bottom, 'default');
-    }
-}
-
-.#{$namespace}-descriptions__content {
-    &.#{$namespace}-descriptions__cell.is-bordered-content {
-        color: var(--#{$namespace}-text-color-primary);
-    }
-
-    &:not(.is-bordered-label) {
-        color: var(--#{$namespace}-text-color-regular);
-    }
-}

package/dist/theme-chalk/descriptions/descriptions.scss

@@ -1,160 +0,0 @@
-@use '../common/var';
-
-@use 'sass:map';
-
-$input-font-size: () !default;
-$input-font-size: map.merge(
-    (
-        'large': 14px,
-        'default': 14px,
-        'small': 12px,
-    ),
-    $input-font-size
-);
-
-$descriptions-header-margin-bottom: () !default;
-$descriptions-header-margin-bottom: map.merge(
-    (
-        'large': 20px,
-        'default': 16px,
-        'small': 12px,
-    ),
-    $descriptions-header-margin-bottom
-);
-
-$descriptions-title-font-size: () !default;
-$descriptions-title-font-size: map.merge(
-    (
-        'large': 16px,
-        'default': 16px,
-        'small': 14px,
-    ),
-    $descriptions-title-font-size
-);
-
-$descriptions-cell-padding-bottom: () !default;
-$descriptions-cell-padding-bottom: map.merge(
-    (
-        'large': 16px,
-        'default': 12px,
-        'small': 8px,
-    ),
-    $descriptions-cell-padding-bottom
-);
-
-$descriptions-bordered-cell-padding: () !default;
-$descriptions-bordered-cell-padding: map.merge(
-    (
-        'large': 12px 15px,
-        'default': 8px 11px,
-        'small': 4px 7px,
-    ),
-    $descriptions-bordered-cell-padding
-);
-
-$descriptions-cell-font-size: () !default;
-$descriptions-cell-font-size: map.merge(
-    (
-        'large': 14px,
-        'default': 14px,
-        'small': 12px,
-    ),
-    $descriptions-cell-font-size
-);
-
-.#{$namespace}-descriptions {
-    --#{$namespace}-descriptions-table-border: 1px solid var(--#{$namespace}-border-color-lighter);
-    --#{$namespace}-descriptions-item-bordered-label-background: var(--#{$namespace}-fill-color-light);
-    box-sizing: border-box;
-    font-size: 14px;
-    color: var(--#{$namespace}-text-color-primary);
-}
-
-.#{$namespace}-descriptions__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: map.get($descriptions-header-margin-bottom, 'default');
-
-    .#{$namespace}-descriptions__title {
-        color: var(--#{$namespace}-text-color-primary);
-        font-size: map.get($descriptions-title-font-size, 'default');
-        font-weight: bold;
-    }
-}
-
-.#{$namespace}-descriptions__body {
-    background-color: var(--#{$namespace}-fill-color-blank);
-
-    .#{$namespace}-descriptions__table {
-        border-collapse: collapse;
-        width: 100%;
-
-        .#{$namespace}-descriptions__cell {
-            box-sizing: border-box;
-            text-align: left;
-            font-weight: normal;
-            line-height: 23px;
-            font-size: map.get($descriptions-cell-font-size, 'default');
-
-            &.is-left {
-                text-align: left;
-            }
-
-            &.is-center {
-                text-align: center;
-            }
-
-            &.is-right {
-                text-align: right;
-            }
-        }
-
-        &.is-bordered {
-            .#{$namespace}-descriptions__cell {
-                border: var(--#{$namespace}-descriptions-table-border);
-                padding: map.get($descriptions-bordered-cell-padding, 'default');
-            }
-        }
-
-        &:not(.is-bordered) {
-            .#{$namespace}-descriptions__cell {
-                padding-bottom: map.get($descriptions-cell-padding-bottom, 'default');
-            }
-        }
-    }
-}
-
-@each $size in (large, small) {
-    .#{$namespace}-descriptions--#{$size} {
-        font-size: map.get($input-font-size, $size);
-
-        .#{$namespace}-descriptions__header {
-            margin-bottom: map.get($descriptions-header-margin-bottom, $size);
-
-            .#{$namespace}-descriptions__title {
-                font-size: map.get($descriptions-title-font-size, $size);
-            }
-        }
-
-        .#{$namespace}-descriptions__body {
-            .#{$namespace}-descriptions__table {
-                .#{$namespace}-descriptions__cell {
-                    font-size: map.get($descriptions-cell-font-size, $size);
-                }
-
-                &.is-bordered {
-                    .#{$namespace}-descriptions__cell {
-                        padding: map.get($descriptions-bordered-cell-padding, $size);
-                    }
-                }
-
-                &:not(.is-bordered) {
-                    .#{$namespace}-descriptions__cell {
-                        padding-bottom: map.get($descriptions-cell-padding-bottom, $size);
-                    }
-                }
-            }
-        }
-    }
-}

package/dist/theme-chalk/descriptions/index.scss

@@ -1,2 +0,0 @@
-@import './descriptions.scss';
-@import './descriptions-item.scss';

package/dist/theme-chalk/dev.scss

@@ -1,2 +0,0 @@
-$fa-font-path: '/fonts' !default;
-@import './index.scss';