@jetlinks-web/components 2.0.4-2 → 2.0.4-4

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 (17) hide show
  1. package/es/Ellipsis/Ellipsis.js +19 -13
  2. package/es/FullPage/FullPage.js +1 -1
  3. package/es/Search/Advanced/SaveHistory.js +1 -1
  4. package/es/Search/Item.js +1 -1
  5. package/es/Search/Search.js +1 -1
  6. package/es/style/index.css +287 -0
  7. package/es/style/index.less +6 -0
  8. package/lib/Ellipsis/Ellipsis.js +19 -13
  9. package/lib/FullPage/FullPage.js +1 -1
  10. package/lib/Search/Advanced/SaveHistory.js +1 -1
  11. package/lib/Search/Item.js +1 -1
  12. package/lib/Search/Search.js +1 -1
  13. package/lib/style/index.css +287 -0
  14. package/lib/style/index.less +6 -0
  15. package/package.json +3 -3
  16. package/es/style.less +0 -6
  17. package/lib/style.less +0 -6
package/es/Ellipsis/Ellipsis.js CHANGED
@@ -25,7 +25,7 @@
25
25
  "syncCursorStyle": "setup-const",
26
26
  "getTooltipDisabled": "setup-const"
27
27
  } */
28
- import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock } from "vue";
28
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
29
29
  import { Tooltip } from 'ant-design-vue';
30
30
  import { computed, mergeProps, ref, useAttrs } from 'vue';
31
31
  const jEllipsis = 'j-ellipsis';
@@ -154,17 +154,8 @@ const __sfc_main__ = Object.assign({
154
154
  ref_key: "tooltipRef",
155
155
  ref: tooltipRef,
156
156
  placement: "top"
157
- }, __props.tooltip, { visible: visible.value }), {
157
+ }, __props.tooltip, { visible: visible.value }), _createSlots({
158
158
  default: _withCtx(() => [
159
- (__props.tooltip)
160
- ? (_openBlock(), _createElementBlock("div", {
161
- key: 0,
162
- class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
163
- }, [
164
- _renderSlot(_ctx.$slots, "default"),
165
- _renderSlot(_ctx.$slots, "tooltip")
166
- ], 2 /* CLASS */))
167
- : _createCommentVNode("v-if", true),
168
159
  _createElementVNode("span", _mergeProps({
169
160
  ref_key: "triggerRef",
170
161
  ref: triggerRef
@@ -176,8 +167,23 @@ const __sfc_main__ = Object.assign({
176
167
  : showTooltip()))
177
168
  }), null, 16 /* FULL_PROPS */)
178
169
  ]),
179
- _: 3 /* FORWARDED */
180
- }, 16 /* FULL_PROPS */, ["visible"]));
170
+ _: 2 /* DYNAMIC */
171
+ }, [
172
+ (__props.tooltip)
173
+ ? {
174
+ name: "title",
175
+ fn: _withCtx(() => [
176
+ _createElementVNode("div", {
177
+ class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
178
+ }, [
179
+ _renderSlot(_ctx.$slots, "default"),
180
+ _renderSlot(_ctx.$slots, "tooltip")
181
+ ], 2 /* CLASS */)
182
+ ]),
183
+ key: "0"
184
+ }
185
+ : undefined
186
+ ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["visible"]));
181
187
  };
182
188
  }
183
189
  });
package/es/FullPage/FullPage.js CHANGED
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  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";
9
- const _withScopeId = n => (_pushScopeId("data-v-1712916857968"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1712917611635"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
package/es/Search/Advanced/SaveHistory.js CHANGED
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  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";
24
- const _withScopeId = n => (_pushScopeId("data-v-1712916859058"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1712917613205"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
package/es/Search/Item.js CHANGED
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  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";
81
- const _withScopeId = n => (_pushScopeId("data-v-1712916858723"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1712917612570"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
package/es/Search/Search.js CHANGED
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  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";
39
- const _withScopeId = n => (_pushScopeId("data-v-1712916858815"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1712917612748"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
package/es/style/index.css ADDED
@@ -0,0 +1,287 @@
1
+ .j-ellipsis {
2
+ overflow: hidden;
3
+ vertical-align: bottom;
4
+ }
5
+ .j-ellipsis-cursor {
6
+ cursor: pointer;
7
+ }
8
+ .j-ellipsis-line-clamp {
9
+ display: -webkit-box;
10
+ -webkit-box-orient: vertical;
11
+ word-break: break-all;
12
+ }
13
+ .j-ellipsis-deep {
14
+ max-height: 380px;
15
+ -webkit-line-clamp: 17;
16
+ text-overflow: ellipsis;
17
+ }
18
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
19
+ /* stylelint-disable no-duplicate-selectors */
20
+ /* stylelint-disable */
21
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
22
+ .j-check-button {
23
+ display: flex;
24
+ gap: 16px;
25
+ width: 100%;
26
+ }
27
+ .j-check-button .j-check-button-item {
28
+ flex: 1;
29
+ min-width: 0;
30
+ padding: 8px;
31
+ border-radius: 6px;
32
+ background-color: #f2f3f5;
33
+ transition: all 0.3s;
34
+ color: #333;
35
+ text-align: center;
36
+ cursor: pointer;
37
+ }
38
+ .j-check-button .j-check-button-item:hover {
39
+ background-color: #315EFB;
40
+ opacity: 0.85;
41
+ color: #fff;
42
+ }
43
+ .j-check-button .j-check-button-item.selected {
44
+ background-color: #315EFB;
45
+ color: #fff;
46
+ }
47
+ .j-check-button .j-check-button-item.disabled {
48
+ cursor: not-allowed;
49
+ color: #00000060;
50
+ }
51
+ .j-check-button .j-check-button-item.disabled:hover {
52
+ background-color: #f2f3f5;
53
+ color: #00000060;
54
+ }
55
+ .jtable-body-spin {
56
+ min-height: 100%;
57
+ width: 100%;
58
+ padding: 16px 24px 24px;
59
+ background-color: #fff;
60
+ }
61
+ .jtable-body-spin .ant-spin-nested-loading {
62
+ height: 100%;
63
+ }
64
+ .jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
65
+ height: 100%;
66
+ }
67
+ .jtable-body-spin .jtable-body {
68
+ width: 100%;
69
+ box-sizing: border-box;
70
+ height: 100%;
71
+ display: flex;
72
+ flex-direction: column;
73
+ }
74
+ .jtable-body-spin .jtable-body .jtable-body-header {
75
+ display: flex;
76
+ justify-content: space-between;
77
+ align-items: center;
78
+ }
79
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
80
+ display: flex;
81
+ gap: 8px;
82
+ align-items: center;
83
+ }
84
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
85
+ font-size: 16px;
86
+ color: #d9d9d9;
87
+ }
88
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
89
+ padding: 0 8px;
90
+ }
91
+ .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 {
92
+ color: #315EFB;
93
+ }
94
+ .jtable-body-spin .jtable-body .jtable-content {
95
+ flex: 1;
96
+ padding: 16px 0;
97
+ }
98
+ .jtable-body-spin .jtable-body .jtable-content .jtable-alert {
99
+ margin-bottom: 16px;
100
+ }
101
+ .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
102
+ display: grid;
103
+ grid-gap: 26px;
104
+ }
105
+ .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
106
+ display: flex;
107
+ min-width: 0;
108
+ }
109
+ .jtable-body-spin .jtable-body .jtable-pagination {
110
+ width: 100%;
111
+ display: flex;
112
+ justify-content: flex-end;
113
+ }
114
+ .jtable-body-spin .jtable-body .j-table-empty {
115
+ display: flex;
116
+ justify-content: center;
117
+ align-items: center;
118
+ margin: 10% 0;
119
+ }
120
+ .JSearch-warp {
121
+ padding: 24px;
122
+ background-color: #fff;
123
+ margin-bottom: 24px;
124
+ }
125
+ .JSearch-warp .pack-up .JSearch-items {
126
+ flex: 1 1 auto;
127
+ }
128
+ .JSearch-warp .pack-up .JSearch-items .left {
129
+ min-width: 380px;
130
+ max-width: 580px;
131
+ }
132
+ .JSearch-warp.senior > .JSearch-content {
133
+ display: flex;
134
+ }
135
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer {
136
+ display: flex;
137
+ gap: 64px;
138
+ position: relative;
139
+ }
140
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-text {
141
+ padding-right: 24px;
142
+ }
143
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-icon {
144
+ transition: transform 0.3s;
145
+ transform: rotateZ(90deg);
146
+ font-size: 14px;
147
+ }
148
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-icon.more-up {
149
+ transform: rotateZ(-90deg);
150
+ }
151
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer.expand {
152
+ margin-top: 16px;
153
+ width: 100%;
154
+ justify-content: space-between;
155
+ }
156
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .JSearch-footer--btns {
157
+ display: flex;
158
+ gap: 12px;
159
+ }
160
+ .JSearch-warp.senior > .JSearch-content .items-expand {
161
+ display: flex;
162
+ gap: 16px;
163
+ }
164
+ .JSearch-warp.senior > .JSearch-content .items-expand .left,
165
+ .JSearch-warp.senior > .JSearch-content .items-expand .right {
166
+ min-width: 0;
167
+ flex: 1 1 0;
168
+ }
169
+ .JSearch-warp.senior > .JSearch-content .items-expand .left-items,
170
+ .JSearch-warp.senior > .JSearch-content .items-expand .right-items {
171
+ display: flex;
172
+ gap: 16px;
173
+ flex-direction: column;
174
+ }
175
+ .JSearch-warp.senior > .JSearch-content .items-expand .center {
176
+ display: flex;
177
+ flex-direction: column;
178
+ justify-content: center;
179
+ }
180
+ .JSearch-warp.senior > .JSearch-content .items-expand.vertical {
181
+ flex-direction: column;
182
+ }
183
+ .JSearch-warp.senior > .JSearch-content .items-expand.vertical .center {
184
+ flex-direction: row;
185
+ justify-content: center;
186
+ }
187
+ .JSearch-warp.senior > .JSearch-content.senior-expand {
188
+ flex-direction: column;
189
+ }
190
+ .JSearch-warp.senior > .JSearch-content.small {
191
+ gap: 12px;
192
+ }
193
+ .JSearch-warp.senior > .JSearch-content.small .JSearch-footer {
194
+ gap: 4px;
195
+ }
196
+ .JSearch-warp .JSearch-content.simple .JSearch-footer--btns {
197
+ display: flex;
198
+ gap: 12px;
199
+ }
200
+ .JSearch-warp .JSearch-content.simple .JSearch-item {
201
+ gap: 8px;
202
+ }
203
+ .JSearch-warp .JSearch-content.simple .JSearch-item .JSearch-item--label {
204
+ text-align: right;
205
+ }
206
+ .JSearch-warp .no-radius {
207
+ border-radius: 0;
208
+ border-color: #f1f1f1;
209
+ }
210
+ .JSearch-warp .search-history-warp {
211
+ position: relative;
212
+ }
213
+ .JSearch-warp .search-history-warp .search-history-button {
214
+ padding-right: 32px;
215
+ }
216
+ .JSearch-warp .search-history-warp .search-history-button-icon {
217
+ position: absolute;
218
+ width: 24px;
219
+ height: 18px;
220
+ right: 6px;
221
+ top: 8px;
222
+ color: #fff;
223
+ line-height: 18px;
224
+ text-align: center;
225
+ font-weight: bold;
226
+ }
227
+ .JSearch-warp .search-history-warp .search-history-button-icon > span {
228
+ font-size: 14px;
229
+ }
230
+ .search-history-empty {
231
+ padding: 12px 12px 6px 12px;
232
+ background-color: #fff;
233
+ }
234
+ .search-history-items {
235
+ width: 120px;
236
+ max-height: 300px;
237
+ overflow-y: auto;
238
+ }
239
+ .search-history-items .search-history-item {
240
+ display: flex;
241
+ padding: 4px 0px 4px 4px;
242
+ align-items: center;
243
+ gap: 4px;
244
+ }
245
+ .search-history-items .search-history-item:hover {
246
+ background-color: #f1f1f1;
247
+ }
248
+ .search-history-items .search-history-item .history-item--title {
249
+ width: calc(100% - 30px);
250
+ cursor: pointer;
251
+ }
252
+ .search-history-items .search-history-item .delete {
253
+ padding: 0 6px;
254
+ flex: 0 0 28px;
255
+ }
256
+ .search-history-list-pop .ant-popover-inner-content {
257
+ padding: 0;
258
+ }
259
+ .JSearch-item {
260
+ display: flex;
261
+ gap: 16px;
262
+ align-items: center;
263
+ }
264
+ .JSearch-item .JSearch-item--type {
265
+ width: 90px;
266
+ min-width: 0;
267
+ }
268
+ .JSearch-item .JSearch-item--type > span {
269
+ line-height: 34px;
270
+ font-weight: bold;
271
+ }
272
+ .JSearch-item .JSearch-item--column {
273
+ width: 130px;
274
+ min-width: 0;
275
+ }
276
+ .JSearch-item .JSearch-item--termType {
277
+ width: 110px;
278
+ min-width: 0;
279
+ }
280
+ .JSearch-item .JSearch-item--label {
281
+ min-width: 40px;
282
+ }
283
+ .JSearch-item .JSearch-item--value {
284
+ display: flex;
285
+ width: 0;
286
+ flex-grow: 1;
287
+ }
package/es/style/index.less ADDED
@@ -0,0 +1,6 @@
1
+ @import '../Ellipsis/style/index.less';
2
+ @import '../CheckButton/style/index.less';
3
+ @import '../ProLayout/style/default.less';
4
+ @import '../ProTable/style/index.less';
5
+ @import '../Search/style/Search.less';
6
+ @import '../Search/style/Item.less';
package/lib/Ellipsis/Ellipsis.js CHANGED
@@ -25,7 +25,7 @@
25
25
  "syncCursorStyle": "setup-const",
26
26
  "getTooltipDisabled": "setup-const"
27
27
  } */
28
- import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock } from "vue";
28
+ import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
29
29
  import { Tooltip } from 'ant-design-vue';
30
30
  import { computed, mergeProps, ref, useAttrs } from 'vue';
31
31
  const jEllipsis = 'j-ellipsis';
@@ -154,17 +154,8 @@ const __sfc_main__ = Object.assign({
154
154
  ref_key: "tooltipRef",
155
155
  ref: tooltipRef,
156
156
  placement: "top"
157
- }, __props.tooltip, { visible: visible.value }), {
157
+ }, __props.tooltip, { visible: visible.value }), _createSlots({
158
158
  default: _withCtx(() => [
159
- (__props.tooltip)
160
- ? (_openBlock(), _createElementBlock("div", {
161
- key: 0,
162
- class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
163
- }, [
164
- _renderSlot(_ctx.$slots, "default"),
165
- _renderSlot(_ctx.$slots, "tooltip")
166
- ], 2 /* CLASS */))
167
- : _createCommentVNode("v-if", true),
168
159
  _createElementVNode("span", _mergeProps({
169
160
  ref_key: "triggerRef",
170
161
  ref: triggerRef
@@ -176,8 +167,23 @@ const __sfc_main__ = Object.assign({
176
167
  : showTooltip()))
177
168
  }), null, 16 /* FULL_PROPS */)
178
169
  ]),
179
- _: 3 /* FORWARDED */
180
- }, 16 /* FULL_PROPS */, ["visible"]));
170
+ _: 2 /* DYNAMIC */
171
+ }, [
172
+ (__props.tooltip)
173
+ ? {
174
+ name: "title",
175
+ fn: _withCtx(() => [
176
+ _createElementVNode("div", {
177
+ class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
178
+ }, [
179
+ _renderSlot(_ctx.$slots, "default"),
180
+ _renderSlot(_ctx.$slots, "tooltip")
181
+ ], 2 /* CLASS */)
182
+ ]),
183
+ key: "0"
184
+ }
185
+ : undefined
186
+ ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["visible"]));
181
187
  };
182
188
  }
183
189
  });
package/lib/FullPage/FullPage.js CHANGED
@@ -6,7 +6,7 @@
6
6
  } */
7
7
  import { defineComponent as _defineComponent } from 'vue';
8
8
  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";
9
- const _withScopeId = n => (_pushScopeId("data-v-1712916857961"), n = n(), _popScopeId(), n);
9
+ const _withScopeId = n => (_pushScopeId("data-v-1712917611628"), n = n(), _popScopeId(), n);
10
10
  const _hoisted_1 = { class: "full-page-warp-content" };
11
11
  import { ref } from 'vue';
12
12
  import { useElementBounding } from '@vueuse/core';
package/lib/Search/Advanced/SaveHistory.js CHANGED
@@ -21,7 +21,7 @@
21
21
  } */
22
22
  import { defineComponent as _defineComponent } from 'vue';
23
23
  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";
24
- const _withScopeId = n => (_pushScopeId("data-v-1712916859071"), n = n(), _popScopeId(), n);
24
+ const _withScopeId = n => (_pushScopeId("data-v-1712917613181"), n = n(), _popScopeId(), n);
25
25
  const _hoisted_1 = {
26
26
  key: 0,
27
27
  style: { "width": "240px" }
package/lib/Search/Item.js CHANGED
@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
78
78
  } */
79
79
  import { defineComponent as _defineComponent } from 'vue';
80
80
  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";
81
- const _withScopeId = n => (_pushScopeId("data-v-1712916858663"), n = n(), _popScopeId(), n);
81
+ const _withScopeId = n => (_pushScopeId("data-v-1712917612486"), n = n(), _popScopeId(), n);
82
82
  const _hoisted_1 = { class: "JSearch-item" };
83
83
  const _hoisted_2 = {
84
84
  key: 0,
package/lib/Search/Search.js CHANGED
@@ -36,7 +36,7 @@
36
36
  } */
37
37
  import { defineComponent as _defineComponent } from 'vue';
38
38
  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";
39
- const _withScopeId = n => (_pushScopeId("data-v-1712916858791"), n = n(), _popScopeId(), n);
39
+ const _withScopeId = n => (_pushScopeId("data-v-1712917612708"), n = n(), _popScopeId(), n);
40
40
  const _hoisted_1 = { class: "JSearch-content simple" };
41
41
  const _hoisted_2 = { class: "JSearch-items" };
42
42
  import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';
package/lib/style/index.css ADDED
@@ -0,0 +1,287 @@
1
+ .j-ellipsis {
2
+ overflow: hidden;
3
+ vertical-align: bottom;
4
+ }
5
+ .j-ellipsis-cursor {
6
+ cursor: pointer;
7
+ }
8
+ .j-ellipsis-line-clamp {
9
+ display: -webkit-box;
10
+ -webkit-box-orient: vertical;
11
+ word-break: break-all;
12
+ }
13
+ .j-ellipsis-deep {
14
+ max-height: 380px;
15
+ -webkit-line-clamp: 17;
16
+ text-overflow: ellipsis;
17
+ }
18
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
19
+ /* stylelint-disable no-duplicate-selectors */
20
+ /* stylelint-disable */
21
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
22
+ .j-check-button {
23
+ display: flex;
24
+ gap: 16px;
25
+ width: 100%;
26
+ }
27
+ .j-check-button .j-check-button-item {
28
+ flex: 1;
29
+ min-width: 0;
30
+ padding: 8px;
31
+ border-radius: 6px;
32
+ background-color: #f2f3f5;
33
+ transition: all 0.3s;
34
+ color: #333;
35
+ text-align: center;
36
+ cursor: pointer;
37
+ }
38
+ .j-check-button .j-check-button-item:hover {
39
+ background-color: #315EFB;
40
+ opacity: 0.85;
41
+ color: #fff;
42
+ }
43
+ .j-check-button .j-check-button-item.selected {
44
+ background-color: #315EFB;
45
+ color: #fff;
46
+ }
47
+ .j-check-button .j-check-button-item.disabled {
48
+ cursor: not-allowed;
49
+ color: #00000060;
50
+ }
51
+ .j-check-button .j-check-button-item.disabled:hover {
52
+ background-color: #f2f3f5;
53
+ color: #00000060;
54
+ }
55
+ .jtable-body-spin {
56
+ min-height: 100%;
57
+ width: 100%;
58
+ padding: 16px 24px 24px;
59
+ background-color: #fff;
60
+ }
61
+ .jtable-body-spin .ant-spin-nested-loading {
62
+ height: 100%;
63
+ }
64
+ .jtable-body-spin .ant-spin-nested-loading .ant-spin-container {
65
+ height: 100%;
66
+ }
67
+ .jtable-body-spin .jtable-body {
68
+ width: 100%;
69
+ box-sizing: border-box;
70
+ height: 100%;
71
+ display: flex;
72
+ flex-direction: column;
73
+ }
74
+ .jtable-body-spin .jtable-body .jtable-body-header {
75
+ display: flex;
76
+ justify-content: space-between;
77
+ align-items: center;
78
+ }
79
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right {
80
+ display: flex;
81
+ gap: 8px;
82
+ align-items: center;
83
+ }
84
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .right-button-icon {
85
+ font-size: 16px;
86
+ color: #d9d9d9;
87
+ }
88
+ .jtable-body-spin .jtable-body .jtable-body-header .jtable-body-header-right .jtable-body-header-right-button .ant-radio-button-wrapper {
89
+ padding: 0 8px;
90
+ }
91
+ .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 {
92
+ color: #315EFB;
93
+ }
94
+ .jtable-body-spin .jtable-body .jtable-content {
95
+ flex: 1;
96
+ padding: 16px 0;
97
+ }
98
+ .jtable-body-spin .jtable-body .jtable-content .jtable-alert {
99
+ margin-bottom: 16px;
100
+ }
101
+ .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items {
102
+ display: grid;
103
+ grid-gap: 26px;
104
+ }
105
+ .jtable-body-spin .jtable-body .jtable-content .jtable-card .jtable-card-items .jtable-card-item {
106
+ display: flex;
107
+ min-width: 0;
108
+ }
109
+ .jtable-body-spin .jtable-body .jtable-pagination {
110
+ width: 100%;
111
+ display: flex;
112
+ justify-content: flex-end;
113
+ }
114
+ .jtable-body-spin .jtable-body .j-table-empty {
115
+ display: flex;
116
+ justify-content: center;
117
+ align-items: center;
118
+ margin: 10% 0;
119
+ }
120
+ .JSearch-warp {
121
+ padding: 24px;
122
+ background-color: #fff;
123
+ margin-bottom: 24px;
124
+ }
125
+ .JSearch-warp .pack-up .JSearch-items {
126
+ flex: 1 1 auto;
127
+ }
128
+ .JSearch-warp .pack-up .JSearch-items .left {
129
+ min-width: 380px;
130
+ max-width: 580px;
131
+ }
132
+ .JSearch-warp.senior > .JSearch-content {
133
+ display: flex;
134
+ }
135
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer {
136
+ display: flex;
137
+ gap: 64px;
138
+ position: relative;
139
+ }
140
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-text {
141
+ padding-right: 24px;
142
+ }
143
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-icon {
144
+ transition: transform 0.3s;
145
+ transform: rotateZ(90deg);
146
+ font-size: 14px;
147
+ }
148
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .more-btn .more-icon.more-up {
149
+ transform: rotateZ(-90deg);
150
+ }
151
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer.expand {
152
+ margin-top: 16px;
153
+ width: 100%;
154
+ justify-content: space-between;
155
+ }
156
+ .JSearch-warp.senior > .JSearch-content .JSearch-footer .JSearch-footer--btns {
157
+ display: flex;
158
+ gap: 12px;
159
+ }
160
+ .JSearch-warp.senior > .JSearch-content .items-expand {
161
+ display: flex;
162
+ gap: 16px;
163
+ }
164
+ .JSearch-warp.senior > .JSearch-content .items-expand .left,
165
+ .JSearch-warp.senior > .JSearch-content .items-expand .right {
166
+ min-width: 0;
167
+ flex: 1 1 0;
168
+ }
169
+ .JSearch-warp.senior > .JSearch-content .items-expand .left-items,
170
+ .JSearch-warp.senior > .JSearch-content .items-expand .right-items {
171
+ display: flex;
172
+ gap: 16px;
173
+ flex-direction: column;
174
+ }
175
+ .JSearch-warp.senior > .JSearch-content .items-expand .center {
176
+ display: flex;
177
+ flex-direction: column;
178
+ justify-content: center;
179
+ }
180
+ .JSearch-warp.senior > .JSearch-content .items-expand.vertical {
181
+ flex-direction: column;
182
+ }
183
+ .JSearch-warp.senior > .JSearch-content .items-expand.vertical .center {
184
+ flex-direction: row;
185
+ justify-content: center;
186
+ }
187
+ .JSearch-warp.senior > .JSearch-content.senior-expand {
188
+ flex-direction: column;
189
+ }
190
+ .JSearch-warp.senior > .JSearch-content.small {
191
+ gap: 12px;
192
+ }
193
+ .JSearch-warp.senior > .JSearch-content.small .JSearch-footer {
194
+ gap: 4px;
195
+ }
196
+ .JSearch-warp .JSearch-content.simple .JSearch-footer--btns {
197
+ display: flex;
198
+ gap: 12px;
199
+ }
200
+ .JSearch-warp .JSearch-content.simple .JSearch-item {
201
+ gap: 8px;
202
+ }
203
+ .JSearch-warp .JSearch-content.simple .JSearch-item .JSearch-item--label {
204
+ text-align: right;
205
+ }
206
+ .JSearch-warp .no-radius {
207
+ border-radius: 0;
208
+ border-color: #f1f1f1;
209
+ }
210
+ .JSearch-warp .search-history-warp {
211
+ position: relative;
212
+ }
213
+ .JSearch-warp .search-history-warp .search-history-button {
214
+ padding-right: 32px;
215
+ }
216
+ .JSearch-warp .search-history-warp .search-history-button-icon {
217
+ position: absolute;
218
+ width: 24px;
219
+ height: 18px;
220
+ right: 6px;
221
+ top: 8px;
222
+ color: #fff;
223
+ line-height: 18px;
224
+ text-align: center;
225
+ font-weight: bold;
226
+ }
227
+ .JSearch-warp .search-history-warp .search-history-button-icon > span {
228
+ font-size: 14px;
229
+ }
230
+ .search-history-empty {
231
+ padding: 12px 12px 6px 12px;
232
+ background-color: #fff;
233
+ }
234
+ .search-history-items {
235
+ width: 120px;
236
+ max-height: 300px;
237
+ overflow-y: auto;
238
+ }
239
+ .search-history-items .search-history-item {
240
+ display: flex;
241
+ padding: 4px 0px 4px 4px;
242
+ align-items: center;
243
+ gap: 4px;
244
+ }
245
+ .search-history-items .search-history-item:hover {
246
+ background-color: #f1f1f1;
247
+ }
248
+ .search-history-items .search-history-item .history-item--title {
249
+ width: calc(100% - 30px);
250
+ cursor: pointer;
251
+ }
252
+ .search-history-items .search-history-item .delete {
253
+ padding: 0 6px;
254
+ flex: 0 0 28px;
255
+ }
256
+ .search-history-list-pop .ant-popover-inner-content {
257
+ padding: 0;
258
+ }
259
+ .JSearch-item {
260
+ display: flex;
261
+ gap: 16px;
262
+ align-items: center;
263
+ }
264
+ .JSearch-item .JSearch-item--type {
265
+ width: 90px;
266
+ min-width: 0;
267
+ }
268
+ .JSearch-item .JSearch-item--type > span {
269
+ line-height: 34px;
270
+ font-weight: bold;
271
+ }
272
+ .JSearch-item .JSearch-item--column {
273
+ width: 130px;
274
+ min-width: 0;
275
+ }
276
+ .JSearch-item .JSearch-item--termType {
277
+ width: 110px;
278
+ min-width: 0;
279
+ }
280
+ .JSearch-item .JSearch-item--label {
281
+ min-width: 40px;
282
+ }
283
+ .JSearch-item .JSearch-item--value {
284
+ display: flex;
285
+ width: 0;
286
+ flex-grow: 1;
287
+ }
package/lib/style/index.less ADDED
@@ -0,0 +1,6 @@
1
+ @import '../Ellipsis/style/index.less';
2
+ @import '../CheckButton/style/index.less';
3
+ @import '../ProLayout/style/default.less';
4
+ @import '../ProTable/style/index.less';
5
+ @import '../Search/style/Search.less';
6
+ @import '../Search/style/Item.less';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetlinks-web/components",
3
- "version": "2.0.4-2",
3
+ "version": "2.0.4-4",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -23,8 +23,8 @@
23
23
  "monaco-editor": "^0.40.0",
24
24
  "sortablejs": "^1.15.2",
25
25
  "@jetlinks-web/constants": "^1.0.2",
26
- "@jetlinks-web/utils": "^1.0.6",
27
- "@jetlinks-web/hooks": "^1.0.12"
26
+ "@jetlinks-web/hooks": "^1.0.12",
27
+ "@jetlinks-web/utils": "^1.0.6"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@babel/cli": "^7.8.4",
package/es/style.less DELETED
@@ -1,6 +0,0 @@
1
- @import './Ellipsis/style/index.less';
2
- @import './CheckButton/style/index.less';
3
- @import './ProLayout/style/default.less';
4
- @import './ProTable/style/index.less';
5
- @import './Search/style/Search.less';
6
- @import './Search/style/Item.less';
package/lib/style.less DELETED
@@ -1,6 +0,0 @@
1
- @import './Ellipsis/style/index.less';
2
- @import './CheckButton/style/index.less';
3
- @import './ProLayout/style/default.less';
4
- @import './ProTable/style/index.less';
5
- @import './Search/style/Search.less';
6
- @import './Search/style/Item.less';