@jetlinks-web/components 2.5.5 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/es/DragModal/style/index.less +97 -97
  2. package/es/EditTable/components/Search/sort.js +1 -1
  3. package/es/FlameGraph/index.js +5 -0
  4. package/es/FullPage/FullPage.js +1 -1
  5. package/es/ProTable/style/ProTable.less +139 -0
  6. package/es/RadioButton/style/index.css +20 -0
  7. package/es/RadioButton/style/index.less +1 -0
  8. package/es/Scrollbar/style/index.css +65 -0
  9. package/es/Scrollbar/style/index.less +83 -0
  10. package/es/Search/Advanced/SaveHistory.js +1 -1
  11. package/es/Search/Item.js +1 -1
  12. package/es/Search/style/Item.less +33 -0
  13. package/es/Search/style/Search.less +179 -0
  14. package/es/Title/style/index.css +23 -0
  15. package/es/Title/style/index.less +25 -0
  16. package/es/components.js +2 -1
  17. package/es/locale/en-US.js +4 -0
  18. package/es/locale/zh-CN.js +4 -0
  19. package/lib/DragModal/style/index.less +97 -97
  20. package/lib/EditTable/components/Search/sort.js +1 -1
  21. package/lib/FlameGraph/index.js +12 -0
  22. package/lib/FullPage/FullPage.js +1 -1
  23. package/lib/ProTable/style/ProTable.less +139 -0
  24. package/lib/RadioButton/style/index.css +20 -0
  25. package/lib/RadioButton/style/index.less +1 -0
  26. package/lib/Scrollbar/style/index.css +65 -0
  27. package/lib/Scrollbar/style/index.less +83 -0
  28. package/lib/Search/Advanced/SaveHistory.js +1 -1
  29. package/lib/Search/Item.js +1 -1
  30. package/lib/Search/style/Item.less +33 -0
  31. package/lib/Search/style/Search.less +179 -0
  32. package/lib/Title/style/index.css +23 -0
  33. package/lib/Title/style/index.less +25 -0
  34. package/lib/components.js +7 -0
  35. package/lib/locale/en-US.js +4 -0
  36. package/lib/locale/zh-CN.js +4 -0
  37. package/lib/style/components.less +9 -0
  38. package/package.json +5 -3
@@ -1,97 +1,97 @@
1
- @import "ant-design-vue/es/style/themes/index.less";
2
- @boxColor: rgb(@primary-color);
3
-
4
- // 弹窗动画
5
- .dialog-enter-active,
6
- .dialog-leave-active {
7
- transition: opacity .5s;
8
- }
9
-
10
- .dialog-enter,
11
- .dialog-leave-to {
12
- opacity: 0;
13
- }
14
-
15
- .jetlinks-drag-modal {
16
- position: fixed;
17
- z-index: 1000;
18
-
19
- .jetlinks-drag-modal-sprite {
20
- position: absolute;
21
- width: 100%;
22
- height: 100%;
23
- display: flex;
24
- flex-direction: column;
25
- overflow: hidden;
26
- z-index: 23456765435;
27
- background-color: #ffffff;
28
- border-radius: 4px;
29
- border: 1px solid #91CAFF;
30
- box-shadow: 0 3px 8px 0 rgba(#1677FF, 0.24);
31
-
32
- .header {
33
- padding: 5px 15px;
34
- font-size: 18px;
35
- font-weight: 700;
36
- color: #333;
37
- display: flex;
38
- justify-content: space-between;
39
- align-items: center;
40
- border-bottom: 1px solid #f0f0f0;
41
- cursor: move;
42
- }
43
-
44
- .jetlinks-drag-modal-body {
45
- flex: 1;
46
- min-height: 0;
47
- overflow-y: auto;
48
- padding: 24px 20px;
49
- }
50
-
51
- .jetlinks-drag-modal-footer {
52
- border-top: 1px solid #f0f0f0;
53
- padding: 5px 15px;
54
- text-align: right;
55
- }
56
- }
57
-
58
- .jetlinks-drag-modal-range {
59
- position: absolute;
60
- width: 16px;
61
- height: 16px;
62
- border-radius: 100%;
63
- z-index: 23456765436;
64
-
65
- .drag-bottom-right, .drag-top-left {
66
- &:hover {
67
- cursor: nwse-resize
68
- }
69
- }
70
-
71
- .drag-bottom-left, .drag-top-right {
72
- &:hover {
73
- cursor: nesw-resize
74
- }
75
- }
76
-
77
- .drag-top-right {
78
- top: -6px;
79
- right: -6px;
80
- }
81
-
82
- .drag-top-left {
83
- top: -6px;
84
- left: -6px;
85
- }
86
-
87
- .drag-bottom-right {
88
- bottom: -6px;
89
- right: -6px;
90
- }
91
-
92
- .drag-bottom-left {
93
- bottom: -6px;
94
- left: -6px;
95
- }
96
- }
97
- }
1
+ @import "ant-design-vue/es/style/themes/index.less";
2
+ @boxColor: rgb(@primary-color);
3
+
4
+ // 弹窗动画
5
+ .dialog-enter-active,
6
+ .dialog-leave-active {
7
+ transition: opacity .5s;
8
+ }
9
+
10
+ .dialog-enter,
11
+ .dialog-leave-to {
12
+ opacity: 0;
13
+ }
14
+
15
+ .jetlinks-drag-modal {
16
+ position: fixed;
17
+ z-index: 1000;
18
+
19
+ .jetlinks-drag-modal-sprite {
20
+ position: absolute;
21
+ width: 100%;
22
+ height: 100%;
23
+ display: flex;
24
+ flex-direction: column;
25
+ overflow: hidden;
26
+ z-index: 23456765435;
27
+ background-color: #ffffff;
28
+ border-radius: 4px;
29
+ border: 1px solid #91CAFF;
30
+ box-shadow: 0 3px 8px 0 rgba(#1677FF, 0.24);
31
+
32
+ .header {
33
+ padding: 5px 15px;
34
+ font-size: 18px;
35
+ font-weight: 700;
36
+ color: #333;
37
+ display: flex;
38
+ justify-content: space-between;
39
+ align-items: center;
40
+ border-bottom: 1px solid #f0f0f0;
41
+ cursor: move;
42
+ }
43
+
44
+ .jetlinks-drag-modal-body {
45
+ flex: 1;
46
+ min-height: 0;
47
+ overflow-y: auto;
48
+ padding: 24px 20px;
49
+ }
50
+
51
+ .jetlinks-drag-modal-footer {
52
+ border-top: 1px solid #f0f0f0;
53
+ padding: 5px 15px;
54
+ text-align: right;
55
+ }
56
+ }
57
+
58
+ .jetlinks-drag-modal-range {
59
+ position: absolute;
60
+ width: 16px;
61
+ height: 16px;
62
+ border-radius: 100%;
63
+ z-index: 23456765436;
64
+
65
+ .drag-bottom-right, .drag-top-left {
66
+ &:hover {
67
+ cursor: nwse-resize
68
+ }
69
+ }
70
+
71
+ .drag-bottom-left, .drag-top-right {
72
+ &:hover {
73
+ cursor: nesw-resize
74
+ }
75
+ }
76
+
77
+ .drag-top-right {
78
+ top: -6px;
79
+ right: -6px;
80
+ }
81
+
82
+ .drag-top-left {
83
+ top: -6px;
84
+ left: -6px;
85
+ }
86
+
87
+ .drag-bottom-right {
88
+ bottom: -6px;
89
+ right: -6px;
90
+ }
91
+
92
+ .drag-bottom-left {
93
+ bottom: -6px;
94
+ left: -6px;
95
+ }
96
+ }
97
+ }
@@ -42,7 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
42
42
  "onDesc": "setup-const"
43
43
  } */
44
44
  import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
45
- const _withScopeId = n => (_pushScopeId("data-v-1743503004503"), n = n(), _popScopeId(), n);
45
+ const _withScopeId = n => (_pushScopeId("data-v-1744096039592"), n = n(), _popScopeId(), n);
46
46
  const _hoisted_1 = { class: "jetlinks-table-sort-content" };
47
47
  const _hoisted_2 = { class: "jetlinks-table-sort-title" };
48
48
  const _hoisted_3 = { class: "table-sort-body" };
@@ -0,0 +1,5 @@
1
+ import FlameGraph from './index.js';
2
+ FlameGraph.install = function (app) {
3
+ app.component(FlameGraph.name, FlameGraph);
4
+ };
5
+ export default FlameGraph;
@@ -9,7 +9,7 @@
9
9
  } */
10
10
  import { defineComponent as _defineComponent } from 'vue';
11
11
  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";
12
- const _withScopeId = n => (_pushScopeId("data-v-1743503002476"), n = n(), _popScopeId(), n);
12
+ const _withScopeId = n => (_pushScopeId("data-v-1744096037379"), n = n(), _popScopeId(), n);
13
13
  const _hoisted_1 = { class: "full-page-warp-content" };
14
14
  import { ref, inject } from 'vue';
15
15
  import { useElementBounding } from '@vueuse/core';
@@ -0,0 +1,139 @@
1
+ @import '../../style/variable.less';
2
+ @import 'ant-design-vue/es/pagination/style/index.less';
3
+ @import 'ant-design-vue/es/table/style/index.less';
4
+ @import 'ant-design-vue/es/button/style/index.less';
5
+ @import 'ant-design-vue/es/alert/style/index.less';
6
+ @import 'ant-design-vue/es/radio/style/index.less';
7
+ @import 'ant-design-vue/es/spin/style/index.less';
8
+
9
+ .jtable-body-spin {
10
+ height: 100%;
11
+ width: 100%;
12
+ background-color: #fff;
13
+
14
+ .ant-spin-nested-loading {
15
+ height: 100%;
16
+
17
+ .ant-spin-container {
18
+ height: 100%;
19
+ }
20
+ }
21
+
22
+ .jtable-body {
23
+ width: 100%;
24
+ box-sizing: border-box;
25
+ height: 100%;
26
+ display: flex;
27
+ flex-direction: column;
28
+ }
29
+ }
30
+
31
+ .jtable-body-header {
32
+ display: flex;
33
+ justify-content: space-between;
34
+ align-items: center;
35
+ margin-bottom: 16px;
36
+ width: 100%;
37
+ gap: 8px;
38
+
39
+ .jtable-body-header-left {
40
+ flex: 1;
41
+ min-width: 0;
42
+ }
43
+
44
+ .jtable-body-header-right {
45
+ display: flex;
46
+ gap: 8px;
47
+ align-items: center;
48
+
49
+ .jtable-body-header-right-button {
50
+ width: 62px;
51
+
52
+ .right-button-icon {
53
+ font-size: 16px;
54
+ color: #d9d9d9;
55
+ }
56
+
57
+ .ant-radio-button-wrapper {
58
+ padding: 0 8px;
59
+ }
60
+
61
+ :deep(.ant-radio-button-wrapper-checked) {
62
+ color: @primary-color;
63
+ }
64
+ }
65
+ }
66
+ }
67
+
68
+ .jtable-box {
69
+ flex: 1;
70
+ min-height: 0;
71
+
72
+ .jtable-card {
73
+ height: 100%;
74
+ overflow-y: auto;
75
+
76
+ .jtable-card-items {
77
+ display: grid;
78
+ grid-gap: 26px;
79
+
80
+ .jtable-card-item {
81
+ display: flex;
82
+ min-width: 0;
83
+ }
84
+ }
85
+
86
+ .j-table-empty {
87
+ margin-top: 100px;
88
+ }
89
+ }
90
+
91
+ .ant-table-wrapper {
92
+ height: 100%;
93
+ .ant-table {
94
+ height: 100%;
95
+
96
+ .ant-table-container {
97
+ height: 100%;
98
+
99
+ .ant-table-content {
100
+ height: 100%;
101
+ }
102
+ }
103
+ }
104
+ }
105
+
106
+ .j-table-scroll {
107
+
108
+ .ant-table-container {
109
+ display: flex;
110
+ flex-direction: column;
111
+
112
+ .ant-table-body {
113
+ flex: 1;
114
+ min-height: 0;
115
+ overflow-y: auto;
116
+ }
117
+ }
118
+ }
119
+ }
120
+
121
+ .jtable-alert {
122
+ margin-bottom: 16px;
123
+ }
124
+
125
+ .jtable-pagination {
126
+ width: 100%;
127
+ display: flex;
128
+ justify-content: flex-end;
129
+ margin-top: 16px;
130
+
131
+ .hide-content {
132
+ .@{ant-prefix}-pagination-item,
133
+ & .@{ant-prefix}-pagination-jump-prev,
134
+ & .@{ant-prefix}-pagination-jump-next {
135
+ display: none;
136
+ }
137
+ }
138
+ }
139
+
@@ -0,0 +1,20 @@
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable no-duplicate-selectors */
3
+ /* stylelint-disable */
4
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
+ .j-radio-button {
6
+ display: grid;
7
+ gap: 16px;
8
+ }
9
+ .j-radio-button .j-radio-button-item {
10
+ padding: 6px 12px;
11
+ text-align: center;
12
+ height: 100%;
13
+ border-radius: 2px;
14
+ background-color: #f5f5f5;
15
+ cursor: pointer;
16
+ }
17
+ .j-radio-button .j-radio-button-item.active {
18
+ color: #fff;
19
+ background-color: #1890ff;
20
+ }
@@ -1,3 +1,4 @@
1
+ @import '../../style/variable.less';
1
2
  .j-radio-button {
2
3
  display: grid;
3
4
  gap: 16px;
@@ -0,0 +1,65 @@
1
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2
+ /* stylelint-disable no-duplicate-selectors */
3
+ /* stylelint-disable */
4
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5
+ .j-scrollbar {
6
+ overflow: hidden;
7
+ position: relative;
8
+ height: 100%;
9
+ }
10
+ .j-scrollbar__wrap {
11
+ overflow: auto;
12
+ height: 100%;
13
+ }
14
+ .j-scrollbar__wrap--hidden-default {
15
+ scrollbar-width: none;
16
+ }
17
+ .j-scrollbar__wrap--hidden-default::-webkit-scrollbar {
18
+ display: none;
19
+ }
20
+ .j-scrollbar__thumb {
21
+ position: relative;
22
+ display: block;
23
+ width: 0;
24
+ height: 0;
25
+ cursor: pointer;
26
+ border-radius: inherit;
27
+ background-color: #909399;
28
+ transition: 0.3s background-color;
29
+ opacity: 0.3;
30
+ }
31
+ .j-scrollbar__thumb:hover {
32
+ background-color: #909399;
33
+ opacity: 0.5;
34
+ }
35
+ .j-scrollbar__bar {
36
+ position: absolute;
37
+ right: 2px;
38
+ bottom: 2px;
39
+ z-index: 1;
40
+ border-radius: 4px;
41
+ }
42
+ .j-scrollbar__bar--vertical {
43
+ width: 6px;
44
+ top: 2px;
45
+ }
46
+ .j-scrollbar__bar--vertical > div {
47
+ width: 100%;
48
+ }
49
+ .j-scrollbar__bar--horizontal {
50
+ height: 6px;
51
+ left: 2px;
52
+ }
53
+ .j-scrollbar__bar--horizontal > div {
54
+ height: 100%;
55
+ }
56
+ .j-scrollbar-fade-enter-active {
57
+ transition: opacity 340ms ease-out;
58
+ }
59
+ .j-scrollbar-fade-leave-active {
60
+ transition: opacity 120ms ease-out;
61
+ }
62
+ .j-scrollbar-fade-enter-from,
63
+ .j-scrollbar-fade-leave-active {
64
+ opacity: 0;
65
+ }
@@ -0,0 +1,83 @@
1
+ @import '../../style/variable.less';
2
+ @scrollbar-bg-color: #909399;
3
+ @scrollbar-hover-bg-color: #909399;
4
+ @scrollbar-hover-opacity: 0.5;
5
+ @scrollbar-opacity: 0.3;
6
+ @transition-duration: 0.3s;
7
+
8
+ .j-scrollbar {
9
+ overflow: hidden;
10
+ position: relative;
11
+ height: 100%;
12
+
13
+ &__wrap {
14
+ overflow: auto;
15
+ height: 100%;
16
+
17
+ &--hidden-default {
18
+ scrollbar-width: none;
19
+
20
+ &::-webkit-scrollbar {
21
+ display: none;
22
+ }
23
+ }
24
+ }
25
+
26
+ &__thumb {
27
+ position: relative;
28
+ display: block;
29
+ width: 0;
30
+ height: 0;
31
+ cursor: pointer;
32
+ border-radius: inherit;
33
+ background-color: @scrollbar-bg-color;
34
+ transition: @transition-duration background-color;
35
+ opacity: @scrollbar-opacity;
36
+
37
+ &:hover {
38
+ background-color: @scrollbar-hover-bg-color;
39
+ opacity: @scrollbar-hover-opacity;
40
+ }
41
+ }
42
+
43
+ &__bar {
44
+ position: absolute;
45
+ right: 2px;
46
+ bottom: 2px;
47
+ z-index: 1;
48
+ border-radius: 4px;
49
+
50
+ &--vertical {
51
+ width: 6px;
52
+ top: 2px;
53
+
54
+ > div {
55
+ width: 100%;
56
+ }
57
+ }
58
+
59
+ &--horizontal {
60
+ height: 6px;
61
+ left: 2px;
62
+
63
+ > div {
64
+ height: 100%;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+ .j-scrollbar-fade {
71
+ &-enter-active {
72
+ transition: opacity 340ms ease-out;
73
+ }
74
+
75
+ &-leave-active {
76
+ transition: opacity 120ms ease-out;
77
+ }
78
+
79
+ &-enter-from,
80
+ &-leave-active {
81
+ opacity: 0;
82
+ }
83
+ }
@@ -23,7 +23,7 @@
23
23
  } */
24
24
  import { defineComponent as _defineComponent } from 'vue';
25
25
  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";
26
- const _withScopeId = n => (_pushScopeId("data-v-1743503004238"), n = n(), _popScopeId(), n);
26
+ const _withScopeId = n => (_pushScopeId("data-v-1744096039413"), n = n(), _popScopeId(), n);
27
27
  const _hoisted_1 = {
28
28
  key: 0,
29
29
  style: { "width": "240px" }
package/es/Search/Item.js CHANGED
@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
80
80
  } */
81
81
  import { defineComponent as _defineComponent } from 'vue';
82
82
  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";
83
- const _withScopeId = n => (_pushScopeId("data-v-1743503003530"), n = n(), _popScopeId(), n);
83
+ const _withScopeId = n => (_pushScopeId("data-v-1744096038621"), n = n(), _popScopeId(), n);
84
84
  const _hoisted_1 = { class: "JSearch-item" };
85
85
  const _hoisted_2 = {
86
86
  key: 0,
@@ -0,0 +1,33 @@
1
+ .JSearch-item {
2
+ display: flex;
3
+ gap: 16px;
4
+ align-items: center;
5
+
6
+ .JSearch-item--type {
7
+ width: 90px;
8
+ min-width: 0;
9
+ > span {
10
+ line-height: 34px;
11
+ font-weight: bold;
12
+ }
13
+ }
14
+
15
+ .JSearch-item--column {
16
+ width: 130px;
17
+ min-width: 0;
18
+ }
19
+
20
+ .JSearch-item--termType {
21
+ width: 110px;
22
+ min-width: 0;
23
+ }
24
+ .JSearch-item--label {
25
+ min-width: 40px;
26
+ }
27
+
28
+ .JSearch-item--value {
29
+ display: flex;
30
+ width: 0;
31
+ flex-grow: 1;
32
+ }
33
+ }