@jetlinks-web/components 2.7.1 → 2.7.3

package/es/ProTable/style/ProTable.less

@@ -0,0 +1,141 @@
+@import '../../style/variable.less';
+@import 'ant-design-vue/es/pagination/style/index.less';
+@import 'ant-design-vue/es/table/style/index.less';
+@import 'ant-design-vue/es/button/style/index.less';
+@import 'ant-design-vue/es/alert/style/index.less';
+@import 'ant-design-vue/es/radio/style/index.less';
+@import 'ant-design-vue/es/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%;
+    display: flex;
+    flex-direction: column;
+
+    .jtable-card-items {
+      height: 100%;
+      overflow-y: auto;
+      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;
+      }
+    }
+  }
+}
+
+.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/es/RadioButton/RadioButton.js

@@ -2,6 +2,7 @@
   "value": "props",
   "options": "props",
   "columns": "props",
+  "defineOptions": "setup-const",
   "ref": "setup-const",
   "computed": "setup-const",
   "watch": "setup-const",

package/es/RadioButton/style/index.css

@@ -0,0 +1,20 @@
+/* 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/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/Advanced/SaveHistory.js

@@ -22,7 +22,8 @@
   "saveHistory": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock } from "vue";
+import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1775015258864"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -79,7 +79,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "valueChange": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode } from "vue";
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1775015258124"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 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: ' ';
+    }
+  }
+}

package/es/Title/title.js

@@ -1,6 +1,7 @@
 /* Analyzed bindings: {
   "data": "props",
   "style": "props",
+  "defineOptions": "setup-const",
   "props": "setup-reactive-const"
 } */
 import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";