@wfrog/vc-ui 1.11.1 → 1.11.3
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-container/explorer-container.d.ts +8 -0
- package/dist/es/components/explorer-container/explorer-container.mjs +7 -6
- package/dist/es/components/explorer-table/explorer-table.d.ts +4 -2
- package/dist/es/components/explorer-table/explorer-table.mjs +80 -20
- package/dist/es/components/explorer-table/explorer-table.vue.d.ts +7 -2
- package/dist/es/components/explorer-table/index.css +10 -7
- package/dist/es/components/explorer-tools/explorer-tools.d.ts +1 -0
- package/dist/es/components/explorer-tools/explorer-tools.mjs +9 -7
- package/dist/es/components/explorer-tools/index.css +12 -7
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +22 -14
- package/package.json +1 -1
|
@@ -1,5 +1,13 @@
|
|
|
1
|
+
import { ScrollbarDirection, ScrollbarProps } from 'element-plus';
|
|
1
2
|
export interface IExplorerContainerProps {
|
|
2
3
|
title: string;
|
|
3
4
|
icon?: string;
|
|
4
5
|
loading?: boolean;
|
|
6
|
+
scrollbarProps?: Partial<ScrollbarProps> & {
|
|
7
|
+
onEndReached?: (direction: ScrollbarDirection) => void;
|
|
8
|
+
onScroll?: ({ scrollTop, scrollLeft }: {
|
|
9
|
+
scrollTop: number;
|
|
10
|
+
scrollLeft: number;
|
|
11
|
+
}) => void;
|
|
12
|
+
};
|
|
5
13
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/Gk1J52Yw.mjs';
|
|
3
3
|
import { v as vLoading } from '../../chunk/BTSSEFfD.mjs';
|
|
4
|
-
import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, withCtx } from 'vue';
|
|
4
|
+
import { defineComponent, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createCommentVNode, createBlock, renderSlot, createTextVNode, toDisplayString, mergeProps, withCtx } from 'vue';
|
|
5
5
|
import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
|
|
6
6
|
import { C as Component$2 } from '../scrollbar/scrollbar.mjs';
|
|
7
7
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
11
11
|
props: {
|
|
12
12
|
title: {},
|
|
13
13
|
icon: { default: "carbon:information-square" },
|
|
14
|
-
loading: { type: Boolean, default: false }
|
|
14
|
+
loading: { type: Boolean, default: false },
|
|
15
|
+
scrollbarProps: {}
|
|
15
16
|
},
|
|
16
17
|
setup(__props) {
|
|
17
18
|
return (_ctx, _cache) => {
|
|
@@ -41,15 +42,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
42
|
renderSlot(_ctx.$slots, "action")
|
|
42
43
|
], 2)) : createCommentVNode("", true)
|
|
43
44
|
], 2),
|
|
44
|
-
createVNode(Component$2, {
|
|
45
|
+
createVNode(Component$2, mergeProps({
|
|
45
46
|
always: "",
|
|
46
|
-
class:
|
|
47
|
-
}, {
|
|
47
|
+
class: _ctx.$style.scrollbar
|
|
48
|
+
}, __props.scrollbarProps), {
|
|
48
49
|
default: withCtx(() => [
|
|
49
50
|
renderSlot(_ctx.$slots, "default")
|
|
50
51
|
]),
|
|
51
52
|
_: 3
|
|
52
|
-
},
|
|
53
|
+
}, 16, ["class"])
|
|
53
54
|
], 2)), [
|
|
54
55
|
[_directive_loading, __props.loading]
|
|
55
56
|
]);
|
|
@@ -3,7 +3,8 @@ import { IColumnConfig } from '../explorer-column-table/explorer-column-table';
|
|
|
3
3
|
export interface IExplorerTableProps {
|
|
4
4
|
data: any[];
|
|
5
5
|
selection?: boolean;
|
|
6
|
-
|
|
6
|
+
customSelection?: 'radio' | 'checkbox';
|
|
7
|
+
multipleCheckedKey?: string;
|
|
7
8
|
index?: boolean;
|
|
8
9
|
highlightCurrent?: boolean;
|
|
9
10
|
emptyText?: string;
|
|
@@ -18,6 +19,7 @@ export interface IExplorerTableProps {
|
|
|
18
19
|
}
|
|
19
20
|
export interface IExplorerTableEmits {
|
|
20
21
|
(e: 'columnEvent', column: IColumnConfig, row: Record<string, any>, value: Record<string, any>): void;
|
|
21
|
-
(e: '
|
|
22
|
+
(e: 'singleSelectionChange', row: Record<string, any>): void;
|
|
23
|
+
(e: 'multipleSelectionChange', row: Record<string, any>, values: Array<string | number>): void;
|
|
22
24
|
(e: 'selectionChange', rows: Record<string, any>[]): void;
|
|
23
25
|
}
|
|
@@ -7,7 +7,7 @@ import '../../chunk/NsldgdCh.mjs';
|
|
|
7
7
|
import '../../chunk/CoGexPPD.mjs';
|
|
8
8
|
import '../../chunk/CjLR27-a.mjs';
|
|
9
9
|
import { defineComponent, h, useCssModule, useTemplateRef, computed, ref, watch, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, withCtx, createBlock, createCommentVNode, renderSlot, withModifiers, isRef, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent } from 'vue';
|
|
10
|
-
import { ElTableColumn, ElRadio } from 'element-plus';
|
|
10
|
+
import { ElTableColumn, ElRadio, ElCheckbox } from 'element-plus';
|
|
11
11
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
12
12
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
13
13
|
|
|
@@ -18,7 +18,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
props: {
|
|
19
19
|
data: {},
|
|
20
20
|
selection: { type: Boolean },
|
|
21
|
-
|
|
21
|
+
customSelection: {},
|
|
22
|
+
multipleCheckedKey: { default: "checked" },
|
|
22
23
|
index: { type: Boolean },
|
|
23
24
|
highlightCurrent: { type: Boolean, default: false },
|
|
24
25
|
emptyText: { default: "没有数据" },
|
|
@@ -31,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
31
32
|
startIndex: { default: 0 },
|
|
32
33
|
rowKey: { type: [String, Function], default: "id" }
|
|
33
34
|
},
|
|
34
|
-
emits: ["columnEvent", "
|
|
35
|
+
emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange"],
|
|
35
36
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
36
37
|
const props = __props;
|
|
37
38
|
const emits = __emit;
|
|
@@ -41,6 +42,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
42
|
const columns = computed(() => state.columnConfig.value.filter((item) => item.visible !== false));
|
|
42
43
|
const selectedValue = ref();
|
|
43
44
|
const selectedValues = ref(/* @__PURE__ */ new Set());
|
|
45
|
+
const isSingleSelection = computed(() => props.customSelection === "radio");
|
|
46
|
+
const isMultipleSelection = computed(() => props.customSelection === "checkbox");
|
|
47
|
+
const isSelectedAll = computed({
|
|
48
|
+
get() {
|
|
49
|
+
if (!isMultipleSelection.value) {
|
|
50
|
+
return false;
|
|
51
|
+
}
|
|
52
|
+
return selectedValues.value.size === props.data.length;
|
|
53
|
+
},
|
|
54
|
+
set(val) {
|
|
55
|
+
if (!isMultipleSelection.value) {
|
|
56
|
+
return;
|
|
57
|
+
}
|
|
58
|
+
if (val) {
|
|
59
|
+
selectedValues.value = new Set(props.data.map(getRowValue));
|
|
60
|
+
} else {
|
|
61
|
+
selectedValues.value.clear();
|
|
62
|
+
}
|
|
63
|
+
props.data.forEach((row) => {
|
|
64
|
+
row.checked = val;
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
const indeterminate = computed(() => {
|
|
69
|
+
if (!isMultipleSelection.value) {
|
|
70
|
+
return false;
|
|
71
|
+
}
|
|
72
|
+
return selectedValues.value.size > 0 && selectedValues.value.size < props.data.length;
|
|
73
|
+
});
|
|
44
74
|
function getRowValue(row) {
|
|
45
75
|
if (!row || !props.rowKey)
|
|
46
76
|
return void 0;
|
|
@@ -56,12 +86,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
56
86
|
const value = getRowValue(row);
|
|
57
87
|
if (selectedValue.value !== value) {
|
|
58
88
|
selectedValue.value = value;
|
|
59
|
-
emits("
|
|
89
|
+
emits("singleSelectionChange", row);
|
|
60
90
|
}
|
|
61
91
|
}
|
|
62
|
-
function
|
|
63
|
-
|
|
64
|
-
|
|
92
|
+
function handleCheckboxClick(row) {
|
|
93
|
+
const value = getRowValue(row);
|
|
94
|
+
const checked = !row[props.multipleCheckedKey];
|
|
95
|
+
checked ? selectedValues.value.add(value) : selectedValues.value.delete(value);
|
|
96
|
+
emits("multipleSelectionChange", row, Array.from(selectedValues.value));
|
|
65
97
|
}
|
|
66
98
|
function columnType(item) {
|
|
67
99
|
if (item.prop.startsWith("expand")) {
|
|
@@ -102,6 +134,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
102
134
|
setSelectedValues: (values) => {
|
|
103
135
|
selectedValues.value = new Set(values);
|
|
104
136
|
},
|
|
137
|
+
selectAll: () => {
|
|
138
|
+
isSelectedAll.value = true;
|
|
139
|
+
},
|
|
140
|
+
clearSelection: () => {
|
|
141
|
+
isSelectedAll.value = false;
|
|
142
|
+
},
|
|
105
143
|
tableRef
|
|
106
144
|
});
|
|
107
145
|
return (_ctx, _cache) => {
|
|
@@ -124,8 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
124
162
|
"allow-drag-last-column": true,
|
|
125
163
|
"row-key": __props.rowKey,
|
|
126
164
|
"row-class-name": rowClassName,
|
|
127
|
-
onHeaderDragend
|
|
128
|
-
onSelectionChange: handleSelectionChange
|
|
165
|
+
onHeaderDragend
|
|
129
166
|
}), createSlots({
|
|
130
167
|
empty: withCtx(() => [
|
|
131
168
|
!__props.loading && !__props.pending ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(__props.emptyText), 1)) : (openBlock(), createElementBlock("div", _hoisted_2))
|
|
@@ -137,23 +174,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
137
174
|
width: __props.size === "large" ? 50 : 40,
|
|
138
175
|
align: "center"
|
|
139
176
|
}, null, 8, ["width"])) : createCommentVNode("", true),
|
|
140
|
-
__props.
|
|
177
|
+
__props.customSelection ? (openBlock(), createBlock(unref(ElTableColumn), {
|
|
141
178
|
key: 1,
|
|
142
179
|
width: __props.size === "large" ? 50 : 40,
|
|
143
180
|
align: "center",
|
|
144
181
|
fixed: "left"
|
|
145
|
-
}, {
|
|
182
|
+
}, createSlots({
|
|
146
183
|
default: withCtx(({ row }) => [
|
|
147
|
-
|
|
184
|
+
unref(isSingleSelection) ? (openBlock(), createBlock(unref(ElRadio), {
|
|
185
|
+
key: 0,
|
|
148
186
|
modelValue: unref(selectedValue),
|
|
149
|
-
"onUpdate:modelValue": _cache[
|
|
187
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(selectedValue) ? selectedValue.value = $event : null),
|
|
150
188
|
value: getRowValue(row),
|
|
151
189
|
class: normalizeClass(unref($style).radio),
|
|
152
190
|
onClick: withModifiers(($event) => handleRadioClick(row), ["stop"])
|
|
153
|
-
}, null, 8, ["modelValue", "value", "class", "onClick"])
|
|
191
|
+
}, null, 8, ["modelValue", "value", "class", "onClick"])) : createCommentVNode("", true),
|
|
192
|
+
unref(isMultipleSelection) ? (openBlock(), createBlock(unref(ElCheckbox), {
|
|
193
|
+
key: 1,
|
|
194
|
+
modelValue: row[__props.multipleCheckedKey],
|
|
195
|
+
"onUpdate:modelValue": ($event) => row[__props.multipleCheckedKey] = $event,
|
|
196
|
+
class: normalizeClass(unref($style).checkbox),
|
|
197
|
+
onClick: withModifiers(($event) => handleCheckboxClick(row), ["stop"])
|
|
198
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "class", "onClick"])) : createCommentVNode("", true)
|
|
154
199
|
]),
|
|
155
|
-
_:
|
|
156
|
-
},
|
|
200
|
+
_: 2
|
|
201
|
+
}, [
|
|
202
|
+
unref(isMultipleSelection) ? {
|
|
203
|
+
name: "header",
|
|
204
|
+
fn: withCtx(() => [
|
|
205
|
+
createVNode(unref(ElCheckbox), {
|
|
206
|
+
modelValue: unref(isSelectedAll),
|
|
207
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isSelectedAll) ? isSelectedAll.value = $event : null),
|
|
208
|
+
indeterminate: unref(indeterminate),
|
|
209
|
+
class: normalizeClass(unref($style).checkbox)
|
|
210
|
+
}, null, 8, ["modelValue", "indeterminate", "class"])
|
|
211
|
+
]),
|
|
212
|
+
key: "0"
|
|
213
|
+
} : void 0
|
|
214
|
+
]), 1032, ["width"])) : createCommentVNode("", true),
|
|
157
215
|
unref(columns).length ? (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(columns), (item) => {
|
|
158
216
|
return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
|
|
159
217
|
key: item.prop
|
|
@@ -212,13 +270,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
212
270
|
}
|
|
213
271
|
});
|
|
214
272
|
|
|
215
|
-
/* unplugin-vue-components disabled */const table = "
|
|
216
|
-
const radio = "
|
|
273
|
+
/* unplugin-vue-components disabled */const table = "_table_t83pa_7";
|
|
274
|
+
const radio = "_radio_t83pa_20";
|
|
275
|
+
const checkbox = "_checkbox_t83pa_27";
|
|
217
276
|
const style0 = {
|
|
218
|
-
"explorer-table": "_explorer-
|
|
277
|
+
"explorer-table": "_explorer-table_t83pa_1",
|
|
219
278
|
table: table,
|
|
220
279
|
radio: radio,
|
|
221
|
-
|
|
280
|
+
checkbox: checkbox,
|
|
281
|
+
"selected-row": "_selected-row_t83pa_31"
|
|
222
282
|
};
|
|
223
283
|
|
|
224
284
|
const cssModules = {
|
|
@@ -1492,6 +1492,8 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
|
|
|
1492
1492
|
setColumns: (columns: IColumnConfig[]) => void;
|
|
1493
1493
|
setSelectedValue: (value: any) => void;
|
|
1494
1494
|
setSelectedValues: (values: any[]) => void;
|
|
1495
|
+
selectAll: () => void;
|
|
1496
|
+
clearSelection: () => void;
|
|
1495
1497
|
tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
|
|
1496
1498
|
data: {
|
|
1497
1499
|
type: import('vue').PropType<any[]>;
|
|
@@ -2964,11 +2966,13 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
|
|
|
2964
2966
|
}> | null>>;
|
|
2965
2967
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
2966
2968
|
columnEvent: (column: IColumnConfig, row: Record<string, any>, value: Record<string, any>) => any;
|
|
2967
|
-
|
|
2969
|
+
singleSelectionChange: (row: Record<string, any>) => any;
|
|
2970
|
+
multipleSelectionChange: (row: Record<string, any>, values: (string | number)[]) => any;
|
|
2968
2971
|
selectionChange: (rows: Record<string, any>[]) => any;
|
|
2969
2972
|
}, string, import('vue').PublicProps, Readonly<IExplorerTableProps> & Readonly<{
|
|
2970
2973
|
onColumnEvent?: ((column: IColumnConfig, row: Record<string, any>, value: Record<string, any>) => any) | undefined;
|
|
2971
|
-
|
|
2974
|
+
onSingleSelectionChange?: ((row: Record<string, any>) => any) | undefined;
|
|
2975
|
+
onMultipleSelectionChange?: ((row: Record<string, any>, values: (string | number)[]) => any) | undefined;
|
|
2972
2976
|
onSelectionChange?: ((rows: Record<string, any>[]) => any) | undefined;
|
|
2973
2977
|
}>, {
|
|
2974
2978
|
loading: boolean;
|
|
@@ -2976,6 +2980,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
|
|
|
2976
2980
|
emptyText: string;
|
|
2977
2981
|
highlightCurrent: boolean;
|
|
2978
2982
|
rowKey: string | ((row: any) => string);
|
|
2983
|
+
multipleCheckedKey: string;
|
|
2979
2984
|
columnRender: (column: IColumnConfig, row: Record<string, any>, emits: IExplorerTableEmits, index: number) => VNode;
|
|
2980
2985
|
startIndex: number;
|
|
2981
2986
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -1,27 +1,30 @@
|
|
|
1
1
|
/* source: src/components/explorer-table/explorer-table.vue */
|
|
2
|
-
._explorer-
|
|
2
|
+
._explorer-table_t83pa_1 {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
5
5
|
flex-grow: 1;
|
|
6
6
|
}
|
|
7
|
-
div.
|
|
7
|
+
div._table_t83pa_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(--el-color-primary-light-9);
|
|
12
12
|
}
|
|
13
|
-
div.
|
|
13
|
+
div._table_t83pa_7 .el-table__header-wrapper .el-table__cell:hover {
|
|
14
14
|
border-right-color: var(--el-color-primary-light-5) !important;
|
|
15
15
|
}
|
|
16
|
-
div.
|
|
16
|
+
div._table_t83pa_7 .el-table__column-resize-proxy {
|
|
17
17
|
border-color: var(--el-color-primary);
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._radio_t83pa_20 {
|
|
20
20
|
height: unset;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
._radio_t83pa_20 .el-radio__label {
|
|
23
23
|
display: none;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._checkbox_t83pa_27 {
|
|
26
|
+
height: unset;
|
|
27
|
+
}
|
|
28
|
+
._selected-row_t83pa_31 td.el-table__cell {
|
|
26
29
|
background-color: var(--el-color-primary-light-9) !important;
|
|
27
30
|
}
|
|
@@ -428,7 +428,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
428
428
|
toolsKey: {},
|
|
429
429
|
columnSetterSize: { default: "small" },
|
|
430
430
|
columnToStorage: { type: Boolean },
|
|
431
|
-
columnResetVisible: { type: Boolean, default: true }
|
|
431
|
+
columnResetVisible: { type: Boolean, default: true },
|
|
432
|
+
bottomBorder: { type: Boolean }
|
|
432
433
|
},
|
|
433
434
|
emits: ["refresh", "fullscreen", "search", "layout", "create", "configConfirm", "columnReset"],
|
|
434
435
|
setup(__props, { emit: __emit }) {
|
|
@@ -456,7 +457,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
456
457
|
const _component_ElRadioButton = ElRadioButton;
|
|
457
458
|
const _component_ElRadioGroup = ElRadioGroup;
|
|
458
459
|
return openBlock(), createElementBlock("div", {
|
|
459
|
-
class: normalizeClass([unref($style)["explorer-tools"], "vc-explorer-tools"])
|
|
460
|
+
class: normalizeClass([[unref($style)["explorer-tools"], { [unref($style)["bottom-border"]]: __props.bottomBorder }], "vc-explorer-tools"])
|
|
460
461
|
}, [
|
|
461
462
|
createElementVNode("div", {
|
|
462
463
|
class: normalizeClass(unref($style).buttons)
|
|
@@ -565,12 +566,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
565
566
|
}
|
|
566
567
|
});
|
|
567
568
|
|
|
568
|
-
/* unplugin-vue-components disabled */const buttons = "
|
|
569
|
-
const tools = "
|
|
570
|
-
const layout = "
|
|
571
|
-
const fullscreen = "
|
|
569
|
+
/* unplugin-vue-components disabled */const buttons = "_buttons_1gr6m_15";
|
|
570
|
+
const tools = "_tools_1gr6m_24";
|
|
571
|
+
const layout = "_layout_1gr6m_35";
|
|
572
|
+
const fullscreen = "_fullscreen_1gr6m_40";
|
|
572
573
|
const style0 = {
|
|
573
|
-
"explorer-tools": "_explorer-
|
|
574
|
+
"explorer-tools": "_explorer-tools_1gr6m_1",
|
|
575
|
+
"bottom-border": "_bottom-border_1gr6m_10",
|
|
574
576
|
buttons: buttons,
|
|
575
577
|
tools: tools,
|
|
576
578
|
layout: layout,
|
|
@@ -17,37 +17,42 @@
|
|
|
17
17
|
}
|
|
18
18
|
div._divider_8k9xf_21 {
|
|
19
19
|
margin: 8px 0;
|
|
20
|
-
}._explorer-
|
|
20
|
+
}._explorer-tools_1gr6m_1 {
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: space-between;
|
|
24
24
|
padding: 0 0 8px 0;
|
|
25
25
|
flex-wrap: wrap;
|
|
26
26
|
row-gap: 8px;
|
|
27
|
+
box-sizing: border-box;
|
|
27
28
|
}
|
|
28
|
-
.
|
|
29
|
+
._explorer-tools_1gr6m_1._bottom-border_1gr6m_10 {
|
|
30
|
+
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
31
|
+
margin-bottom: 8px;
|
|
32
|
+
}
|
|
33
|
+
._buttons_1gr6m_15 {
|
|
29
34
|
display: flex;
|
|
30
35
|
align-items: center;
|
|
31
36
|
column-gap: 8px;
|
|
32
37
|
}
|
|
33
|
-
.
|
|
38
|
+
._buttons_1gr6m_15 button {
|
|
34
39
|
margin-left: 0 !important;
|
|
35
40
|
}
|
|
36
|
-
.
|
|
41
|
+
._tools_1gr6m_24 {
|
|
37
42
|
display: flex;
|
|
38
43
|
align-items: center;
|
|
39
44
|
column-gap: 8px;
|
|
40
45
|
}
|
|
41
|
-
.
|
|
46
|
+
._tools_1gr6m_24 > button {
|
|
42
47
|
padding: 4px;
|
|
43
48
|
font-size: 18px;
|
|
44
49
|
margin-left: 0 !important;
|
|
45
50
|
}
|
|
46
|
-
.
|
|
51
|
+
._layout_1gr6m_35 .el-radio-button__inner {
|
|
47
52
|
padding: 6px 8px;
|
|
48
53
|
font-size: 18px;
|
|
49
54
|
}
|
|
50
|
-
.
|
|
55
|
+
._fullscreen_1gr6m_40 {
|
|
51
56
|
position: fixed !important;
|
|
52
57
|
background-color: var(--el-bg-color) !important;
|
|
53
58
|
top: 0 !important;
|
package/dist/es/index.mjs
CHANGED
|
@@ -160,7 +160,7 @@ const __vite_glob_0_49 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
|
|
|
160
160
|
default: _sfc_main$8
|
|
161
161
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
162
162
|
|
|
163
|
-
const version = "1.11.
|
|
163
|
+
const version = "1.11.3";
|
|
164
164
|
|
|
165
165
|
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/icon-picker/icon-picker.vue": __vite_glob_0_35,"./components/icon/icon.vue": __vite_glob_0_36,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_37,"./components/image/image.vue": __vite_glob_0_38,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_39,"./components/input-number/input-number.vue": __vite_glob_0_40,"./components/input/input.vue": __vite_glob_0_41,"./components/pca-picker/pca-picker.vue": __vite_glob_0_42,"./components/qr-code/qr-code.vue": __vite_glob_0_43,"./components/screenfull/screenfull.vue": __vite_glob_0_44,"./components/scrollbar/scrollbar.vue": __vite_glob_0_45,"./components/select/select.vue": __vite_glob_0_46,"./components/single-player/single-player.vue": __vite_glob_0_47,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_48,"./components/splitter/splitter.vue": __vite_glob_0_49,"./components/svg-icon/svg-icon.vue": __vite_glob_0_50,"./components/switch/switch.vue": __vite_glob_0_51,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_52,"./components/tags/tags.vue": __vite_glob_0_53,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_54,"./components/thousand-input/thousand-input.vue": __vite_glob_0_55,"./components/tinymce/tinymce.vue": __vite_glob_0_56,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_57,"./components/transfer/transfer.vue": __vite_glob_0_58,"./components/tree-picker/tree-picker.vue": __vite_glob_0_59,"./components/upload-file/upload-file.vue": __vite_glob_0_60});
|
|
166
166
|
const upper = (_, letter) => letter.toUpperCase();
|
package/dist/index.css
CHANGED
|
@@ -833,30 +833,33 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
833
833
|
margin-left: 0;
|
|
834
834
|
}
|
|
835
835
|
/* source: src/components/explorer-table/explorer-table.vue */
|
|
836
|
-
._explorer-
|
|
836
|
+
._explorer-table_t83pa_1 {
|
|
837
837
|
display: flex;
|
|
838
838
|
flex-direction: column;
|
|
839
839
|
flex-grow: 1;
|
|
840
840
|
}
|
|
841
|
-
div.
|
|
841
|
+
div._table_t83pa_7 {
|
|
842
842
|
flex-grow: 1;
|
|
843
843
|
height: 100px;
|
|
844
844
|
--el-table-header-bg-color: var(--el-color-info-light-9);
|
|
845
845
|
--el-table-row-hover-bg-color: var(--el-color-primary-light-9);
|
|
846
846
|
}
|
|
847
|
-
div.
|
|
847
|
+
div._table_t83pa_7 .el-table__header-wrapper .el-table__cell:hover {
|
|
848
848
|
border-right-color: var(--el-color-primary-light-5) !important;
|
|
849
849
|
}
|
|
850
|
-
div.
|
|
850
|
+
div._table_t83pa_7 .el-table__column-resize-proxy {
|
|
851
851
|
border-color: var(--el-color-primary);
|
|
852
852
|
}
|
|
853
|
-
.
|
|
853
|
+
._radio_t83pa_20 {
|
|
854
854
|
height: unset;
|
|
855
855
|
}
|
|
856
|
-
.
|
|
856
|
+
._radio_t83pa_20 .el-radio__label {
|
|
857
857
|
display: none;
|
|
858
858
|
}
|
|
859
|
-
.
|
|
859
|
+
._checkbox_t83pa_27 {
|
|
860
|
+
height: unset;
|
|
861
|
+
}
|
|
862
|
+
._selected-row_t83pa_31 td.el-table__cell {
|
|
860
863
|
background-color: var(--el-color-primary-light-9) !important;
|
|
861
864
|
}
|
|
862
865
|
/* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
|
|
@@ -878,37 +881,42 @@ div._table_1adx5_7 .el-table__column-resize-proxy {
|
|
|
878
881
|
}
|
|
879
882
|
div._divider_8k9xf_21 {
|
|
880
883
|
margin: 8px 0;
|
|
881
|
-
}._explorer-
|
|
884
|
+
}._explorer-tools_1gr6m_1 {
|
|
882
885
|
display: flex;
|
|
883
886
|
align-items: center;
|
|
884
887
|
justify-content: space-between;
|
|
885
888
|
padding: 0 0 8px 0;
|
|
886
889
|
flex-wrap: wrap;
|
|
887
890
|
row-gap: 8px;
|
|
891
|
+
box-sizing: border-box;
|
|
892
|
+
}
|
|
893
|
+
._explorer-tools_1gr6m_1._bottom-border_1gr6m_10 {
|
|
894
|
+
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
895
|
+
margin-bottom: 8px;
|
|
888
896
|
}
|
|
889
|
-
.
|
|
897
|
+
._buttons_1gr6m_15 {
|
|
890
898
|
display: flex;
|
|
891
899
|
align-items: center;
|
|
892
900
|
column-gap: 8px;
|
|
893
901
|
}
|
|
894
|
-
.
|
|
902
|
+
._buttons_1gr6m_15 button {
|
|
895
903
|
margin-left: 0 !important;
|
|
896
904
|
}
|
|
897
|
-
.
|
|
905
|
+
._tools_1gr6m_24 {
|
|
898
906
|
display: flex;
|
|
899
907
|
align-items: center;
|
|
900
908
|
column-gap: 8px;
|
|
901
909
|
}
|
|
902
|
-
.
|
|
910
|
+
._tools_1gr6m_24 > button {
|
|
903
911
|
padding: 4px;
|
|
904
912
|
font-size: 18px;
|
|
905
913
|
margin-left: 0 !important;
|
|
906
914
|
}
|
|
907
|
-
.
|
|
915
|
+
._layout_1gr6m_35 .el-radio-button__inner {
|
|
908
916
|
padding: 6px 8px;
|
|
909
917
|
font-size: 18px;
|
|
910
918
|
}
|
|
911
|
-
.
|
|
919
|
+
._fullscreen_1gr6m_40 {
|
|
912
920
|
position: fixed !important;
|
|
913
921
|
background-color: var(--el-bg-color) !important;
|
|
914
922
|
top: 0 !important;
|