@jetlinks-web/components 2.6.22 → 2.6.23

package/es/RadioButton/style/index.less

@@ -0,0 +1,19 @@
+@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/es/Scrollbar/style/index.css

@@ -0,0 +1,65 @@
+/* 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/es/Scrollbar/style/index.less

@@ -0,0 +1,83 @@
+@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/es/Search/style/Item.less

@@ -0,0 +1,33 @@
+.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/es/Search/style/Search.less

@@ -0,0 +1,179 @@
+@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/es/Title/style/index.css

@@ -0,0 +1,23 @@
+.j-title {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 16px;
+}
+.j-title .j-title-content {
+  position: relative;
+  padding-left: 10px;
+  color: rgba(0, 0, 0, 0.8);
+  font-weight: 600;
+  line-height: 1;
+}
+.j-title .j-title-content::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 100%;
+  background-color: #1890ff;
+  border-radius: 0 3px 3px 0;
+  content: ' ';
+}

package/es/Title/style/index.less

@@ -0,0 +1,25 @@
+.j-title {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin-bottom: 16px;
+
+  .j-title-content {
+    position: relative;
+    padding-left: 10px;
+    color: rgba(0, 0, 0, 0.8);
+    font-weight: 600;
+    line-height: 1;
+
+    &::before {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 4px;
+      height: 100%;
+      background-color: #1890ff;
+      border-radius: 0 3px 3px 0;
+      content: ' ';
+    }
+  }
+}