@jetlinks-web/components 2.0.30 → 2.0.32

package/es/ProLayout/TopHeader/index.less

@@ -0,0 +1,174 @@
+@import '../style/default.less';
+
+@top-nav-header-prefix-cls: ~'@{ant-prefix}-pro-top-nav-header';
+@pro-layout-global-header-prefix-cls: ~'@{ant-prefix}-pro-global-header';
+
+@pro-layout-header-bg: @component-background;
+@pro-layout-header-hover-bg: @component-background;
+@pro-layout-header-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+
+.@{pro-layout-global-header-prefix-cls} {
+    position: relative;
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding: 0 16px;
+    background: @pro-layout-header-bg;
+    box-shadow: @pro-layout-header-box-shadow;
+    > * {
+        height: 100%;
+    }
+
+    &-collapsed-button {
+        display: flex;
+        align-items: center;
+        margin-left: 16px;
+        font-size: 20px;
+    }
+
+    &-layout {
+        &-mix {
+            background-color: @layout-sider-background;
+            .@{pro-layout-global-header-prefix-cls}-logo {
+                h1 {
+                    color: @btn-primary-color;
+                }
+            }
+            .anticon {
+                color: @btn-primary-color;
+            }
+        }
+    }
+
+    &-logo {
+        position: relative;
+        overflow: hidden;
+        a {
+            display: flex;
+            align-items: center;
+            height: 100%;
+            img {
+                height: 28px;
+            }
+            h1 {
+                height: 32px;
+                margin: 0 0 0 8px;
+                margin: 0 0 0 12px;
+                color: @primary-color;
+                font-weight: 600;
+                font-size: 18px;
+                line-height: 32px;
+            }
+        }
+    }
+
+    &-menu {
+        .anticon {
+            margin-right: 8px;
+        }
+        .@{ant-prefix}-dropdown-menu-item {
+            min-width: 160px;
+        }
+    }
+
+    .dark {
+        height: @pro-layout-header-height;
+        .action {
+            color: rgba(255, 255, 255, 0.85);
+            > i {
+                color: rgba(255, 255, 255, 0.85);
+            }
+            &:hover,
+            &.opened {
+                background: @primary-color;
+            }
+            .@{ant-prefix}-badge {
+                color: rgba(255, 255, 255, 0.85);
+            }
+        }
+    }
+}
+
+.@{top-nav-header-prefix-cls} {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    box-shadow: 0 1px 4px 0 rgba(0, 21, 41, 0.12);
+    transition: background 0.3s, width 0.2s;
+
+    .@{ant-prefix}-menu {
+        background: transparent;
+    }
+
+    &.light {
+        background-color: @component-background;
+        .@{top-nav-header-prefix-cls}-logo {
+            h1 {
+                color: @heading-color;
+            }
+        }
+        .anticon {
+            color: inherit;
+        }
+    }
+
+    &-main {
+        display: flex;
+        height: 100%;
+        padding-left: 16px;
+        &-left {
+            display: flex;
+            min-width: 192px;
+        }
+    }
+
+    .anticon {
+        color: @btn-primary-color;
+    }
+
+    &-logo {
+        position: relative;
+        min-width: 165px;
+        height: 100%;
+        overflow: hidden;
+
+        img {
+            display: inline-block;
+            height: 32px;
+            vertical-align: middle;
+        }
+
+        h1 {
+            display: inline-block;
+            margin: 0 0 0 12px;
+            color: @btn-primary-color;
+            font-weight: 600;
+            font-size: 16px;
+            vertical-align: top;
+        }
+    }
+
+    &-menu {
+        min-width: 0;
+
+        .@{ant-prefix}-menu.@{ant-prefix}-menu-horizontal {
+            height: 100%;
+            border: none;
+
+            .@{ant-prefix}-menu-item {
+                height: 100%;
+
+                .@{ant-prefix}-badge {
+                    color: unset;
+                }
+            }
+        }
+    }
+}
+
+// replace sub.item
+.@{ant-prefix}-pro-menu-popup {
+    .@{ant-prefix}-badge {
+        color: unset;
+    }
+}

package/es/ProLayout/style/default.less

@@ -0,0 +1,4 @@
+@import 'ant-design-vue/es/style/themes/index.less';
+
+@basicLayout-prefix-cls: ~'@{ant-prefix}-pro-basicLayout';
+@pro-layout-header-height: 48px;

package/es/ProLayout/style/style.less

@@ -0,0 +1,7 @@
+@import './default.less';
+
+@import '../Basic/BasicLayout.less';
+@import '../Basic/Header.less';
+@import '../PageContainer/index.less';
+@import '../SiderMenu/index.less';
+@import '../TopHeader/index.less';

package/es/ProTable/style/index.css

@@ -0,0 +1,69 @@
+/* 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 */
+.jtable-body-spin {
+  min-height: 100%;
+  width: 100%;
+  padding: 16px 24px 24px;
+  background-color: #fff;
+}
+.jtable-body-spin .ant-spin-nested-loading {
+  height: 100%;
+}
+.jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
+  height: 100%;
+}
+.jtable-body-spin .jtable-body {
+  width: 100%;
+  box-sizing: border-box;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.jtable-body-spin .jtable-body .jtable-body-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
+  font-size: 16px;
+  color: #d9d9d9;
+}
+.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
+  padding: 0 8px;
+}
+.jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper-checked .right-button-icon {
+  color: #1890ff;
+}
+.jtable-body-spin .jtable-body .jtable-content {
+  flex: 1;
+  padding: 16px 0;
+}
+.jtable-body-spin .jtable-body .jtable-content .jtable-alert {
+  margin-bottom: 16px;
+}
+.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
+  display: grid;
+  grid-gap: 26px;
+}
+.jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
+  display: flex;
+  min-width: 0;
+}
+.jtable-body-spin .jtable-body .jtable-pagination {
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+.jtable-body-spin .jtable-body .j-table-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 10% 0;
+}

package/es/ProTable/style/index.less

@@ -0,0 +1,92 @@
+@import '../../style/variable.less';
+//@import 'ant-design-vue/es/style/themes/variable.less';
+
+.jtable-body-spin {
+    min-height: 100%;
+    width: 100%;
+    padding: 16px 24px 24px;
+    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;
+
+            .jtable-body-header-right {
+                display: flex;
+                gap: 8px;
+                align-items: center;
+
+                .jtable-body-header-right-button {
+                    .right-button-icon {
+                        font-size: 16px;
+                        color: #d9d9d9;
+                    }
+
+                    .ant-radio-button-wrapper {
+                        padding: 0 8px;
+                    }
+
+                    .ant-radio-button-wrapper-checked {
+                        .right-button-icon {
+                            color: @primary-color;
+                        }
+                    }
+                }
+            }
+        }
+
+        .jtable-content {
+            flex: 1;
+            padding: 16px 0;
+
+            .jtable-alert {
+                margin-bottom: 16px;
+            }
+
+            .jtable-card {
+                .jtable-card-items {
+                    display: grid;
+                    grid-gap: 26px;
+
+                    .jtable-card-item {
+                        display: flex;
+                        min-width: 0;
+                    }
+                }
+            }
+        }
+
+        .jtable-pagination {
+            // position: absolute;
+            // background-color: white;
+            // padding: 10px 0;
+            // right: 0;
+            // bottom: 0;
+            width: 100%;
+            display: flex;
+            justify-content: flex-end;
+        }
+
+        .j-table-empty {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            margin: 10% 0;
+        }
+    }
+}

package/es/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, 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-1715740841044"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716194139186"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 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, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1715740840309"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716194138546"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1715740840453"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716194138825"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

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/lib/CardSelect/style/index.css

@@ -0,0 +1,24 @@
+/* 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-card-select {
+  display: grid;
+  gap: 12px;
+}
+.j-card-select .j-card-select-item {
+  padding: 12px;
+  border: 1px solid #e6e6e6;
+  border-radius: 2px;
+  cursor: pointer;
+}
+.j-card-select .j-card-select-item.active {
+  border-color: #1890ff;
+}
+.j-card-select .j-card-select-item.disabled {
+  cursor: not-allowed;
+  opacity: 0.75;
+}
+.j-card-select .j-card-select-item .j-card-select-describe {
+  color: #263237;
+}

package/lib/CardSelect/style/index.less

@@ -1,4 +1,4 @@
-@import 'ant-design-vue/es/style/themes/index.less';
+@import '../../style/variable.less';
 
 .j-card-select {
   display: grid;

package/lib/Ellipsis/style/index.css

@@ -0,0 +1,17 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/Ellipsis/style/index.less

@@ -0,0 +1,20 @@
+.j-ellipsis {
+  overflow: hidden;
+  vertical-align: bottom;
+}
+
+.j-ellipsis-cursor {
+  cursor: pointer;
+}
+
+.j-ellipsis-line-clamp {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.j-ellipsis-deep {
+  max-height: 380px;
+  -webkit-line-clamp: 17;
+  text-overflow: ellipsis;
+}

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1715740839171"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1716194136644"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/ProLayout/Basic/BasicLayout.js

@@ -219,6 +219,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
       var linksRender = (0, _util.getSlot)(slots, props, 'linksRender');
       var logoRender = (0, _util.getSlot)(slots, props, 'logoRender');
       var historyRender = (0, _util.getSlot)(slots, props, 'historyRender');
+      var topHeaderMenuRender = (0, _util.getSlot)(slots, props, 'topHeaderMenuRender');
       var headerDom = (0, _vue.computed)(function () {
         return headerRender((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           menuItemRender: menuItemRender,
@@ -237,6 +238,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
           headerContentRender: headerContentRender,
           logo: logoRender || props.logo,
           headerRender: customHeaderRender,
+          topHeaderMenuRender: topHeaderMenuRender,
           theme: (props.theme || 'dark').toLocaleLowerCase().includes('dark') ? 'dark' : 'light'
         }), props.matchMenuKeys);
       });