@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
@@ -0,0 +1,179 @@
1
+ @import '../../style/variable.less';
2
+ .JSearch-warp {
3
+ padding: 24px;
4
+ background-color: #fff;
5
+ margin-bottom: 24px;
6
+
7
+ .pack-up {
8
+ .JSearch-items {
9
+ flex: 1 1 auto;
10
+
11
+ .left {
12
+ min-width: 380px;
13
+ max-width: 580px;
14
+ }
15
+ }
16
+ }
17
+
18
+ &.senior {
19
+ > .JSearch-content {
20
+ display: flex;
21
+ .JSearch-footer {
22
+ display: flex;
23
+ gap: 64px;
24
+ position: relative;
25
+
26
+ .more-btn {
27
+ .more-text {
28
+ padding-right: 24px;
29
+ }
30
+ .more-icon {
31
+ transition: transform 0.3s;
32
+ transform: rotateZ(90deg);
33
+ font-size: 14px;
34
+
35
+ &.more-up {
36
+ transform: rotateZ(-90deg);
37
+ }
38
+ }
39
+ }
40
+
41
+ &.expand {
42
+ margin-top: 16px;
43
+ width: 100%;
44
+ justify-content: space-between;
45
+ }
46
+
47
+ .JSearch-footer--btns {
48
+ display: flex;
49
+ gap: 12px;
50
+ }
51
+ }
52
+
53
+ .items-expand {
54
+ display: flex;
55
+ gap: 16px;
56
+
57
+ .left,
58
+ & .right {
59
+ min-width: 0;
60
+ flex: 1 1 0;
61
+ }
62
+
63
+ .left-items,
64
+ & .right-items {
65
+ display: flex;
66
+ gap: 16px;
67
+ flex-direction: column;
68
+ }
69
+
70
+ .center {
71
+ display: flex;
72
+ flex-direction: column;
73
+ justify-content: center;
74
+ }
75
+
76
+ &.vertical {
77
+ flex-direction: column;
78
+ .center {
79
+ flex-direction: row;
80
+ justify-content: center;
81
+ }
82
+ }
83
+ }
84
+
85
+ &.senior-expand {
86
+ flex-direction: column;
87
+ }
88
+
89
+ &.small {
90
+ gap: 12px;
91
+ .JSearch-footer {
92
+ gap: 4px;
93
+ }
94
+ }
95
+ }
96
+ }
97
+
98
+ .JSearch-content {
99
+ &.simple {
100
+ .JSearch-footer--btns {
101
+ display: flex;
102
+ gap: 12px;
103
+ }
104
+
105
+ .JSearch-item {
106
+ gap: 8px;
107
+
108
+ .JSearch-item--label {
109
+ text-align: right;
110
+ }
111
+ }
112
+ }
113
+ }
114
+
115
+ .no-radius {
116
+ border-radius: 0;
117
+ border-color: #f1f1f1;
118
+ }
119
+
120
+ .search-history-warp {
121
+ position: relative;
122
+
123
+ .search-history-button {
124
+ padding-right: 32px;
125
+ }
126
+
127
+ .search-history-button-icon {
128
+ position: absolute;
129
+ width: 24px;
130
+ height: 18px;
131
+ right: 6px;
132
+ top: 8px;
133
+ color: #fff;
134
+ line-height: 18px;
135
+ text-align: center;
136
+ font-weight: bold;
137
+ > span {
138
+ font-size: 14px;
139
+ }
140
+ }
141
+ }
142
+ }
143
+
144
+ .search-history-empty {
145
+ padding: 12px 12px 6px 12px;
146
+ background-color: #fff;
147
+ }
148
+
149
+ .search-history-items {
150
+ width: 120px;
151
+ max-height: 300px;
152
+ overflow-y: auto;
153
+ .search-history-item {
154
+ display: flex;
155
+ padding: 4px 0px 4px 4px;
156
+ align-items: center;
157
+ gap: 4px;
158
+
159
+ &:hover {
160
+ background-color: #f1f1f1;
161
+ }
162
+
163
+ .history-item--title {
164
+ width: calc(100% - 30px);
165
+ cursor: pointer;
166
+ }
167
+
168
+ .delete {
169
+ padding: 0 6px;
170
+ flex: 0 0 28px;
171
+ }
172
+ }
173
+ }
174
+
175
+ .search-history-list-pop {
176
+ .ant-popover-inner-content {
177
+ padding: 0;
178
+ }
179
+ }
@@ -0,0 +1,23 @@
1
+ .j-title {
2
+ display: flex;
3
+ align-items: center;
4
+ width: 100%;
5
+ margin-bottom: 16px;
6
+ }
7
+ .j-title .j-title-content {
8
+ position: relative;
9
+ padding-left: 10px;
10
+ color: rgba(0, 0, 0, 0.8);
11
+ font-weight: 600;
12
+ line-height: 1;
13
+ }
14
+ .j-title .j-title-content::before {
15
+ position: absolute;
16
+ top: 0;
17
+ left: 0;
18
+ width: 4px;
19
+ height: 100%;
20
+ background-color: #1890ff;
21
+ border-radius: 0 3px 3px 0;
22
+ content: ' ';
23
+ }
@@ -0,0 +1,25 @@
1
+ .j-title {
2
+ display: flex;
3
+ align-items: center;
4
+ width: 100%;
5
+ margin-bottom: 16px;
6
+
7
+ .j-title-content {
8
+ position: relative;
9
+ padding-left: 10px;
10
+ color: rgba(0, 0, 0, 0.8);
11
+ font-weight: 600;
12
+ line-height: 1;
13
+
14
+ &::before {
15
+ position: absolute;
16
+ top: 0;
17
+ left: 0;
18
+ width: 4px;
19
+ height: 100%;
20
+ background-color: #1890ff;
21
+ border-radius: 0 3px 3px 0;
22
+ content: ' ';
23
+ }
24
+ }
25
+ }
package/es/components.js CHANGED
@@ -20,4 +20,5 @@ export { default as DragModal } from './DragModal';
20
20
  export { default as EditTable } from './EditTable';
21
21
  export { default as Markdown } from './Markdown';
22
22
  export { default as AutoComplete } from './AutoComplete';
23
- export { default as Title } from './Title';
23
+ export { default as Title } from './Title';
24
+ export { default as FlameGraph } from './FlameGraph';
@@ -114,5 +114,9 @@ export default {
114
114
  },
115
115
  PermissionButton: {
116
116
  hasPermission: 'No permission, please contact the administrator'
117
+ },
118
+ FlameGraph: {
119
+ placeholder: 'Please input',
120
+ revert: 'Revert'
117
121
  }
118
122
  };
@@ -114,5 +114,9 @@ export default {
114
114
  },
115
115
  PermissionButton: {
116
116
  hasPermission: '暂无权限,请联系管理员'
117
+ },
118
+ FlameGraph: {
119
+ placeholder: '请输入',
120
+ revert: '反转'
117
121
  }
118
122
  };
@@ -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-1743503004519"), n = n(), _popScopeId(), n);
45
+ const _withScopeId = n => (_pushScopeId("data-v-1744096039577"), 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,12 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _index = _interopRequireDefault(require("./index.js"));
9
+ _index.default.install = function (app) {
10
+ app.component(_index.default.name, _index.default);
11
+ };
12
+ var _default = exports.default = _index.default;
@@ -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-1743503002482"), n = n(), _popScopeId(), n);
12
+ const _withScopeId = n => (_pushScopeId("data-v-1744096037386"), 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/lib/pagination/style/index.less';
3
+ @import 'ant-design-vue/lib/table/style/index.less';
4
+ @import 'ant-design-vue/lib/button/style/index.less';
5
+ @import 'ant-design-vue/lib/alert/style/index.less';
6
+ @import 'ant-design-vue/lib/radio/style/index.less';
7
+ @import 'ant-design-vue/lib/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;