@wfrog/vc-ui 1.13.2 → 1.13.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.
- package/dist/es/components/explorer/docs/data.d.ts +15 -1
- package/dist/es/components/explorer-filter/explorer-filter.d.ts +1 -1
- package/dist/es/components/explorer-filter/explorer-filter.mjs +8 -4
- package/dist/es/components/explorer-filter/explorer-filter.vue.d.ts +1 -1
- package/dist/es/components/explorer-filter/index.css +4 -4
- package/dist/es/components/explorer-list/explorer-list.mjs +7 -7
- package/dist/es/components/explorer-list/index.css +27 -27
- package/dist/es/components/explorer-table/explorer-table.mjs +15 -17
- package/dist/es/components/explorer-table/index.css +19 -19
- package/dist/es/components/explorer-tree/explorer-tree.d.ts +0 -4
- package/dist/es/components/explorer-tree/explorer-tree.mjs +16 -41
- package/dist/es/components/explorer-tree/explorer-tree.vue.d.ts +0 -2
- package/dist/es/components/explorer-tree/index.css +26 -32
- package/dist/es/components/scrollbar/index.css +14 -14
- package/dist/es/components/scrollbar/scrollbar.mjs +39 -42
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +90 -96
- package/package.json +1 -1
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
import { CascaderOption } from 'element-plus/es/components/cascader-panel';
|
|
2
2
|
import { IColumnConfig } from '../../explorer-column-table/explorer-column-table';
|
|
3
|
-
export declare const treeData:
|
|
3
|
+
export declare const treeData: globalThis.Ref<{
|
|
4
|
+
[x: string]: unknown;
|
|
5
|
+
label?: string | undefined;
|
|
6
|
+
value?: import('element-plus').CascaderNodeValue | undefined;
|
|
7
|
+
children?: any[] | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
9
|
+
leaf?: boolean | undefined;
|
|
10
|
+
}[], CascaderOption[] | {
|
|
11
|
+
[x: string]: unknown;
|
|
12
|
+
label?: string | undefined;
|
|
13
|
+
value?: import('element-plus').CascaderNodeValue | undefined;
|
|
14
|
+
children?: any[] | undefined;
|
|
15
|
+
disabled?: boolean | undefined;
|
|
16
|
+
leaf?: boolean | undefined;
|
|
17
|
+
}[]>;
|
|
4
18
|
export declare const tableData: globalThis.Ref<{
|
|
5
19
|
date: string;
|
|
6
20
|
status: boolean;
|
|
@@ -18,22 +18,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
create: { type: Boolean },
|
|
19
19
|
debounce: { default: 300 },
|
|
20
20
|
disabled: { type: Boolean },
|
|
21
|
-
|
|
21
|
+
closeLocalFilter: { type: Boolean, default: false }
|
|
22
22
|
},
|
|
23
23
|
emits: ["filter", "create"],
|
|
24
24
|
setup(__props, { emit: __emit }) {
|
|
25
25
|
useCssVars((_ctx) => ({
|
|
26
|
-
"
|
|
26
|
+
"v07a058f6": `${_ctx.paddingBottom}px`
|
|
27
27
|
}));
|
|
28
28
|
const props = __props;
|
|
29
29
|
const emits = __emit;
|
|
30
30
|
const { filterKeyword } = injectExplorerPanelState();
|
|
31
31
|
const keyword = ref("");
|
|
32
32
|
function handleFilter() {
|
|
33
|
+
if (props.closeLocalFilter) {
|
|
34
|
+
emits("filter", keyword.value);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
33
37
|
if (filterKeyword.value === keyword.value) {
|
|
34
38
|
return;
|
|
35
39
|
}
|
|
36
|
-
|
|
40
|
+
filterKeyword.value = keyword.value;
|
|
37
41
|
emits("filter", keyword.value);
|
|
38
42
|
}
|
|
39
43
|
const keywordChange = debounce(() => handleFilter(), props.debounce);
|
|
@@ -67,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
67
71
|
});
|
|
68
72
|
|
|
69
73
|
/* unplugin-vue-components disabled */const style0 = {
|
|
70
|
-
"explorer-filter": "_explorer-
|
|
74
|
+
"explorer-filter": "_explorer-filter_j39kx_1"
|
|
71
75
|
};
|
|
72
76
|
|
|
73
77
|
const cssModules = {
|
|
@@ -10,6 +10,6 @@ declare const _default: import('vue').DefineComponent<IExplorerFilterProps, {},
|
|
|
10
10
|
clearable: boolean;
|
|
11
11
|
debounce: number;
|
|
12
12
|
paddingBottom: number;
|
|
13
|
-
|
|
13
|
+
closeLocalFilter: boolean;
|
|
14
14
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
15
|
export default _default;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* source: src/components/explorer-filter/explorer-filter.vue */
|
|
2
|
-
._explorer-
|
|
3
|
-
padding-bottom: var(--v649a28c7);
|
|
4
|
-
display: flex;
|
|
5
|
-
column-gap: 8px;
|
|
2
|
+
._explorer-filter_j39kx_1 {
|
|
6
3
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
4
|
+
column-gap: 8px;
|
|
5
|
+
display: flex;
|
|
7
6
|
margin-bottom: 8px;
|
|
7
|
+
padding-bottom: var(--v07a058f6);
|
|
8
8
|
}
|
|
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
32
32
|
emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
|
|
33
33
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
34
34
|
useCssVars((_ctx) => ({
|
|
35
|
-
"
|
|
35
|
+
"c3221704": unref(cursorStyle)
|
|
36
36
|
}));
|
|
37
37
|
const props = __props;
|
|
38
38
|
const emits = __emit;
|
|
@@ -205,12 +205,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
205
205
|
}
|
|
206
206
|
});
|
|
207
207
|
|
|
208
|
-
/* unplugin-vue-components disabled */const item = "
|
|
209
|
-
const actions = "
|
|
210
|
-
const active = "
|
|
211
|
-
const label = "
|
|
212
|
-
const remove = "
|
|
213
|
-
const scrollbar = "
|
|
208
|
+
/* unplugin-vue-components disabled */const item = "_item_lz3jx_1";
|
|
209
|
+
const actions = "_actions_lz3jx_16";
|
|
210
|
+
const active = "_active_lz3jx_20";
|
|
211
|
+
const label = "_label_lz3jx_25";
|
|
212
|
+
const remove = "_remove_lz3jx_58";
|
|
213
|
+
const scrollbar = "_scrollbar_lz3jx_62";
|
|
214
214
|
const style0 = {
|
|
215
215
|
item: item,
|
|
216
216
|
actions: actions,
|
|
@@ -1,61 +1,61 @@
|
|
|
1
1
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
2
|
-
.
|
|
3
|
-
padding: 4px 8px;
|
|
4
|
-
cursor: var(--ac031736);
|
|
5
|
-
display: flex;
|
|
6
|
-
justify-content: space-between;
|
|
2
|
+
._item_lz3jx_1 {
|
|
7
3
|
align-items: center;
|
|
8
|
-
font-size: var(--el-font-size-base);
|
|
9
|
-
color: var(--el-text-color-regular);
|
|
10
|
-
min-height: 32px;
|
|
11
4
|
box-sizing: border-box;
|
|
5
|
+
color: var(--el-text-color-regular);
|
|
6
|
+
cursor: var(--c3221704);
|
|
7
|
+
display: flex;
|
|
8
|
+
font-size: var(--el-font-size-base);
|
|
9
|
+
justify-content: space-between;
|
|
12
10
|
line-height: 1;
|
|
11
|
+
min-height: 32px;
|
|
12
|
+
padding: 4px 8px;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
._item_lz3jx_1:hover {
|
|
15
15
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
16
16
|
}
|
|
17
|
-
.
|
|
18
|
-
display: inline-flex;
|
|
17
|
+
._item_lz3jx_1:hover ._actions_lz3jx_16 {
|
|
19
18
|
align-items: flex-start;
|
|
19
|
+
display: inline-flex;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
22
|
-
color: var(--el-color-primary);
|
|
21
|
+
._item_lz3jx_1._active_lz3jx_20 {
|
|
23
22
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
23
|
+
color: var(--el-color-primary);
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._label_lz3jx_25 {
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
text-overflow: ellipsis;
|
|
28
28
|
white-space: nowrap;
|
|
29
29
|
--el-checkbox-height: 24px;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
._label_lz3jx_25 .iconify {
|
|
32
32
|
margin-right: 4px;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
._label_lz3jx_25 .el-checkbox {
|
|
35
35
|
width: 100%;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
._label_lz3jx_25 .el-checkbox__label {
|
|
38
|
+
color: var(--el-text-color-regular) !important;
|
|
39
|
+
cursor: pointer !important;
|
|
38
40
|
overflow: hidden;
|
|
39
41
|
text-overflow: ellipsis;
|
|
40
42
|
white-space: nowrap;
|
|
41
|
-
color: var(--el-text-color-regular) !important;
|
|
42
|
-
cursor: pointer !important;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
45
|
-
display: none;
|
|
44
|
+
._actions_lz3jx_16 {
|
|
46
45
|
column-gap: 4px;
|
|
46
|
+
display: none;
|
|
47
47
|
}
|
|
48
|
-
.
|
|
49
|
-
margin-left: 0 !important;
|
|
50
|
-
font-size: 1.2em;
|
|
48
|
+
._actions_lz3jx_16 > button {
|
|
51
49
|
border: 1px solid var(--el-border-color-light) !important;
|
|
50
|
+
font-size: 1.2em;
|
|
51
|
+
margin-left: 0 !important;
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
._actions_lz3jx_16 > button:hover {
|
|
54
54
|
border-color: var(--el-border-color-dark) !important;
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
._remove_lz3jx_58 {
|
|
57
57
|
transform: translateY(-1px);
|
|
58
58
|
}
|
|
59
|
-
.
|
|
59
|
+
._scrollbar_lz3jx_62 {
|
|
60
60
|
margin: 0 -8px;
|
|
61
61
|
}
|
|
@@ -36,13 +36,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
36
|
rowKey: { type: [String, Function], default: "id" },
|
|
37
37
|
scrollLoad: { type: Boolean, default: false },
|
|
38
38
|
scrollLoadDisabled: { type: Boolean, default: false },
|
|
39
|
-
scrollLoadRootMargin: { default: "
|
|
39
|
+
scrollLoadRootMargin: { default: "100px" },
|
|
40
40
|
scrollLoadThreshold: { default: 0 }
|
|
41
41
|
},
|
|
42
42
|
emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll", "loadMore"],
|
|
43
43
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
44
44
|
useCssVars((_ctx) => ({
|
|
45
|
-
"
|
|
45
|
+
"fcc28e7c": `${_ctx.empty ? "flex" : "none"}`
|
|
46
46
|
}));
|
|
47
47
|
const props = __props;
|
|
48
48
|
const emits = __emit;
|
|
@@ -51,9 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
51
51
|
const tableRef = useTemplateRef("tableRef");
|
|
52
52
|
const sentinelRef = useTemplateRef("sentinelRef");
|
|
53
53
|
const columns = computed(() => state.columnConfig.value.filter(props.columnFilter));
|
|
54
|
-
const scrollLoadEnabled = computed(
|
|
55
|
-
() => props.scrollLoad && props.data.length > 0 && !props.loading && !props.scrollLoadDisabled
|
|
56
|
-
);
|
|
54
|
+
const scrollLoadEnabled = computed(() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled);
|
|
57
55
|
const scrollRoot = computed(() => tableRef.value?.scrollBarRef?.wrapRef ?? null);
|
|
58
56
|
useIntersectionObserver(
|
|
59
57
|
sentinelRef,
|
|
@@ -169,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
169
167
|
tableRef
|
|
170
168
|
});
|
|
171
169
|
return (_ctx, _cache) => {
|
|
172
|
-
const
|
|
170
|
+
const _component_ElIcon = ElIcon;
|
|
173
171
|
const _component_ElText = ElText;
|
|
174
172
|
const _component_ElTable = ElTable;
|
|
175
173
|
return openBlock(), createBlock(_component_ElTable, {
|
|
@@ -288,7 +286,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
288
286
|
]),
|
|
289
287
|
_: 2
|
|
290
288
|
}, [
|
|
291
|
-
_ctx.$slots.append || unref(scrollLoadEnabled) || __props.loading && __props.scrollLoad || __props.scrollLoadDisabled && __props.scrollLoad ? {
|
|
289
|
+
_ctx.$slots.append || unref(scrollLoadEnabled) || __props.loading && __props.scrollLoad || __props.scrollLoadDisabled && __props.scrollLoad && !__props.empty ? {
|
|
292
290
|
name: "append",
|
|
293
291
|
fn: withCtx(() => [
|
|
294
292
|
_ctx.$slots.append ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("", true),
|
|
@@ -302,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
302
300
|
createElementVNode("div", {
|
|
303
301
|
class: normalizeClass(unref($style)["status-text"])
|
|
304
302
|
}, [
|
|
305
|
-
createVNode(
|
|
303
|
+
createVNode(_component_ElIcon, { class: "is-loading" }, {
|
|
306
304
|
default: withCtx(() => [
|
|
307
305
|
createVNode(unref(Loading))
|
|
308
306
|
]),
|
|
@@ -315,7 +313,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
315
313
|
_: 1
|
|
316
314
|
})
|
|
317
315
|
], 2)
|
|
318
|
-
]) : __props.scrollLoadDisabled && __props.scrollLoad ? renderSlot(_ctx.$slots, "no-more", { key: 3 }, () => [
|
|
316
|
+
]) : __props.scrollLoadDisabled && __props.scrollLoad && !__props.empty ? renderSlot(_ctx.$slots, "no-more", { key: 3 }, () => [
|
|
319
317
|
createElementVNode("div", {
|
|
320
318
|
class: normalizeClass(unref($style)["status-text"])
|
|
321
319
|
}, [
|
|
@@ -335,19 +333,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
335
333
|
}
|
|
336
334
|
});
|
|
337
335
|
|
|
338
|
-
/* unplugin-vue-components disabled */const table = "
|
|
339
|
-
const selection = "
|
|
340
|
-
const radio = "
|
|
341
|
-
const checkbox = "
|
|
342
|
-
const sentinel = "
|
|
336
|
+
/* unplugin-vue-components disabled */const table = "_table_10xul_7";
|
|
337
|
+
const selection = "_selection_10xul_27";
|
|
338
|
+
const radio = "_radio_10xul_32";
|
|
339
|
+
const checkbox = "_checkbox_10xul_39";
|
|
340
|
+
const sentinel = "_sentinel_10xul_55";
|
|
343
341
|
const style0 = {
|
|
344
|
-
"explorer-table": "_explorer-
|
|
342
|
+
"explorer-table": "_explorer-table_10xul_1",
|
|
345
343
|
table: table,
|
|
346
344
|
selection: selection,
|
|
347
345
|
radio: radio,
|
|
348
346
|
checkbox: checkbox,
|
|
349
|
-
"selected-row": "_selected-
|
|
350
|
-
"status-text": "_status-
|
|
347
|
+
"selected-row": "_selected-row_10xul_43",
|
|
348
|
+
"status-text": "_status-text_10xul_47",
|
|
351
349
|
sentinel: sentinel
|
|
352
350
|
};
|
|
353
351
|
|
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
/* source: src/components/explorer-table/explorer-table.vue */
|
|
2
|
-
._explorer-
|
|
2
|
+
._explorer-table_10xul_1 {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
flex-grow: 1;
|
|
6
6
|
}
|
|
7
|
-
div.
|
|
7
|
+
div._table_10xul_7 {
|
|
8
8
|
flex-grow: 1;
|
|
9
9
|
height: 100px;
|
|
10
10
|
--el-table-header-bg-color: var(--el-color-info-light-9);
|
|
11
11
|
--el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
12
12
|
}
|
|
13
|
-
div.
|
|
14
|
-
min-height: 100%;
|
|
13
|
+
div._table_10xul_7 .el-scrollbar__view {
|
|
15
14
|
height: 100px;
|
|
15
|
+
min-height: 100%;
|
|
16
16
|
}
|
|
17
|
-
div.
|
|
17
|
+
div._table_10xul_7 .el-table__header-wrapper .el-table__cell:hover {
|
|
18
18
|
border-right-color: var(--el-color-primary-light-5) !important;
|
|
19
19
|
}
|
|
20
|
-
div.
|
|
20
|
+
div._table_10xul_7 .el-table__column-resize-proxy {
|
|
21
21
|
border-color: var(--el-color-primary);
|
|
22
22
|
}
|
|
23
|
-
div.
|
|
24
|
-
display: var(--
|
|
23
|
+
div._table_10xul_7 .el-table__empty-block {
|
|
24
|
+
display: var(--fcc28e7c);
|
|
25
25
|
}
|
|
26
|
-
.
|
|
27
|
-
display: flex;
|
|
26
|
+
._selection_10xul_27 .cell {
|
|
28
27
|
align-items: center;
|
|
28
|
+
display: flex;
|
|
29
29
|
}
|
|
30
|
-
.
|
|
30
|
+
._radio_10xul_32 {
|
|
31
31
|
height: unset;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._radio_10xul_32 .el-radio__label {
|
|
34
34
|
display: none;
|
|
35
35
|
}
|
|
36
|
-
.
|
|
36
|
+
._checkbox_10xul_39 {
|
|
37
37
|
height: unset !important;
|
|
38
38
|
}
|
|
39
|
-
._selected-
|
|
39
|
+
._selected-row_10xul_43 td.el-table__cell {
|
|
40
40
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
|
|
41
41
|
}
|
|
42
|
-
._status-
|
|
43
|
-
padding: 12px;
|
|
44
|
-
display: flex;
|
|
42
|
+
._status-text_10xul_47 {
|
|
45
43
|
align-items: center;
|
|
46
|
-
justify-content: flex-start;
|
|
47
44
|
column-gap: 4px;
|
|
45
|
+
display: flex;
|
|
46
|
+
justify-content: flex-start;
|
|
47
|
+
padding: 12px;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
._sentinel_10xul_55 {
|
|
50
50
|
height: 0;
|
|
51
51
|
}
|
|
@@ -6,11 +6,7 @@ export interface IExplorerTreeProps {
|
|
|
6
6
|
data?: TreeComponentProps['data'];
|
|
7
7
|
actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
|
|
8
8
|
treeProps?: Partial<TreeComponentProps>;
|
|
9
|
-
emptyText?: string;
|
|
10
9
|
defaultExpandAll?: boolean;
|
|
11
|
-
pending?: boolean;
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
loadingText?: string;
|
|
14
10
|
confirmParams?: (node: Node) => IButtonProps['confirm'];
|
|
15
11
|
filterMethod?: TreeComponentProps['filterNodeMethod'];
|
|
16
12
|
highlightCurrent?: boolean;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import './index.css'
|
|
2
|
-
import { ElTree
|
|
2
|
+
import { ElTree } from 'element-plus/es';
|
|
3
3
|
import 'element-plus/es/components/base/style/css';
|
|
4
|
-
import 'element-plus/es/components/icon/style/css';
|
|
5
4
|
import 'element-plus/es/components/tree/style/css';
|
|
6
|
-
import { defineComponent, useTemplateRef, computed,
|
|
7
|
-
import { Loading } from '@element-plus/icons-vue';
|
|
5
|
+
import { defineComponent, useTemplateRef, computed, watch, ref, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createVNode, mergeProps, unref, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
|
|
8
6
|
import '../../chunk/D9iEroQw.mjs';
|
|
9
7
|
import { C as Component$3 } from '../button/button.mjs';
|
|
10
8
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
@@ -118,11 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
118
116
|
data: {},
|
|
119
117
|
actions: { default: () => [] },
|
|
120
118
|
treeProps: {},
|
|
121
|
-
emptyText: { default: "没有数据" },
|
|
122
119
|
defaultExpandAll: { type: Boolean, default: true },
|
|
123
|
-
pending: { type: Boolean },
|
|
124
|
-
loading: { type: Boolean },
|
|
125
|
-
loadingText: { default: "数据加载中..." },
|
|
126
120
|
confirmParams: { type: Function, default: (node) => {
|
|
127
121
|
return { msg: `确定要删除 ${node.data.label} 吗?` };
|
|
128
122
|
} },
|
|
@@ -137,6 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
137
131
|
const emits = __emit;
|
|
138
132
|
const treeRef = useTemplateRef("treeRef");
|
|
139
133
|
const { filterKeyword } = injectExplorerPanelState();
|
|
134
|
+
const treeVisible = computed(() => Array.isArray(props.data) && props.data.length > 0);
|
|
140
135
|
const actionsMapping = {
|
|
141
136
|
create: { title: "新增", type: "primary", icon: "Plus" },
|
|
142
137
|
modify: { title: "修改", type: "primary", icon: "Edit" },
|
|
@@ -145,7 +140,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
145
140
|
down: { title: "下移", type: "success", icon: "Bottom" }
|
|
146
141
|
};
|
|
147
142
|
const treeProps = computed(() => ({
|
|
148
|
-
emptyText: props.emptyText,
|
|
149
143
|
defaultExpandAll: props.defaultExpandAll,
|
|
150
144
|
expandOnClickNode: false,
|
|
151
145
|
highlightCurrent: props.highlightCurrent,
|
|
@@ -153,22 +147,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
153
147
|
nodeKey: "value",
|
|
154
148
|
...props.treeProps
|
|
155
149
|
}));
|
|
156
|
-
const myTreeData = ref();
|
|
157
150
|
watch(() => props.disabled, () => {
|
|
158
151
|
if (props.disabled) {
|
|
159
|
-
index.traverse(
|
|
152
|
+
index.traverse(props.data || [], (node) => {
|
|
160
153
|
node.originDisabled = node.disabled;
|
|
161
154
|
node.disabled = true;
|
|
162
155
|
});
|
|
163
156
|
} else {
|
|
164
|
-
index.traverse(
|
|
157
|
+
index.traverse(props.data || [], (node) => {
|
|
165
158
|
node.disabled = node.originDisabled ?? false;
|
|
166
159
|
});
|
|
167
160
|
}
|
|
168
|
-
});
|
|
169
|
-
watch(() => props.data, () => {
|
|
170
|
-
myTreeData.value = props.data;
|
|
171
|
-
}, { immediate: true, deep: true });
|
|
161
|
+
}, { immediate: true });
|
|
172
162
|
function filterNode(value, data) {
|
|
173
163
|
if (!value || !filterKeyword.value) {
|
|
174
164
|
return true;
|
|
@@ -215,7 +205,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
215
205
|
});
|
|
216
206
|
return (_ctx, _cache) => {
|
|
217
207
|
const _component_ElTree = ElTree;
|
|
218
|
-
const _component_ElIcon = ElIcon;
|
|
219
208
|
return openBlock(), createBlock(Component$1, {
|
|
220
209
|
always: "",
|
|
221
210
|
class: normalizeClass(_ctx.$style.scrollbar)
|
|
@@ -224,8 +213,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
224
213
|
withDirectives(createVNode(_component_ElTree, mergeProps({
|
|
225
214
|
ref_key: "treeRef",
|
|
226
215
|
ref: treeRef,
|
|
227
|
-
data:
|
|
228
|
-
},
|
|
216
|
+
data: __props.data
|
|
217
|
+
}, unref(treeProps), {
|
|
229
218
|
class: _ctx.$style.tree,
|
|
230
219
|
"filter-node-method": filterNode,
|
|
231
220
|
onNodeClick: handleNodeClick
|
|
@@ -286,20 +275,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
286
275
|
]),
|
|
287
276
|
_: 3
|
|
288
277
|
}, 16, ["data", "class"]), [
|
|
289
|
-
[vShow,
|
|
290
|
-
])
|
|
291
|
-
__props.loading ? (openBlock(), createElementBlock("div", {
|
|
292
|
-
key: 0,
|
|
293
|
-
class: normalizeClass(_ctx.$style.loading)
|
|
294
|
-
}, [
|
|
295
|
-
createVNode(_component_ElIcon, { class: "is-loading" }, {
|
|
296
|
-
default: withCtx(() => [
|
|
297
|
-
createVNode(unref(Loading))
|
|
298
|
-
]),
|
|
299
|
-
_: 1
|
|
300
|
-
}),
|
|
301
|
-
createTextVNode(toDisplayString(__props.loadingText), 1)
|
|
302
|
-
], 2)) : createCommentVNode("", true)
|
|
278
|
+
[vShow, unref(treeVisible)]
|
|
279
|
+
])
|
|
303
280
|
]),
|
|
304
281
|
_: 3
|
|
305
282
|
}, 8, ["class"]);
|
|
@@ -307,20 +284,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
307
284
|
}
|
|
308
285
|
});
|
|
309
286
|
|
|
310
|
-
/* unplugin-vue-components disabled */const tree = "
|
|
311
|
-
const node = "
|
|
312
|
-
const label = "
|
|
313
|
-
const actions = "
|
|
314
|
-
const remove = "
|
|
315
|
-
const
|
|
316
|
-
const scrollbar = "_scrollbar_oy44a_72";
|
|
287
|
+
/* unplugin-vue-components disabled */const tree = "_tree_1vdtr_1";
|
|
288
|
+
const node = "_node_1vdtr_28";
|
|
289
|
+
const label = "_label_1vdtr_38";
|
|
290
|
+
const actions = "_actions_1vdtr_48";
|
|
291
|
+
const remove = "_remove_1vdtr_61";
|
|
292
|
+
const scrollbar = "_scrollbar_1vdtr_65";
|
|
317
293
|
const style0 = {
|
|
318
294
|
tree: tree,
|
|
319
295
|
node: node,
|
|
320
296
|
label: label,
|
|
321
297
|
actions: actions,
|
|
322
298
|
remove: remove,
|
|
323
|
-
loading: loading,
|
|
324
299
|
scrollbar: scrollbar
|
|
325
300
|
};
|
|
326
301
|
|
|
@@ -2057,8 +2057,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
|
|
|
2057
2057
|
onNodeClick?: ((value: string | number | undefined, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
|
|
2058
2058
|
}>, {
|
|
2059
2059
|
disabled: boolean | ((action: string, node: Node) => boolean);
|
|
2060
|
-
loadingText: string;
|
|
2061
|
-
emptyText: string;
|
|
2062
2060
|
highlightCurrent: boolean;
|
|
2063
2061
|
defaultExpandAll: boolean;
|
|
2064
2062
|
actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
|
|
@@ -1,69 +1,63 @@
|
|
|
1
1
|
/* source: src/components/explorer-tree/explorer-tree.vue */
|
|
2
|
-
.
|
|
3
|
-
display: flex;
|
|
2
|
+
._tree_1vdtr_1 .el-tree-node__content {
|
|
4
3
|
align-items: center;
|
|
4
|
+
display: flex;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._tree_1vdtr_1 .el-tree-node__content:hover {
|
|
7
7
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
8
8
|
}
|
|
9
|
-
.
|
|
9
|
+
._tree_1vdtr_1 .el-tree-node__content:hover .vc-actions {
|
|
10
10
|
display: inline-flex;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._tree_1vdtr_1 .el-tree-node:focus > .el-tree-node__content {
|
|
13
13
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
14
14
|
}
|
|
15
|
-
.
|
|
16
|
-
color: var(--el-color-primary);
|
|
15
|
+
._tree_1vdtr_1 .is-current > .el-tree-node__content {
|
|
17
16
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
|
|
17
|
+
color: var(--el-color-primary);
|
|
18
18
|
}
|
|
19
|
-
.
|
|
20
|
-
|
|
19
|
+
._tree_1vdtr_1 .el-tree__empty-block {
|
|
20
|
+
box-sizing: border-box;
|
|
21
21
|
min-height: unset;
|
|
22
22
|
padding: 4px 8px;
|
|
23
|
+
text-align: left;
|
|
23
24
|
}
|
|
24
|
-
.
|
|
25
|
+
._tree_1vdtr_1 .el-tree__empty-text {
|
|
25
26
|
position: static;
|
|
26
27
|
}
|
|
27
|
-
.
|
|
28
|
-
display: flex;
|
|
29
|
-
justify-content: space-between;
|
|
28
|
+
._node_1vdtr_28 {
|
|
30
29
|
align-items: center;
|
|
30
|
+
box-sizing: border-box;
|
|
31
|
+
display: flex;
|
|
31
32
|
flex-grow: 1;
|
|
33
|
+
justify-content: space-between;
|
|
32
34
|
padding: 4px 8px 4px 0;
|
|
33
|
-
box-sizing: border-box;
|
|
34
35
|
width: 100px;
|
|
35
36
|
}
|
|
36
|
-
.
|
|
37
|
+
._label_1vdtr_38 {
|
|
37
38
|
overflow: hidden;
|
|
38
39
|
text-overflow: ellipsis;
|
|
39
|
-
white-space: nowrap;
|
|
40
40
|
transform: translateY(-1px);
|
|
41
|
+
white-space: nowrap;
|
|
41
42
|
}
|
|
42
|
-
.
|
|
43
|
+
._label_1vdtr_38 .iconify {
|
|
43
44
|
margin-right: 4px;
|
|
44
45
|
}
|
|
45
|
-
.
|
|
46
|
-
display: none;
|
|
46
|
+
._actions_1vdtr_48 {
|
|
47
47
|
column-gap: 4px;
|
|
48
|
+
display: none;
|
|
48
49
|
}
|
|
49
|
-
.
|
|
50
|
-
margin-left: 0 !important;
|
|
51
|
-
font-size: 1.2em;
|
|
50
|
+
._actions_1vdtr_48 > button {
|
|
52
51
|
border: 1px solid var(--el-border-color-light) !important;
|
|
52
|
+
font-size: 1.2em;
|
|
53
|
+
margin-left: 0 !important;
|
|
53
54
|
}
|
|
54
|
-
.
|
|
55
|
+
._actions_1vdtr_48 > button:hover {
|
|
55
56
|
border-color: var(--el-border-color-dark) !important;
|
|
56
57
|
}
|
|
57
|
-
.
|
|
58
|
+
._remove_1vdtr_61 {
|
|
58
59
|
transform: translateY(-1px);
|
|
59
60
|
}
|
|
60
|
-
.
|
|
61
|
-
padding: 4px 8px;
|
|
62
|
-
display: flex;
|
|
63
|
-
align-items: center;
|
|
64
|
-
column-gap: 4px;
|
|
65
|
-
color: var(--el-text-color-secondary);
|
|
66
|
-
}
|
|
67
|
-
._scrollbar_oy44a_72 {
|
|
61
|
+
._scrollbar_1vdtr_65 {
|
|
68
62
|
margin: 0 -8px;
|
|
69
63
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
/* source: src/components/scrollbar/scrollbar.vue */
|
|
2
|
-
.
|
|
2
|
+
._scrollbar_ro2ve_1 {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
flex-grow: 1;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
8
|
-
flex-grow: 1;
|
|
9
|
-
flex-direction: column;
|
|
7
|
+
._scrollbar_ro2ve_1 > .el-scrollbar__wrap {
|
|
10
8
|
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
flex-grow: 1;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._scrollbar_ro2ve_1 > .el-scrollbar__wrap > .el-scrollbar__view {
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
flex-grow: 1;
|
|
16
|
-
margin: var(--
|
|
16
|
+
margin: var(--v4407bcd9);
|
|
17
17
|
}
|
|
18
|
-
._fill-
|
|
18
|
+
._fill-height_ro2ve_18 {
|
|
19
19
|
height: 10px;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
22
|
-
height:
|
|
21
|
+
._sentinel_ro2ve_22 {
|
|
22
|
+
height: 0;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
25
|
-
padding: 12px;
|
|
26
|
-
display: flex;
|
|
24
|
+
._loading_ro2ve_26 {
|
|
27
25
|
align-items: center;
|
|
28
|
-
justify-content: center;
|
|
29
26
|
column-gap: 4px;
|
|
27
|
+
display: flex;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
padding: 12px;
|
|
30
30
|
}
|
|
31
|
-
._status-
|
|
31
|
+
._status-text_ro2ve_34 {
|
|
32
32
|
padding: 12px;
|
|
33
33
|
text-align: center;
|
|
34
34
|
}
|
|
@@ -28,15 +28,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
emits: ["loadMore"],
|
|
29
29
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
30
30
|
useCssVars((_ctx) => ({
|
|
31
|
-
"
|
|
31
|
+
"v4407bcd9": _ctx.viewMargin
|
|
32
32
|
}));
|
|
33
33
|
const props = __props;
|
|
34
34
|
const emits = __emit;
|
|
35
35
|
const scrollbarRef = useTemplateRef("scrollbarRef");
|
|
36
36
|
const sentinelRef = useTemplateRef("sentinelRef");
|
|
37
|
-
const scrollLoadEnabled = computed(
|
|
38
|
-
() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled
|
|
39
|
-
);
|
|
37
|
+
const scrollLoadEnabled = computed(() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled);
|
|
40
38
|
const scrollRoot = computed(() => scrollbarRef.value?.wrapRef ?? null);
|
|
41
39
|
useIntersectionObserver(
|
|
42
40
|
sentinelRef,
|
|
@@ -54,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
54
52
|
__expose({ scrollbarRef });
|
|
55
53
|
return (_ctx, _cache) => {
|
|
56
54
|
const _component_ElText = ElText;
|
|
57
|
-
const
|
|
55
|
+
const _component_ElIcon = ElIcon;
|
|
58
56
|
const _component_ElScrollbar = ElScrollbar;
|
|
59
57
|
return openBlock(), createBlock(_component_ElScrollbar, {
|
|
60
58
|
ref_key: "scrollbarRef",
|
|
@@ -74,42 +72,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
74
72
|
})
|
|
75
73
|
], 2)
|
|
76
74
|
]),
|
|
77
|
-
|
|
75
|
+
unref(scrollLoadEnabled) ? (openBlock(), createElementBlock("div", {
|
|
78
76
|
key: 2,
|
|
79
77
|
ref_key: "sentinelRef",
|
|
80
78
|
ref: sentinelRef,
|
|
81
79
|
class: normalizeClass(_ctx.$style.sentinel)
|
|
82
|
-
},
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
], 2)) : createCommentVNode("", true)
|
|
80
|
+
}, null, 2)) : createCommentVNode("", true),
|
|
81
|
+
__props.loading ? renderSlot(_ctx.$slots, "loading", { key: 3 }, () => [
|
|
82
|
+
createElementVNode("div", {
|
|
83
|
+
class: normalizeClass(_ctx.$style.loading)
|
|
84
|
+
}, [
|
|
85
|
+
createVNode(_component_ElIcon, { class: "is-loading" }, {
|
|
86
|
+
default: withCtx(() => [
|
|
87
|
+
createVNode(unref(Loading))
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
}),
|
|
91
|
+
createVNode(_component_ElText, { type: "info" }, {
|
|
92
|
+
default: withCtx(() => [
|
|
93
|
+
createTextVNode(toDisplayString(__props.loadingText), 1)
|
|
94
|
+
]),
|
|
95
|
+
_: 1
|
|
96
|
+
})
|
|
97
|
+
], 2)
|
|
98
|
+
]) : __props.scrollLoadDisabled && !__props.empty ? renderSlot(_ctx.$slots, "no-more", { key: 4 }, () => [
|
|
99
|
+
createElementVNode("div", {
|
|
100
|
+
class: normalizeClass(_ctx.$style["status-text"])
|
|
101
|
+
}, [
|
|
102
|
+
createVNode(_component_ElText, { type: "info" }, {
|
|
103
|
+
default: withCtx(() => [
|
|
104
|
+
createTextVNode(toDisplayString(__props.noMoreText), 1)
|
|
105
|
+
]),
|
|
106
|
+
_: 1
|
|
107
|
+
})
|
|
108
|
+
], 2)
|
|
109
|
+
]) : createCommentVNode("", true)
|
|
113
110
|
]),
|
|
114
111
|
_: 3
|
|
115
112
|
}, 8, ["class"]);
|
|
@@ -117,15 +114,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
117
114
|
}
|
|
118
115
|
});
|
|
119
116
|
|
|
120
|
-
/* unplugin-vue-components disabled */const scrollbar = "
|
|
121
|
-
const sentinel = "
|
|
122
|
-
const loading = "
|
|
117
|
+
/* unplugin-vue-components disabled */const scrollbar = "_scrollbar_ro2ve_1";
|
|
118
|
+
const sentinel = "_sentinel_ro2ve_22";
|
|
119
|
+
const loading = "_loading_ro2ve_26";
|
|
123
120
|
const style0 = {
|
|
124
121
|
scrollbar: scrollbar,
|
|
125
|
-
"fill-height": "_fill-
|
|
122
|
+
"fill-height": "_fill-height_ro2ve_18",
|
|
126
123
|
sentinel: sentinel,
|
|
127
124
|
loading: loading,
|
|
128
|
-
"status-text": "_status-
|
|
125
|
+
"status-text": "_status-text_ro2ve_34"
|
|
129
126
|
};
|
|
130
127
|
|
|
131
128
|
const cssModules = {
|
package/dist/es/index.mjs
CHANGED
|
@@ -164,7 +164,7 @@ const __vite_glob_0_50 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
|
|
|
164
164
|
default: _sfc_main$8
|
|
165
165
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
166
166
|
|
|
167
|
-
const version = "1.13.
|
|
167
|
+
const version = "1.13.4";
|
|
168
168
|
|
|
169
169
|
const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switch/color-switch.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switch/dark-switch.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/form-item/form-item.vue": __vite_glob_0_34,"./components/gen-input/gen-input.vue": __vite_glob_0_35,"./components/icon-picker/icon-picker.vue": __vite_glob_0_36,"./components/icon/icon.vue": __vite_glob_0_37,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_38,"./components/image/image.vue": __vite_glob_0_39,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_40,"./components/input-number/input-number.vue": __vite_glob_0_41,"./components/input/input.vue": __vite_glob_0_42,"./components/pca-picker/pca-picker.vue": __vite_glob_0_43,"./components/qr-code/qr-code.vue": __vite_glob_0_44,"./components/screenfull/screenfull.vue": __vite_glob_0_45,"./components/scrollbar/scrollbar.vue": __vite_glob_0_46,"./components/select/select.vue": __vite_glob_0_47,"./components/single-player/single-player.vue": __vite_glob_0_48,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_49,"./components/splitter/splitter.vue": __vite_glob_0_50,"./components/svg-icon/svg-icon.vue": __vite_glob_0_51,"./components/switch/switch.vue": __vite_glob_0_52,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_53,"./components/tags/tags.vue": __vite_glob_0_54,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_55,"./components/thousand-input/thousand-input.vue": __vite_glob_0_56,"./components/tinymce/tinymce.vue": __vite_glob_0_57,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_58,"./components/transfer/transfer.vue": __vite_glob_0_59,"./components/tree-picker/tree-picker.vue": __vite_glob_0_60,"./components/tree-select/tree-select.vue": __vite_glob_0_61,"./components/upload-file/upload-file.vue": __vite_glob_0_62});
|
|
170
170
|
const upper = (_, letter) => letter.toUpperCase();
|
package/dist/index.css
CHANGED
|
@@ -604,12 +604,12 @@ div._table_1vtct_1 {
|
|
|
604
604
|
margin: 0 -8px;
|
|
605
605
|
}
|
|
606
606
|
/* source: src/components/explorer-filter/explorer-filter.vue */
|
|
607
|
-
._explorer-
|
|
608
|
-
padding-bottom: var(--v649a28c7);
|
|
609
|
-
display: flex;
|
|
610
|
-
column-gap: 8px;
|
|
607
|
+
._explorer-filter_j39kx_1 {
|
|
611
608
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
609
|
+
column-gap: 8px;
|
|
610
|
+
display: flex;
|
|
612
611
|
margin-bottom: 8px;
|
|
612
|
+
padding-bottom: var(--v07a058f6);
|
|
613
613
|
}
|
|
614
614
|
/* source: src/components/explorer-footer/explorer-footer.vue */
|
|
615
615
|
._explorer-footer_ntz3b_1 {
|
|
@@ -667,64 +667,64 @@ div._table_1vtct_1 {
|
|
|
667
667
|
margin: 0 -8px;
|
|
668
668
|
}
|
|
669
669
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
670
|
-
.
|
|
671
|
-
padding: 4px 8px;
|
|
672
|
-
cursor: var(--ac031736);
|
|
673
|
-
display: flex;
|
|
674
|
-
justify-content: space-between;
|
|
670
|
+
._item_lz3jx_1 {
|
|
675
671
|
align-items: center;
|
|
676
|
-
font-size: var(--el-font-size-base);
|
|
677
|
-
color: var(--el-text-color-regular);
|
|
678
|
-
min-height: 32px;
|
|
679
672
|
box-sizing: border-box;
|
|
673
|
+
color: var(--el-text-color-regular);
|
|
674
|
+
cursor: var(--c3221704);
|
|
675
|
+
display: flex;
|
|
676
|
+
font-size: var(--el-font-size-base);
|
|
677
|
+
justify-content: space-between;
|
|
680
678
|
line-height: 1;
|
|
679
|
+
min-height: 32px;
|
|
680
|
+
padding: 4px 8px;
|
|
681
681
|
}
|
|
682
|
-
.
|
|
682
|
+
._item_lz3jx_1:hover {
|
|
683
683
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
684
684
|
}
|
|
685
|
-
.
|
|
686
|
-
display: inline-flex;
|
|
685
|
+
._item_lz3jx_1:hover ._actions_lz3jx_16 {
|
|
687
686
|
align-items: flex-start;
|
|
687
|
+
display: inline-flex;
|
|
688
688
|
}
|
|
689
|
-
.
|
|
690
|
-
color: var(--el-color-primary);
|
|
689
|
+
._item_lz3jx_1._active_lz3jx_20 {
|
|
691
690
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
691
|
+
color: var(--el-color-primary);
|
|
692
692
|
}
|
|
693
|
-
.
|
|
693
|
+
._label_lz3jx_25 {
|
|
694
694
|
overflow: hidden;
|
|
695
695
|
text-overflow: ellipsis;
|
|
696
696
|
white-space: nowrap;
|
|
697
697
|
--el-checkbox-height: 24px;
|
|
698
698
|
}
|
|
699
|
-
.
|
|
699
|
+
._label_lz3jx_25 .iconify {
|
|
700
700
|
margin-right: 4px;
|
|
701
701
|
}
|
|
702
|
-
.
|
|
702
|
+
._label_lz3jx_25 .el-checkbox {
|
|
703
703
|
width: 100%;
|
|
704
704
|
}
|
|
705
|
-
.
|
|
705
|
+
._label_lz3jx_25 .el-checkbox__label {
|
|
706
|
+
color: var(--el-text-color-regular) !important;
|
|
707
|
+
cursor: pointer !important;
|
|
706
708
|
overflow: hidden;
|
|
707
709
|
text-overflow: ellipsis;
|
|
708
710
|
white-space: nowrap;
|
|
709
|
-
color: var(--el-text-color-regular) !important;
|
|
710
|
-
cursor: pointer !important;
|
|
711
711
|
}
|
|
712
|
-
.
|
|
713
|
-
display: none;
|
|
712
|
+
._actions_lz3jx_16 {
|
|
714
713
|
column-gap: 4px;
|
|
714
|
+
display: none;
|
|
715
715
|
}
|
|
716
|
-
.
|
|
717
|
-
margin-left: 0 !important;
|
|
718
|
-
font-size: 1.2em;
|
|
716
|
+
._actions_lz3jx_16 > button {
|
|
719
717
|
border: 1px solid var(--el-border-color-light) !important;
|
|
718
|
+
font-size: 1.2em;
|
|
719
|
+
margin-left: 0 !important;
|
|
720
720
|
}
|
|
721
|
-
.
|
|
721
|
+
._actions_lz3jx_16 > button:hover {
|
|
722
722
|
border-color: var(--el-border-color-dark) !important;
|
|
723
723
|
}
|
|
724
|
-
.
|
|
724
|
+
._remove_lz3jx_58 {
|
|
725
725
|
transform: translateY(-1px);
|
|
726
726
|
}
|
|
727
|
-
.
|
|
727
|
+
._scrollbar_lz3jx_62 {
|
|
728
728
|
margin: 0 -8px;
|
|
729
729
|
}
|
|
730
730
|
/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
|
|
@@ -798,54 +798,54 @@ div._table_1vtct_1 {
|
|
|
798
798
|
margin-left: 0;
|
|
799
799
|
}
|
|
800
800
|
/* source: src/components/explorer-table/explorer-table.vue */
|
|
801
|
-
._explorer-
|
|
801
|
+
._explorer-table_10xul_1 {
|
|
802
802
|
display: flex;
|
|
803
803
|
flex-direction: column;
|
|
804
804
|
flex-grow: 1;
|
|
805
805
|
}
|
|
806
|
-
div.
|
|
806
|
+
div._table_10xul_7 {
|
|
807
807
|
flex-grow: 1;
|
|
808
808
|
height: 100px;
|
|
809
809
|
--el-table-header-bg-color: var(--el-color-info-light-9);
|
|
810
810
|
--el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
811
811
|
}
|
|
812
|
-
div.
|
|
813
|
-
min-height: 100%;
|
|
812
|
+
div._table_10xul_7 .el-scrollbar__view {
|
|
814
813
|
height: 100px;
|
|
814
|
+
min-height: 100%;
|
|
815
815
|
}
|
|
816
|
-
div.
|
|
816
|
+
div._table_10xul_7 .el-table__header-wrapper .el-table__cell:hover {
|
|
817
817
|
border-right-color: var(--el-color-primary-light-5) !important;
|
|
818
818
|
}
|
|
819
|
-
div.
|
|
819
|
+
div._table_10xul_7 .el-table__column-resize-proxy {
|
|
820
820
|
border-color: var(--el-color-primary);
|
|
821
821
|
}
|
|
822
|
-
div.
|
|
823
|
-
display: var(--
|
|
822
|
+
div._table_10xul_7 .el-table__empty-block {
|
|
823
|
+
display: var(--fcc28e7c);
|
|
824
824
|
}
|
|
825
|
-
.
|
|
826
|
-
display: flex;
|
|
825
|
+
._selection_10xul_27 .cell {
|
|
827
826
|
align-items: center;
|
|
827
|
+
display: flex;
|
|
828
828
|
}
|
|
829
|
-
.
|
|
829
|
+
._radio_10xul_32 {
|
|
830
830
|
height: unset;
|
|
831
831
|
}
|
|
832
|
-
.
|
|
832
|
+
._radio_10xul_32 .el-radio__label {
|
|
833
833
|
display: none;
|
|
834
834
|
}
|
|
835
|
-
.
|
|
835
|
+
._checkbox_10xul_39 {
|
|
836
836
|
height: unset !important;
|
|
837
837
|
}
|
|
838
|
-
._selected-
|
|
838
|
+
._selected-row_10xul_43 td.el-table__cell {
|
|
839
839
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
|
|
840
840
|
}
|
|
841
|
-
._status-
|
|
842
|
-
padding: 12px;
|
|
843
|
-
display: flex;
|
|
841
|
+
._status-text_10xul_47 {
|
|
844
842
|
align-items: center;
|
|
845
|
-
justify-content: flex-start;
|
|
846
843
|
column-gap: 4px;
|
|
844
|
+
display: flex;
|
|
845
|
+
justify-content: flex-start;
|
|
846
|
+
padding: 12px;
|
|
847
847
|
}
|
|
848
|
-
.
|
|
848
|
+
._sentinel_10xul_55 {
|
|
849
849
|
height: 0;
|
|
850
850
|
}
|
|
851
851
|
/* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
|
|
@@ -913,72 +913,66 @@ div._divider_8k9xf_21 {
|
|
|
913
913
|
height: 100% !important;
|
|
914
914
|
}
|
|
915
915
|
/* source: src/components/explorer-tree/explorer-tree.vue */
|
|
916
|
-
.
|
|
917
|
-
display: flex;
|
|
916
|
+
._tree_1vdtr_1 .el-tree-node__content {
|
|
918
917
|
align-items: center;
|
|
918
|
+
display: flex;
|
|
919
919
|
}
|
|
920
|
-
.
|
|
920
|
+
._tree_1vdtr_1 .el-tree-node__content:hover {
|
|
921
921
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
922
922
|
}
|
|
923
|
-
.
|
|
923
|
+
._tree_1vdtr_1 .el-tree-node__content:hover .vc-actions {
|
|
924
924
|
display: inline-flex;
|
|
925
925
|
}
|
|
926
|
-
.
|
|
926
|
+
._tree_1vdtr_1 .el-tree-node:focus > .el-tree-node__content {
|
|
927
927
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
928
928
|
}
|
|
929
|
-
.
|
|
930
|
-
color: var(--el-color-primary);
|
|
929
|
+
._tree_1vdtr_1 .is-current > .el-tree-node__content {
|
|
931
930
|
background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light)) !important;
|
|
931
|
+
color: var(--el-color-primary);
|
|
932
932
|
}
|
|
933
|
-
.
|
|
934
|
-
|
|
933
|
+
._tree_1vdtr_1 .el-tree__empty-block {
|
|
934
|
+
box-sizing: border-box;
|
|
935
935
|
min-height: unset;
|
|
936
936
|
padding: 4px 8px;
|
|
937
|
+
text-align: left;
|
|
937
938
|
}
|
|
938
|
-
.
|
|
939
|
+
._tree_1vdtr_1 .el-tree__empty-text {
|
|
939
940
|
position: static;
|
|
940
941
|
}
|
|
941
|
-
.
|
|
942
|
-
display: flex;
|
|
943
|
-
justify-content: space-between;
|
|
942
|
+
._node_1vdtr_28 {
|
|
944
943
|
align-items: center;
|
|
944
|
+
box-sizing: border-box;
|
|
945
|
+
display: flex;
|
|
945
946
|
flex-grow: 1;
|
|
947
|
+
justify-content: space-between;
|
|
946
948
|
padding: 4px 8px 4px 0;
|
|
947
|
-
box-sizing: border-box;
|
|
948
949
|
width: 100px;
|
|
949
950
|
}
|
|
950
|
-
.
|
|
951
|
+
._label_1vdtr_38 {
|
|
951
952
|
overflow: hidden;
|
|
952
953
|
text-overflow: ellipsis;
|
|
953
|
-
white-space: nowrap;
|
|
954
954
|
transform: translateY(-1px);
|
|
955
|
+
white-space: nowrap;
|
|
955
956
|
}
|
|
956
|
-
.
|
|
957
|
+
._label_1vdtr_38 .iconify {
|
|
957
958
|
margin-right: 4px;
|
|
958
959
|
}
|
|
959
|
-
.
|
|
960
|
-
display: none;
|
|
960
|
+
._actions_1vdtr_48 {
|
|
961
961
|
column-gap: 4px;
|
|
962
|
+
display: none;
|
|
962
963
|
}
|
|
963
|
-
.
|
|
964
|
-
margin-left: 0 !important;
|
|
965
|
-
font-size: 1.2em;
|
|
964
|
+
._actions_1vdtr_48 > button {
|
|
966
965
|
border: 1px solid var(--el-border-color-light) !important;
|
|
966
|
+
font-size: 1.2em;
|
|
967
|
+
margin-left: 0 !important;
|
|
967
968
|
}
|
|
968
|
-
.
|
|
969
|
+
._actions_1vdtr_48 > button:hover {
|
|
969
970
|
border-color: var(--el-border-color-dark) !important;
|
|
970
971
|
}
|
|
971
|
-
.
|
|
972
|
+
._remove_1vdtr_61 {
|
|
972
973
|
transform: translateY(-1px);
|
|
973
974
|
}
|
|
974
|
-
.
|
|
975
|
-
padding: 4px 8px;
|
|
976
|
-
display: flex;
|
|
977
|
-
align-items: center;
|
|
978
|
-
column-gap: 4px;
|
|
979
|
-
color: var(--el-text-color-secondary);
|
|
980
|
-
}
|
|
981
|
-
._scrollbar_oy44a_72 {
|
|
975
|
+
._scrollbar_1vdtr_65 {
|
|
982
976
|
margin: 0 -8px;
|
|
983
977
|
}
|
|
984
978
|
/* source: src/components/explorer/explorer.vue */
|
|
@@ -1383,36 +1377,36 @@ div._input-width_wnpjs_1 {
|
|
|
1383
1377
|
fill: currentcolor;
|
|
1384
1378
|
}
|
|
1385
1379
|
/* source: src/components/scrollbar/scrollbar.vue */
|
|
1386
|
-
.
|
|
1380
|
+
._scrollbar_ro2ve_1 {
|
|
1387
1381
|
display: flex;
|
|
1388
1382
|
flex-direction: column;
|
|
1389
1383
|
flex-grow: 1;
|
|
1390
1384
|
}
|
|
1391
|
-
.
|
|
1392
|
-
flex-grow: 1;
|
|
1393
|
-
flex-direction: column;
|
|
1385
|
+
._scrollbar_ro2ve_1 > .el-scrollbar__wrap {
|
|
1394
1386
|
display: flex;
|
|
1387
|
+
flex-direction: column;
|
|
1388
|
+
flex-grow: 1;
|
|
1395
1389
|
}
|
|
1396
|
-
.
|
|
1390
|
+
._scrollbar_ro2ve_1 > .el-scrollbar__wrap > .el-scrollbar__view {
|
|
1397
1391
|
display: flex;
|
|
1398
1392
|
flex-direction: column;
|
|
1399
1393
|
flex-grow: 1;
|
|
1400
|
-
margin: var(--
|
|
1394
|
+
margin: var(--v4407bcd9);
|
|
1401
1395
|
}
|
|
1402
|
-
._fill-
|
|
1396
|
+
._fill-height_ro2ve_18 {
|
|
1403
1397
|
height: 10px;
|
|
1404
1398
|
}
|
|
1405
|
-
.
|
|
1406
|
-
height:
|
|
1399
|
+
._sentinel_ro2ve_22 {
|
|
1400
|
+
height: 0;
|
|
1407
1401
|
}
|
|
1408
|
-
.
|
|
1409
|
-
padding: 12px;
|
|
1410
|
-
display: flex;
|
|
1402
|
+
._loading_ro2ve_26 {
|
|
1411
1403
|
align-items: center;
|
|
1412
|
-
justify-content: center;
|
|
1413
1404
|
column-gap: 4px;
|
|
1405
|
+
display: flex;
|
|
1406
|
+
justify-content: center;
|
|
1407
|
+
padding: 12px;
|
|
1414
1408
|
}
|
|
1415
|
-
._status-
|
|
1409
|
+
._status-text_ro2ve_34 {
|
|
1416
1410
|
padding: 12px;
|
|
1417
1411
|
text-align: center;
|
|
1418
1412
|
}
|