@ditari/bsui 1.1.48 → 5.0.1

package/dist/style/layout/style/breadcrumb.scss

@@ -1,61 +0,0 @@
-@import "../../theme/variable.scss";
-.#{$prefix-name}-breadcrumb {
-  .ant-breadcrumb-separator {
-    display: none;
-  }
-  .breadcrumb {
-    display: flex;
-    .breadcrumb-item {
-      color: $bread-txt-color;
-      &:first-child {
-        .breadcrumb-link {
-          border-radius: 6px 0 0 6px;
-          clip-path: polygon(
-            0 0,
-            calc(100% - 8px) 0,
-            100% 50%,
-            calc(100% - 8px) 100%,
-            0 100%
-          );
-        }
-      }
-      &:last-child {
-        &:not(:first-child) {
-          .breadcrumb-link {
-            border-radius: 0 6px 6px 0;
-            clip-path: polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);
-          }
-        }
-      }
-    }
-  }
-
-  .breadcrumb-link {
-    display: block;
-    padding: 4px 12px;
-    background: #f0f2f5;
-    clip-path: polygon(
-      0 0,
-      calc(100% - 8px) 0,
-      100% 50%,
-      calc(100% - 8px) 100%,
-      0 100%,
-      8px 50%
-    );
-  }
-  a{
-    &.breadcrumb-link{
-      color:  $bread-link-txt-color;
-    }
-  }
-}
-
-.breadcrumb-enter-active {
-  transition: all 0.25s;
-}
-
-.breadcrumb-enter-from,
-.breadcrumb-leave-active {
-  opacity: 0;
-  transform: translateX(30px) skewX(-50deg);
-}

package/dist/style/layout/style/fuckmain.scss

@@ -1,21 +0,0 @@
-@import "../../theme/variable.scss";
-.ditari-fuck-top-layout {
-  position: fixed;
-  left: 200px;
-  right: 0;
-  z-index: 210;
-  display: flex;
-  background: $nav-tab-bg-color;
-  .ditari-bsui-nav {
-    flex: 1;
-    min-width: 0;
-  }
-  .ditari-side-collapsed{
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 42px;
-    cursor: pointer;
-    color: $fuck-main-collapsed-color
-  }
-}

package/dist/style/layout/style/index.scss

@@ -1,35 +0,0 @@
-
-@import "./breadcrumb";
-@import "./list";
-@import "./main";
-@import "./navtab";
-@import "./show";
-@import "./fuckmain";
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.1s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.main-enter-active {
-  transition: 0.2s;
-}
-
-.main-leave-active {
-  transition: 0.15s;
-}
-
-.main-enter-from {
-  opacity: 0;
-  margin-left: -20px;
-}
-
-.main-leave-to {
-  opacity: 0;
-  margin-left: 20px;
-}

package/dist/style/layout/style/list.scss

@@ -1,26 +0,0 @@
-@import "../../theme/variable.scss";
-.ditari-list-layout {
-  padding: 20px;
-  height: 100%;
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-  }
-  .ditari-list-table {
-    flex: 1;
-    .ant-card-body {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-    }
-  }
-  .ditari-list-form {
-    .ant-card-body {
-      padding-bottom: 0;
-    }
-  }
-
-  .wrapper {
-    height: 100%;
-  }
-}

package/dist/style/layout/style/main.scss

@@ -1,75 +0,0 @@
-@import "../../theme/variable.scss";
-.ditari-ant-back-top {
-  right: 4px;
-  bottom: 120px;
-}
-.ditari-layout {
-  height: 100%;
-  .ditari-layout-sider {
-    position: fixed;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 1;
-  }
-  .ditari-top-layout {
-    position: fixed;
-    left: 200px;
-    right: 0;
-    z-index: 210;
-  }
-  .ditari-layout-content {
-    min-height: auto;
-    margin-left: 200px;
-    margin-top: 84px;
-  }
-}
-
-
-.ditari-layout-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 15px;
-  height: 42px;
-  border-bottom: 1px solid #f0f2f5;
-  background-color: #fff;
-  .ditari-layout-header-left {
-    display: flex;
-    justify-content: center;
-    .ditari-side-collapsed {
-      margin-right: 20px;
-      cursor: pointer;
-      width: 42px;
-      line-height: 30px;
-      text-align: center;
-      transition-duration: 0.2s;
-      &:hover {
-        background-color: #f0f2f5;
-        border-radius: 4px;
-      }
-      .icon {
-        transition-duration: 0.2s;
-      }
-    }
-  }
-}
-.ditari-user-menu {
-  display: flex;
-  align-items: center;
-  height: 100%;
-  .ditari-operation-items {
-    margin-left: 10px;
-    height: 100%;
-    .ant-dropdown-link {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-    }
-  }
-}
-
-.collapsed-animation {
-  transform: rotate(-180deg);
-}

package/dist/style/layout/style/navtab.scss

@@ -1,146 +0,0 @@
-@import "../../theme/variable.scss";
-
-/*分割线*/
-@mixin tab-dividers {
-  .tab-dividers {
-    &::before {
-      opacity: 0;
-    }
-  }
-}
-
-.#{$prefix-name}-nav {
-  display: flex;
-  background: $nav-tab-bg-color;
-  .ant-tabs-nav {
-    margin: 0;
-  }
-  .ant-tabs-content-holder {
-    display: none;
-  }
-  .ant-tabs-nav-list{
-    padding-right: 30px;
-  }
-
-  .ant-tabs-tab {
-    position: relative;
-    margin-left: 0 !important;
-    border: 0 !important;
-    transition: none !important;
-    border-radius: 10px 10px 0 0 !important;
-    color: $nav-tab-text-color;
-    &:first-child,
-    &.ant-tabs-tab-active {
-      .tab-dividers {
-        &::before {
-          opacity: 0;
-        }
-      }
-
-    }
-
-    &.ant-tabs-tab-active {
-      // 标签激活时的背景色
-      background-color: $nav-tab-active-bg-color;
-      .tab-item{
-        color:  $nav-tab-active-txt-color;
-      }
-    }
-
-    &:not(.ant-tabs-tab-active) {
-      background: transparent;
-    }
-    &:hover {
-      &:not(.ant-tabs-tab-active) {
-        background: $nav-tab-hover-bg-color;
-        @include tab-dividers;
-        & + .ant-tabs-tab {
-          @include tab-dividers;
-        }
-      }
-    }
-    .ant-tabs-tab-btn {
-      display: flex;
-      align-items: center;
-    }
-    .tab-close {
-      padding: 4px;
-      margin-left: 10px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-
-      &:hover {
-        background-color: $nav-tab-close-hover-bg-color;
-        color: $nav-tab-close-hover-color;
-      }
-      .anticon {
-        margin: 0;
-      }
-    }
-  }
-  .ant-tabs-tab-active + .ant-tabs-tab {
-    @include tab-dividers;
-  }
-
-  .ant-tabs-nav-wrap {
-    padding: 4px 8px 0;
-  }
-
-  // 去除下边框
-  .ant-tabs-nav::before{
-    border-bottom-width: 0;
-  }
-
-  .ant-tabs-tab::before,
-  .ant-tabs-tab::after {
-    position: absolute;
-    bottom: 0;
-    content: "";
-    width: 20px;
-    height: 20px;
-    border-radius: 100%;
-    box-shadow: 0 0 0 40px transparent;
-  }
-  .ant-tabs-tab::before {
-    left: -20px;
-    clip-path: inset(50% -10px 0 50%);
-  }
-  .ant-tabs-tab::after {
-    right: -20px;
-    clip-path: inset(50% 50% 0 -10px);
-  }
-
-  .ant-tabs-tab:hover::before,
-  .ant-tabs-tab:hover::after {
-    box-shadow: 0 0 0 30px $nav-tab-hover-bg-color;
-  }
-
-  .ant-tabs-tab.ant-tabs-tab-active::before,
-  .ant-tabs-tab.ant-tabs-tab-active::after {
-    z-index: 10;
-    box-shadow: 0 0 0 30px $nav-tab-active-bg-color;
-  }
-
-  .tab-dividers {
-    position: absolute;
-    z-index: 0;
-    height: 14px;
-    top: 50%;
-    left: 0;
-    margin-top: -7px;
-    &::before {
-      content: "";
-      display: block;
-      position: absolute;
-      top: 0;
-      left: 1px;
-      bottom: 0;
-      width: 1px;
-      opacity: 1;
-      background-color: $nav-tab-dividers-color;
-      transition: opacity 0.2s ease, background-color 0.3s;
-    }
-  }
-}

package/dist/style/layout/style/show.scss

@@ -1,50 +0,0 @@
-@import "../../theme/variable.scss";
-.ditari-show-layout {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  height: 100%;
-  .ant-card {
-    margin-bottom: 10px;
-    .ant-card-head {
-      padding: 10px 24px;
-      .ant-card-head-title {
-        padding: 0;
-      }
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-  .ditari-page-header {
-    position: sticky;
-    top: $show-header-top;
-    z-index: 10;
-    padding: 4px 24px;
-    transition: all 0.3s;
-    &.active {
-      box-shadow: 7px 12px 20px 0 $box-shadow-color;
-    }
-  }
-  .ant-spin-nested-loading {
-    flex: 1;
-    .ant-spin-container {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-    }
-  }
-  .ditari-show-content {
-    flex: 1;
-  }
-  .ditari-show-footer {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 200px;
-    z-index: 10;
-    padding: 10px;
-    background: #fff;
-    box-shadow: 4px -2px 5px 3px $box-shadow-color;
-  }
-}

package/dist/style/menu/style/index.scss

@@ -1,26 +0,0 @@
-@import "../../theme/variable.scss";
-
-.ditari-menu {
-  // 菜单高度 $logo-height 为logo的高度
-  height: calc(100vh - $logo-height - $footer-slogan);
-  overflow: scroll;
-  &::-webkit-scrollbar {
-    width: 0 !important;
-    display: none;
-  }
-}
-
-.ditari-layout-sider {
-  background-color: $side-bg-color;
-  .ant-menu-dark {
-    background-color: $side-bg-color;
-    .ant-menu-inline.ant-menu-sub {
-      background-color: $side-menu-sub-bg-color;
-    }
-    .ant-menu{
-      &:before,&:after{
-        //display: none;
-      }
-    }
-  }
-}

package/dist/style/modal/style/index.scss

@@ -1,74 +0,0 @@
-@import "../../theme/variable.scss";
-
-.#{$prefix-name}-modal {
-  .ant-modal-body {
-    padding: 0;
-  }
-  .#{$prefix-name}-modal-content {
-    max-height: 200px;
-    overflow-y: scroll;
-    &::-webkit-scrollbar {
-      width: 0 !important;
-      display: none;
-    }
-  }
-}
-
-.ant-table.ant-table-bordered > .ant-table-container {
-  border-bottom: 1px solid #f0f0f0;
-}
-
-@media screen and (min-width: 320px) {
-  .modal {
-    font-size: 12px;
-  }
-}
-
-@media screen and (min-width: 640px) {
-  .modal {
-    font-size: 14px;
-  }
-}
-
-@media screen and (min-width: 1024px) {
-  .modal {
-    font-size: 16px;
-  }
-}
-
-@media screen and (min-width: 1440px) {
-  .modal {
-    font-size: 18px;
-  }
-}
-
-@media screen and (max-width: 640px) {
-  .modal-sm {
-    width: 100%;
-    height: 100%;
-    min-width: 240px;
-    min-height: 160px;
-  }
-}
-
-@media screen and (min-width: 640px) and (max-width: 1024px) {
-  .modal-md {
-    margin: 100px auto;
-    max-width: 600px;
-    max-height: 480px;
-  }
-}
-
-@media screen and (min-width: 1024px) and (max-width: 1440px) {
-  .modal-lg {
-    margin: 100px auto;
-    max-width: 800px;
-    max-height: 600px;
-  }
-}
-
-@media screen and (min-width: 1440px) {
-  .modal-xl {
-    margin: 100px auto;
-  }
-}

package/dist/style/table/style/index.scss

@@ -1,10 +0,0 @@
-@import "../../theme/variable.scss";
-
-.#{$prefix-name}-pagination {
-  margin-top: 24px;
-  text-align: center;
-}
-
-.ant-table.ant-table-bordered > .ant-table-container {
-  border-bottom: 1px solid #f0f0f0;
-}

package/dist/style/theme/theme.scss

@@ -1 +0,0 @@
-@import "./variable";

package/dist/style/theme/variable.scss

@@ -1,67 +0,0 @@
-// class 前缀
-$prefix-name: ditari-bsui;
-// 页面背景颜色
-$bg-color: #f0f2f5;
-//左侧logo高度
-$logo-height: 240px !default;
-// 左侧菜单底部图片
-$footer-slogan: 0px!default;
-/******======网格变量======******/
-//网格边框颜色
-$grid-border-color: #4e4e4e !default;
-// 网格里面输入框获取焦点时的边框颜色
-$grid-input-focus-border-color: #1890ff !default;
-//输入框校验不通过时候的颜色
-$grid-input-error-border-color: #ff4d4f !default;
-// 网格输入框边框宽度
-$grid-input-border-width: 2px !default;
-// 网格边框宽度
-$gird-border-width: 1px !default;
-// 网格里的输入框校验结果是否显示
-$gird-error-display: block !default;
-
-
-/******======左侧菜单======******/
-// 左侧菜单
-$logo-height: 40px !default;
-//左侧菜单北京颜色
-$side-bg-color: #162157 !default;
-//子菜单展开后的背景颜色
-$side-menu-sub-bg-color: #101847 !default;
-
-/******======多标签======******/
-// 背景色
-$nav-tab-bg-color: linear-gradient(270deg, #019cfe 0%, #0165fe 100%) !default;
-//分割符颜色
-$nav-tab-dividers-color: #fff !default;
-// 字体颜色
-$nav-tab-text-color: #fff !default;
-// 悬浮的背景色
-$nav-tab-hover-bg-color: #065de1 !default;
-// 激活时的字体颜色
-$nav-tab-active-txt-color: #0065b3!default;
-// 关闭按钮悬浮背景色
-$nav-tab-close-hover-bg-color: #63aeff!default;
-// 关闭按钮悬浮时候的字体颜色
-$nav-tab-close-hover-color: #fff!default;
-// 关闭按钮颜色
-$nav-tab-close-color: #fff!default;
-// 激活时的背景色
-$nav-tab-active-bg-color: #fff !default;
-
-/******======详情页，返回导航距离======******/
-$show-header-top: 84px!default;
-// show头部阴影
-$box-shadow-color: #e0e0e0 !default;
-
-/******======面包屑======******/
-// 背景色
-$bread-bg-color: #f0f2f5!default;
-// 链接字体颜色
-$bread-link-txt-color: #2589ff!default;
-// 面包屑文本颜色
-$bread-txt-color: #333;
-
-/******======FUCK MAIN======******/
-// 菜单收缩颜色
-$fuck-main-collapsed-color: #fff!default;

package/example/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script src="./src/main.ts" type="module"></script>
-  </body>
-</html>