@dt-frames/ui 1.0.51 → 2.0.0

package/es/style/assets/style/index.less

@@ -1,10 +0,0 @@
-@import './reset.less';
-
-@import '../../theme/theme.less';
-
-@import '../../components/container/index.less';
-@import '../../components/modal/src/index.less';
-@import '../../components/forms/src/index.less';
-@import '../../components/table/src/index.less';
-@import '../../components/icons/src/index.less';
-@import '../../components/iframe/src/index.less';

package/es/style/assets/style/reset.less

@@ -1,17 +0,0 @@
-// 这里是需要覆盖的css样式
-.ant-btn{
-    display: flex;
-    padding: 0 10px;
-    align-items: center;
-    justify-content: center;
-    svg{
-        display: block;
-    }
-    .dt-icon{
-        margin: 0 5px;
-    }
-}
-
-.ant-picker{
-    width: 100%;
-}

package/es/style/components/container/index.less

@@ -1,85 +0,0 @@
-.scroll-container {
-    width: 100%;
-    height: 100%;
-
-    .scrollbar__wrap {
-        overflow-x: hidden;
-    }
-
-    .scrollbar__view {
-        box-sizing: border-box;
-    }
-}
-
-.scrollbar {
-    position: relative;
-    height: 100%;
-    overflow: hidden;
-
-    &__wrap {
-        height: 100%;
-        overflow: auto;
-
-        &--hidden-default {
-            scrollbar-width: none;
-
-            &::-webkit-scrollbar {
-                display: none;
-                width: 0;
-                height: 0;
-                opacity: 0;
-            }
-        }
-    }
-
-    &__thumb {
-        position: relative;
-        display: block;
-        width: 0;
-        height: 0;
-        cursor: pointer;
-        background-color: rgba(144, 147, 153, 0.3);
-        border-radius: inherit;
-        transition: 0.3s background-color;
-
-        &:hover {
-            background-color: rgba(144, 147, 153, 0.5);
-        }
-    }
-
-    &__bar {
-        position: absolute;
-        right: 2px;
-        bottom: 2px;
-        z-index: 1;
-        border-radius: 4px;
-        opacity: 0;
-        -webkit-transition: opacity 80ms ease;
-        transition: opacity 80ms ease;
-
-        &.is-vertical {
-            top: 2px;
-            width: 6px;
-
-            & > div {
-                width: 100%;
-            }
-        }
-
-        &.is-horizontal {
-            left: 2px;
-            height: 6px;
-
-            & > div {
-                height: 100%;
-            }
-        }
-    }
-}
-
-.scrollbar:active > .scrollbar__bar,
-.scrollbar:focus > .scrollbar__bar,
-.scrollbar:hover > .scrollbar__bar {
-    opacity: 1;
-    transition: opacity 340ms ease-out;
-}

package/es/style/components/forms/index.less

@@ -1,107 +0,0 @@
-@import '../modal/index.less';
-
-.text-secondary{
-    color: #666;
-}
-
-.suffix-item .suffix {
-    display: inline-flex;
-    padding-left: 6px;
-    margin-top: 1px;
-    line-height: 1;
-    align-items: center;
-}
-
-.form-btns{
-    button{
-        margin-left: 12px;
-    }
-
-    .advanced{
-        margin-left: 8px;
-        .text{
-            margin-right: 5px;
-        }
-        .basic-arrow{
-            margin-left: -8px;
-        }
-    }
-}
-
-.basic-arrow{
-    display: inline-block;
-    cursor: pointer;
-    transform: rotate(0deg);
-    transition: all 0.3s ease 0.1s;
-    transform-origin: center center;
-
-    
-    .dt-icon{
-        vertical-align: middle;
-        color: @primary-color !important;
-    }
-
-    &--active{
-        transform: rotate(180deg);
-    }
-}
-
-.form-btns{
-    .ant-form-item-control-input-content{
-        display: flex;
-        .ant-btn{
-            display: flex;
-            align-items: center;
-        }
-        .ant-btn .dt-icon{
-            font-size: 20px;
-            height: 100%;
-
-            svg{
-                display: block;
-                height: 100%;
-                text-align: center;
-            }
-
-            .preIcon{
-                padding-right: 2px;
-            }
-        }
-
-        .ant-btn-primary .dt-icon svg{
-            color: #fff;
-        }
-    }
-}
-
-.basic-form--compact{
-    .ant-form-item {
-        margin-bottom: 14px !important;
-    }
-}
-
-.input-with-dialog{
-    position: relative;
-    span{
-        background: none;
-        cursor: pointer;
-    }
-
-    i{
-        position: absolute;
-        right: 15px;
-        top: 0;
-        bottom: 0;
-        margin: auto;
-        line-height: 32px;
-        opacity: 0.3;
-        cursor: pointer;
-    }
-    
-    .ant-input{
-        color: #333;
-        cursor: pointer;
-    }
-}
-
-

package/es/style/components/icons/index.less

@@ -1,108 +0,0 @@
-@primary-color: #269ac1;
-@icon-pick-hover-color: #269ac1;
-
-.svg-icon {
-    fill: currentColor;
-    vertical-align: middle;
-}
-
-.dt-icon{
-    display: inline-block;
-    text-align: center;
-    vertical-align: middle;
-    & > svg{
-        vertical-align: middle;
-    }
-}
-
-.dt-pick-icon {
-    display: flex;
-    flex-direction: row;
-    height: 500px;
-
-    &__menus{
-        height: 100%;
-        overflow-y: auto;
-        width: 140px;
-        border-right: 1px solid #e7e7e7;
-        border-top: 1px solid #e7e7e7;
-        background: #fff;
-        .menu{
-            border-bottom: 1px solid #e7e7e7;
-            padding: 8px;
-            text-align: center;
-            cursor: pointer;
-            transform: all 0.25s;
-            p{
-                font-size: 14px;
-                line-height: 24px;
-                margin: 0;
-                span{
-                    opacity: 0.7;
-                    font-size: 12px;
-                    padding-left: 6px;
-                }
-            }
-            &.active, &:hover{
-                background: @primary-color;
-                color: #fff;
-            }
-        }
-    }
-
-    &__content{
-        height: 100%;
-        overflow-y: auto;
-        flex: 1;
-        background: #fff;
-
-        .ant-input-search{
-            width: 50%;
-            margin: 0 25% 40px 25%;
-        }
-
-        &_item{
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            padding: 20px;
-            a {
-                margin: 6px;
-                line-height: 22px;
-                height: 30px;
-                width: 30px;
-                text-align: center;
-                cursor: pointer;
-                padding: 4px;
-                transform: all 0.2s;
-                border: 1px solid #fff;
-                &:hover, &.active-icon{
-                    border: 1px solid @primary-color;
-                    border-radius: 4px;
-                    color: @primary-color;
-                }
-            }
-
-            .ant-input-group-wrapper-sm{
-                input, .ant-btn-sm{
-                    height: 28px;
-                }
-            }
-        }
-
-        i{
-            font-size: 22px;
-        }
-    }
-}
-
-.dt-pick-icon-item{
-    .ant-tooltip-inner, .ant-tooltip-arrow-content {
-        background: #fff !important;
-        color: @icon-pick-hover-color ;
-    }
-}
-
-.dt-icon-dialog > div{
-    top: 0 !important;
-}

package/es/style/components/iframe/index.less

@@ -1,3 +0,0 @@
-.iframe-page{
-    height: 100%;
-}

package/es/style/components/iframe/src/index.less

@@ -1,3 +0,0 @@
-.iframe-page{
-    height: 100%;
-}

package/es/style/components/modal/index.less

@@ -1,60 +0,0 @@
-.fullscreen-modal {
-    overflow: hidden;
-
-    .ant-modal {
-        top: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-        width: 100% !important;
-        height: 100%;
-        padding: 0;
-
-        &-content {
-            height: 100%;
-        }
-    }
-}
-
-.dt-basic-modal-close {
-    display: flex;
-    height: 95%;
-    align-items: center;
-    justify-content: space-around;
-
-    > span {
-        margin-left: 48px;
-        font-size: 16px;
-    }
-
-    &--can-full {
-        margin-right: 15px;
-        > i {
-            padding-right: 15px;
-            width: 40px;
-        }
-    }
-
-    &:not(&--can-full) {
-        > i:nth-child(1) {
-            &:hover {
-                font-weight: 700;
-            }
-        }
-
-        &>i:nth-child(1) {
-            display: inline-block;
-            padding: 10px;
-
-            &:hover {
-                color: @primary-color;
-            }
-        }
-
-        &>i:last-child {
-            &:hover {
-                color: @error-color;
-            }
-        }
-    }
-}

package/es/style/components/table/index.less

@@ -1,217 +0,0 @@
-.table-striped td {
-    background-color: #fafafa;
-}
-
-.dt-table-header{
-    .dt-table-header-actions{
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-    }
-
-    .dt-table-header-actions__right{
-        display: flex;
-        .dt-icon{
-            margin: 0 5px;
-            cursor: pointer;
-        }
-    }
-}
-
-.column-setting{
-    &__check-item{
-        display: flex;
-        align-items: center;
-        min-width: 100%;
-        padding: 4px 16px 8px 0;
-    }
-    &__popover-title {
-        display: flex;
-    }
-}
-
-.column-setting__cloumn-list {
-    .ant-popover-inner-content{
-        padding: 12px 0 0 0;
-    }
-    .ant-checkbox-group {
-        width: 100%;
-        min-width: 260px;
-    }
-
-    .drag-icon{
-        margin: 0 5px;
-        cursor: move;
-    }
-
-    .ant-checkbox-wrapper{
-        flex: 1;
-    }
-
-    .dt-icon{
-        cursor: pointer;
-        display: flex;
-    }
-
-    .disabled{
-        .dt-icon{
-            cursor: not-allowed;
-            opacity: 0.5;
-        }
-    }
-
-    .active{
-        .dt-icon{
-            color: @primary-color !important;
-        }
-    }
-
-    .ant-popover-inner-content {
-        max-height: 400px;
-        overflow-y: auto;
-    }
-}
-
-.dt-table-action-btn{
-    width: 24px;
-    display: inline-block;
-    vertical-align: middle;
-    cursor: pointer;
-    i{
-        color: @primary-color;
-    }
-}
-
-.dt-table-action-dropdown{
-    vertical-align: middle;
-    cursor: pointer;
-}
-
-.ant-table-fixed-left table, .ant-table-fixed-right table{
-    width: min-content;
-}
-
-.ant-table-cell {
-    height: 44px !important;
-    line-height: 24px !important;
-    font-size: 14px !important;
-    padding: 4px 8px !important;
-} 
-
-.ant-table-small{
-    .ant-table-cell {
-        height: 32px !important;
-        line-height: 16px !important;
-        font-size: 12px !important;
-        padding: 2px 8px !important;
-    }
-}
-
-.ant-table-middle{
-    .ant-table-cell {
-        height: 38px !important;
-        line-height: 20px !important;
-        font-size: 13px !important;
-        padding: 4px 8px !important;
-    }  
-}
-
-.dt-action-select{
-    .ant-dropdown-menu-title-content{
-        display: flex;
-        align-items: center;
-        font-size: 13px;
-        svg{
-            display: block;
-        }
-
-        .dt-icon{
-            padding-right: 8px;
-        }
-    }
-}
-
-
-.dt-table{
-    .ant-table-pagination{
-        margin: 0 !important;
-        padding: 10px 0;
-        border: 1px solid #f0f0f0;
-    }
-    
-    .ant-table-title{
-        padding: 8px 0 !important;
-        border: none !important;
-    }
-
-    .ant-table-resize-handle{
-        right: -7px;
-        .ant-table-resize-handle-line{
-            width: 2px;
-        }
-    }
-
-    .ant-table-body {
-        position: relative;
-        table{
-            position: absolute;
-            top: 0;
-            left: 0;
-        }
-    }
-
-    .form-btns{
-        button:first-of-type {
-            margin-left: 0;
-        }
-    }
-
-    .ant-table-thead > tr > th{
-        font-weight: bolder;
-        color: #333;
-    }
-
-    .ant-input-number-sm, .ant-input-sm{
-        height: 26px;
-        font-size: 12px;
-        line-height: 26px;
-    }
-}
-
-.dt-table-no-pagation .ant-table-container {
-    border-bottom: 1px solid #f0f0f0;
-}
-
-.edit-cell-rule-popover .ant-popover-inner-content{
-    padding: 4px 8px;
-    color: #ed6f6f;
-    border-radius: 2px;
-}
-
-.ant-table-empty{
-    border-bottom: 1px solid #f0f0f0;
-    .ant-table-tbody{
-        .ant-table-cell{
-            border-bottom: none;
-            img{
-                width: 280px;
-            }
-        }
-    }
-}
-
-.column-select{
-    padding: 20px;
-
-    .ant-row{
-        width: 100%;
-        line-height: 32px;
-    }
-    .ant-divider-horizontal{
-        margin: 16px 0;
-    }
-}
-
-.ant-table-row-expand-icon{
-    margin: 0 8px;
-}

package/es/style/components/tree/index.less

@@ -1,53 +0,0 @@
-.dt-tree{
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-
-    .dt-tree-header{
-        .headerTitle{
-            text-align: center;
-            line-height: 32px;
-            font-weight: bolder;
-        }
-
-        .dt-tree-search{
-            display: flex;
-            padding: 0 0 10px 10px;
-            border-bottom: 1px solid #e7e7e7;
-            &>i{
-                width: 24px;
-                display: block;
-                text-align: center;
-                cursor: pointer;
-            }
-            .dt-tree-search-input{
-                flex: 1;
-                input{
-                    font-size: 12px;
-                }
-            }
-        }
-    }
-
-    .ant-spin-nested-loading{
-        flex: 1;
-        overflow-y: auto;
-        padding: 10px 0;
-
-        .tree-title{
-            font-size: 12px;
-        }
-    }
-}
-
-.dt-tree.middle .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 13px;
-    }
-}
-
-.dt-tree.large .ant-spin-nested-loading{
-    .tree-title{
-        font-size: 14px;
-    }
-}

package/es/style/theme/footer/index.less

@@ -1,16 +0,0 @@
-.dt-theme-footer{
-    text-align: center;
-    padding: 0;
-    width: 100%;
-    display: block;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    z-index: 1;
-    background: #ebeff5;
-    color: #b5b5b5;
-    border-top: 1px solid #e7e7e7;
-    span:first-of-type{
-        padding-right: 10px;
-    }
-}