@jetlinks-web/components 3.0.1-rc → 3.0.1

package/lib/ProTable/style/ProTable.less

@@ -1,139 +0,0 @@
-@import '../../style/variable.less';
-@import 'ant-design-vue/lib/pagination/style/index.less';
-@import 'ant-design-vue/lib/table/style/index.less';
-@import 'ant-design-vue/lib/button/style/index.less';
-@import 'ant-design-vue/lib/alert/style/index.less';
-@import 'ant-design-vue/lib/radio/style/index.less';
-@import 'ant-design-vue/lib/spin/style/index.less';
-
-.jtable-body-spin {
-  height: 100%;
-  width: 100%;
-  background-color: #fff;
-
-  .ant-spin-nested-loading {
-    height: 100%;
-
-    .ant-spin-container {
-      height: 100%;
-    }
-  }
-
-  .jtable-body {
-    width: 100%;
-    box-sizing: border-box;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-.jtable-body-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-  width: 100%;
-  gap: 8px;
-
-  .jtable-body-header-left {
-    flex: 1;
-    min-width: 0;
-  }
-
-  .jtable-body-header-right {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-
-    .jtable-body-header-right-button {
-      width: 62px;
-
-      .right-button-icon {
-        font-size: 16px;
-        color: #d9d9d9;
-      }
-
-      .ant-radio-button-wrapper {
-        padding: 0 8px;
-      }
-
-      :deep(.ant-radio-button-wrapper-checked) {
-        color: @primary-color;
-      }
-    }
-  }
-}
-
-.jtable-box {
-  flex: 1;
-  min-height: 0;
-
-  .jtable-card {
-    height: 100%;
-    overflow-y: auto;
-
-    .jtable-card-items {
-      display: grid;
-      grid-gap: 26px;
-
-      .jtable-card-item {
-        display: flex;
-        min-width: 0;
-      }
-    }
-
-    .j-table-empty {
-      margin-top: 100px;
-    }
-  }
-
-  .ant-table-wrapper {
-    height: 100%;
-    .ant-table {
-      height: 100%;
-
-      .ant-table-container {
-        height: 100%;
-
-        .ant-table-content {
-          height: 100%;
-        }
-      }
-    }
-  }
-
-  .j-table-scroll {
-
-    .ant-table-container {
-      display: flex;
-      flex-direction: column;
-
-      .ant-table-body {
-        flex: 1;
-        min-height: 0;
-        overflow-y: auto;
-      }
-    }
-  }
-}
-
-.jtable-alert {
-  margin-bottom: 16px;
-}
-
-.jtable-pagination {
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 16px;
-
-  .hide-content {
-    .@{ant-prefix}-pagination-item,
-    & .@{ant-prefix}-pagination-jump-prev,
-    & .@{ant-prefix}-pagination-jump-next {
-      display: none;
-    }
-  }
-}
-

package/lib/RadioButton/style/index.css

@@ -1,20 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.j-radio-button {
-  display: grid;
-  gap: 16px;
-}
-.j-radio-button .j-radio-button-item {
-  padding: 6px 12px;
-  text-align: center;
-  height: 100%;
-  border-radius: 2px;
-  background-color: #f5f5f5;
-  cursor: pointer;
-}
-.j-radio-button .j-radio-button-item.active {
-  color: #fff;
-  background-color: #1890ff;
-}

package/lib/RadioButton/style/index.less

@@ -1,19 +0,0 @@
-@import '../../style/variable.less';
-.j-radio-button {
-  display: grid;
-  gap: 16px;
-
-  .j-radio-button-item {
-    padding: 6px 12px;
-    text-align: center;
-    height: 100%;
-    border-radius: 2px;
-    background-color: #f5f5f5;
-    cursor: pointer;
-
-    &.active {
-      color: #fff;
-      background-color: @primary-color;
-    }
-  }
-}

package/lib/Scrollbar/style/index.css

@@ -1,65 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.j-scrollbar {
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-}
-.j-scrollbar__wrap {
-  overflow: auto;
-  height: 100%;
-}
-.j-scrollbar__wrap--hidden-default {
-  scrollbar-width: none;
-}
-.j-scrollbar__wrap--hidden-default::-webkit-scrollbar {
-  display: none;
-}
-.j-scrollbar__thumb {
-  position: relative;
-  display: block;
-  width: 0;
-  height: 0;
-  cursor: pointer;
-  border-radius: inherit;
-  background-color: #909399;
-  transition: 0.3s background-color;
-  opacity: 0.3;
-}
-.j-scrollbar__thumb:hover {
-  background-color: #909399;
-  opacity: 0.5;
-}
-.j-scrollbar__bar {
-  position: absolute;
-  right: 2px;
-  bottom: 2px;
-  z-index: 1;
-  border-radius: 4px;
-}
-.j-scrollbar__bar--vertical {
-  width: 6px;
-  top: 2px;
-}
-.j-scrollbar__bar--vertical > div {
-  width: 100%;
-}
-.j-scrollbar__bar--horizontal {
-  height: 6px;
-  left: 2px;
-}
-.j-scrollbar__bar--horizontal > div {
-  height: 100%;
-}
-.j-scrollbar-fade-enter-active {
-  transition: opacity 340ms ease-out;
-}
-.j-scrollbar-fade-leave-active {
-  transition: opacity 120ms ease-out;
-}
-.j-scrollbar-fade-enter-from,
-.j-scrollbar-fade-leave-active {
-  opacity: 0;
-}

package/lib/Scrollbar/style/index.less

@@ -1,83 +0,0 @@
-@import '../../style/variable.less';
-@scrollbar-bg-color: #909399;
-@scrollbar-hover-bg-color: #909399;
-@scrollbar-hover-opacity: 0.5;
-@scrollbar-opacity: 0.3;
-@transition-duration: 0.3s;
-
-.j-scrollbar {
-  overflow: hidden;
-  position: relative;
-  height: 100%;
-
-  &__wrap {
-    overflow: auto;
-    height: 100%;
-
-    &--hidden-default {
-      scrollbar-width: none;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-  }
-
-  &__thumb {
-    position: relative;
-    display: block;
-    width: 0;
-    height: 0;
-    cursor: pointer;
-    border-radius: inherit;
-    background-color: @scrollbar-bg-color;
-    transition: @transition-duration background-color;
-    opacity: @scrollbar-opacity;
-
-    &:hover {
-      background-color: @scrollbar-hover-bg-color;
-      opacity: @scrollbar-hover-opacity;
-    }
-  }
-
-  &__bar {
-    position: absolute;
-    right: 2px;
-    bottom: 2px;
-    z-index: 1;
-    border-radius: 4px;
-
-    &--vertical {
-      width: 6px;
-      top: 2px;
-
-      > div {
-        width: 100%;
-      }
-    }
-
-    &--horizontal {
-      height: 6px;
-      left: 2px;
-
-      > div {
-        height: 100%;
-      }
-    }
-  }
-}
-
-.j-scrollbar-fade {
-  &-enter-active {
-    transition: opacity 340ms ease-out;
-  }
-
-  &-leave-active {
-    transition: opacity 120ms ease-out;
-  }
-
-  &-enter-from,
-  &-leave-active {
-    opacity: 0;
-  }
-}

package/lib/Search/style/Item.less

@@ -1,33 +0,0 @@
-.JSearch-item {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-
-    .JSearch-item--type {
-        width: 90px;
-        min-width: 0;
-        > span {
-            line-height: 34px;
-            font-weight: bold;
-        }
-    }
-
-    .JSearch-item--column {
-        width: 130px;
-        min-width: 0;
-    }
-
-    .JSearch-item--termType {
-        width: 110px;
-        min-width: 0;
-    }
-    .JSearch-item--label {
-        min-width: 40px;
-    }
-
-    .JSearch-item--value {
-        display: flex;
-        width: 0;
-        flex-grow: 1;
-    }
-}

package/lib/Search/style/Search.less

@@ -1,179 +0,0 @@
-@import '../../style/variable.less';
-.JSearch-warp {
-    padding: 24px;
-    background-color: #fff;
-    margin-bottom: 24px;
-
-    .pack-up {
-        .JSearch-items {
-            flex: 1 1 auto;
-
-            .left {
-                min-width: 380px;
-                max-width: 580px;
-            }
-        }
-    }
-
-    &.senior {
-        > .JSearch-content {
-            display: flex;
-            .JSearch-footer {
-                display: flex;
-                gap: 64px;
-                position: relative;
-
-                .more-btn {
-                    .more-text {
-                        padding-right: 24px;
-                    }
-                    .more-icon {
-                        transition: transform 0.3s;
-                        transform: rotateZ(90deg);
-                        font-size: 14px;
-
-                        &.more-up {
-                            transform: rotateZ(-90deg);
-                        }
-                    }
-                }
-
-                &.expand {
-                    margin-top: 16px;
-                    width: 100%;
-                    justify-content: space-between;
-                }
-
-                .JSearch-footer--btns {
-                    display: flex;
-                    gap: 12px;
-                }
-            }
-
-            .items-expand {
-                display: flex;
-                gap: 16px;
-
-                .left,
-                & .right {
-                    min-width: 0;
-                    flex: 1 1 0;
-                }
-
-                .left-items,
-                & .right-items {
-                    display: flex;
-                    gap: 16px;
-                    flex-direction: column;
-                }
-
-                .center {
-                    display: flex;
-                    flex-direction: column;
-                    justify-content: center;
-                }
-
-                &.vertical {
-                    flex-direction: column;
-                    .center {
-                        flex-direction: row;
-                        justify-content: center;
-                    }
-                }
-            }
-
-            &.senior-expand {
-                flex-direction: column;
-            }
-
-            &.small {
-                gap: 12px;
-                .JSearch-footer {
-                    gap: 4px;
-                }
-            }
-        }
-    }
-
-    .JSearch-content {
-        &.simple {
-            .JSearch-footer--btns {
-                display: flex;
-                gap: 12px;
-            }
-
-            .JSearch-item {
-                gap: 8px;
-
-                .JSearch-item--label {
-                    text-align: right;
-                }
-            }
-        }
-    }
-
-    .no-radius {
-        border-radius: 0;
-        border-color: #f1f1f1;
-    }
-
-    .search-history-warp {
-        position: relative;
-
-        .search-history-button {
-            padding-right: 32px;
-        }
-
-        .search-history-button-icon {
-            position: absolute;
-            width: 24px;
-            height: 18px;
-            right: 6px;
-            top: 8px;
-            color: #fff;
-            line-height: 18px;
-            text-align: center;
-            font-weight: bold;
-            > span {
-                font-size: 14px;
-            }
-        }
-    }
-}
-
-.search-history-empty {
-    padding: 12px 12px 6px 12px;
-    background-color: #fff;
-}
-
-.search-history-items {
-    width: 120px;
-    max-height: 300px;
-    overflow-y: auto;
-    .search-history-item {
-        display: flex;
-        padding: 4px 0px 4px 4px;
-        align-items: center;
-        gap: 4px;
-
-        &:hover {
-            background-color: #f1f1f1;
-        }
-
-        .history-item--title {
-            width: calc(100% - 30px);
-            cursor: pointer;
-        }
-
-        .delete {
-            padding: 0 6px;
-            flex: 0 0 28px;
-        }
-    }
-}
-
-.search-history-list-pop {
-    .ant-popover-inner-content {
-        padding: 0;
-    }
-}

package/lib/Skeleton/style/Skeleton.less

@@ -1,166 +0,0 @@
-@j-skeleton-size-lg: 36px;
-@j-skeleton-size-sm: 16px;
-@j-skeleton-size: 24px;
-@j-skeleton-border-radius: 8px;
-@j-skeleton-bg: #f0f2f5;
-@j-skeleton-bg-1: #e6e8eb;
-@j-skeleton-border: 4px solid @j-skeleton-bg;
-
-.j-skeleton-flex {
-  display: flex;
-  gap: 24px;
-  margin-bottom: 16px;
-}
-
-.j-skeleton-flex-between {
-  .j-skeleton-flex();
-  justify-content: space-between;
-  align-items: center;
-}
-
-.j-skeleton-flex-column {
-  .j-skeleton-flex();
-  justify-content: space-between;
-}
-
-.j-skeleton {
-  height: 100%;
-  &-item {
-    background: linear-gradient(90deg, @j-skeleton-bg 25%, @j-skeleton-bg-1 50%, @j-skeleton-bg 75%);
-    background-size: 400% 100%;
-    border-radius: @j-skeleton-border-radius;
-    height: @j-skeleton-size;
-  }
-
-  &-item-active {
-    animation: wave 1.8s ease-in-out infinite;
-  }
-
-  &-item-lg {
-    height: @j-skeleton-size-lg;
-  }
-
-  &-item-sm {
-    height: @j-skeleton-size-sm;
-  }
-
-  @keyframes wave {
-    0% { background-position: 200% 0 }
-    100% { background-position: -200% 0 }
-  }
-
-  &-dashboard-card {
-    .j-skeleton-flex();
-    border: @j-skeleton-border;
-    border-radius: @j-skeleton-border-radius;
-    height: 100%;
-    padding: 24px;
-    flex-direction: column;
-  }
-
-  &-tabs {
-    display: flex;
-    gap: 16px;
-    margin: 60px 0 20px 0;
-    border-bottom: @j-skeleton-border;
-    padding: 16px 0;
-  }
-
-  &-desc {
-    display: flex;
-    flex-direction: column;
-    margin-bottom: 24px;
-
-    &-content {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 36px;
-      margin-top: 24px;
-    }
-
-    &-item {
-      display: flex;
-      gap: 16px;
-    }
-  }
-
-  &-box {
-    border-bottom: @j-skeleton-border;
-    padding: 16px 0;
-  }
-
-  &-table-cell {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) 200px;
-    gap: 24px;
-    padding: 12px 6px;
-    border-radius: 8px;
-  }
-
-  &-table-header {
-    background-color: lightgrey;
-  }
-
-  &-table-action {
-    width: 200px;
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
-    gap: 24px;
-  }
-
-  &-cards {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 16px;
-  }
-
-  &-card {
-    .j-skeleton-card-content {
-      display: flex;
-      gap: 16px;
-      border: 2px solid #f0f2f5;
-      border-radius: 8px;
-      padding: 24px;
-      margin-bottom: 16px;
-
-      .j-skeleton-image {
-        width: 100px;
-        height: 100px;
-      }
-
-      .j-skeleton-right {
-        flex: 1;
-        min-width: 200px;
-
-        .j-skeleton-right-content {
-          display: flex;
-          gap: 16px;
-          margin-top: 16px;
-
-          .j-skeleton-right-content-item {
-            flex: 1;
-            min-width: 100px;
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-          }
-        }
-      }
-    }
-
-    .j-skeleton-action {
-      display: flex;
-      justify-content: flex-end;
-      gap: 16px;
-
-      .btn {
-        flex: 1;
-        min-width: 100px;
-      }
-
-      .delete {
-        flex: 0 0 100px;
-      }
-    }
-  }
-}