@wfrog/vc-ui 1.14.2 → 1.14.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-column-table/explorer-column-table.d.ts +1 -5
- package/dist/es/components/explorer-column-table/explorer-column-table.mjs +22 -30
- package/dist/es/components/explorer-column-table/explorer-column-table.vue.d.ts +4 -4
- package/dist/es/components/explorer-column-table/index.css +22 -13
- package/dist/es/components/explorer-table/explorer-table.mjs +2 -2
- package/dist/es/components/explorer-table/index.css +1 -1
- package/dist/es/components/explorer-tools/components/column-setter.vue.d.ts +8 -20
- package/dist/es/components/explorer-tools/explorer-tools.d.ts +0 -8
- package/dist/es/components/explorer-tools/explorer-tools.mjs +14 -18
- package/dist/es/components/explorer-tools/explorer-tools.vue.d.ts +0 -4
- package/dist/es/components/explorer-tools/index.css +24 -24
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +47 -38
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ export interface IColumnConfig {
|
|
|
7
7
|
visible?: boolean;
|
|
8
8
|
fixed?: 'left' | 'right';
|
|
9
9
|
align?: 'left' | 'center' | 'right';
|
|
10
|
-
|
|
10
|
+
showOverflowTooltip?: boolean;
|
|
11
11
|
disabled?: boolean;
|
|
12
12
|
widthType?: 'width' | 'minWidth';
|
|
13
13
|
formFixed?: ('left' | 'right')[];
|
|
@@ -20,10 +20,6 @@ export interface IExplorerColumnTableProps {
|
|
|
20
20
|
height?: number | string;
|
|
21
21
|
emptyColumn?: boolean;
|
|
22
22
|
editable?: boolean;
|
|
23
|
-
formatterNameOptions?: {
|
|
24
|
-
label: string;
|
|
25
|
-
value: string;
|
|
26
|
-
}[];
|
|
27
23
|
}
|
|
28
24
|
export interface IExplorerColumnTableEmits {
|
|
29
25
|
(e: 'update:data', data: IColumnConfig[]): void;
|
|
@@ -2,15 +2,14 @@ import './index.css'
|
|
|
2
2
|
import { ElTable, ElTableColumn, ElCheckbox } from 'element-plus/es';
|
|
3
3
|
import 'element-plus/es/components/base/style/css';
|
|
4
4
|
import 'element-plus/es/components/table/style/css';
|
|
5
|
-
import 'element-plus/es/components/table-column/style/css';
|
|
6
5
|
import 'element-plus/es/components/checkbox/style/css';
|
|
6
|
+
import 'element-plus/es/components/table-column/style/css';
|
|
7
7
|
import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, watch, onBeforeUnmount, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
|
|
8
8
|
import { useDraggable } from 'vue-draggable-plus';
|
|
9
9
|
import { C as Component$3 } from '../choice/choice.mjs';
|
|
10
10
|
import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
|
|
11
11
|
import { C as Component$4 } from '../input-number/input-number.mjs';
|
|
12
12
|
import { C as Component$1 } from '../input/input.mjs';
|
|
13
|
-
import { C as Component$5 } from '../select/select.mjs';
|
|
14
13
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
15
14
|
|
|
16
15
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
@@ -22,8 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
22
21
|
highlightCurrent: { type: Boolean, default: false },
|
|
23
22
|
height: { default: 320 },
|
|
24
23
|
emptyColumn: { type: Boolean, default: false },
|
|
25
|
-
editable: { type: Boolean, default: false }
|
|
26
|
-
formatterNameOptions: {}
|
|
24
|
+
editable: { type: Boolean, default: false }
|
|
27
25
|
},
|
|
28
26
|
emits: ["update:data"],
|
|
29
27
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -41,7 +39,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
41
39
|
if (item.fixed) {
|
|
42
40
|
item.formFixed = [item.fixed];
|
|
43
41
|
}
|
|
44
|
-
item.formatterName ??= "text";
|
|
45
42
|
return item;
|
|
46
43
|
});
|
|
47
44
|
},
|
|
@@ -62,24 +59,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
62
59
|
{ label: "左", value: "left" },
|
|
63
60
|
{ label: "右", value: "right" }
|
|
64
61
|
];
|
|
65
|
-
const
|
|
66
|
-
return [
|
|
67
|
-
{ label: "文本", value: "text" },
|
|
68
|
-
{ label: "文本截断", value: "truncate" },
|
|
69
|
-
...props.formatterNameOptions || []
|
|
70
|
-
];
|
|
71
|
-
});
|
|
72
|
-
const widthConfig = ref({ width: 240, data: 160, fixed: 120, formatter: 120 });
|
|
62
|
+
const widthConfig = ref({ width: 240, data: 160, fixed: 120, truncate: 60 });
|
|
73
63
|
const widthConfigWatch = watch(() => props.size, () => {
|
|
74
64
|
if (props.size === "small") {
|
|
75
|
-
widthConfig.value = { width: 210, data: 140, fixed: 100,
|
|
65
|
+
widthConfig.value = { width: 210, data: 140, fixed: 100, truncate: 50 };
|
|
76
66
|
return;
|
|
77
67
|
}
|
|
78
68
|
if (props.size === "default") {
|
|
79
|
-
widthConfig.value = { width: 240, data: 160, fixed: 120,
|
|
69
|
+
widthConfig.value = { width: 240, data: 160, fixed: 120, truncate: 60 };
|
|
80
70
|
return;
|
|
81
71
|
}
|
|
82
|
-
widthConfig.value = { width: 260, data: 200, fixed: 140,
|
|
72
|
+
widthConfig.value = { width: 260, data: 200, fixed: 140, truncate: 76 };
|
|
83
73
|
}, { immediate: true });
|
|
84
74
|
const isFullMode = computed(() => props.mode === "full");
|
|
85
75
|
function getLabel(row) {
|
|
@@ -153,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
153
143
|
return (_ctx, _cache) => {
|
|
154
144
|
const _component_ElCheckbox = ElCheckbox;
|
|
155
145
|
const _component_ElTableColumn = ElTableColumn;
|
|
146
|
+
const _component_el_checkbox = ElCheckbox;
|
|
156
147
|
const _component_ElTable = ElTable;
|
|
157
148
|
return unref(tableVisible) ? (openBlock(), createBlock(_component_ElTable, {
|
|
158
149
|
key: 0,
|
|
@@ -327,23 +318,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
327
318
|
}, 8, ["width"])) : createCommentVNode("", true),
|
|
328
319
|
unref(isFullMode) ? (openBlock(), createBlock(_component_ElTableColumn, {
|
|
329
320
|
key: 6,
|
|
330
|
-
label: "
|
|
331
|
-
width: unref(widthConfig).
|
|
321
|
+
label: "截断",
|
|
322
|
+
width: unref(widthConfig).truncate,
|
|
332
323
|
align: "center"
|
|
333
324
|
}, {
|
|
334
325
|
default: withCtx(({ row }) => [
|
|
335
326
|
createElementVNode("div", {
|
|
336
327
|
class: normalizeClass(unref($style)["item-container"])
|
|
337
328
|
}, [
|
|
338
|
-
createVNode(
|
|
339
|
-
modelValue: row.
|
|
340
|
-
"onUpdate:modelValue": ($event) => row.
|
|
341
|
-
"append-to": unref(tableRef)?.$el,
|
|
342
|
-
options: unref(formatterNameOptions),
|
|
329
|
+
createVNode(_component_el_checkbox, {
|
|
330
|
+
modelValue: row.showOverflowTooltip,
|
|
331
|
+
"onUpdate:modelValue": ($event) => row.showOverflowTooltip = $event,
|
|
343
332
|
size: __props.size,
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
333
|
+
border: "",
|
|
334
|
+
class: normalizeClass(unref($style).truncate),
|
|
335
|
+
disabled: row.disabled
|
|
336
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "size", "class", "disabled"])
|
|
347
337
|
], 2)
|
|
348
338
|
]),
|
|
349
339
|
_: 1
|
|
@@ -368,14 +358,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
368
358
|
}
|
|
369
359
|
});
|
|
370
360
|
|
|
371
|
-
/* unplugin-vue-components disabled */const table = "
|
|
372
|
-
const label = "
|
|
373
|
-
const handle = "
|
|
361
|
+
/* unplugin-vue-components disabled */const table = "_table_1vtct_1";
|
|
362
|
+
const label = "_label_1vtct_8";
|
|
363
|
+
const handle = "_handle_1vtct_29";
|
|
364
|
+
const truncate = "_truncate_1vtct_45";
|
|
374
365
|
const style0 = {
|
|
375
366
|
table: table,
|
|
376
367
|
label: label,
|
|
377
368
|
handle: handle,
|
|
378
|
-
"item-container": "_item-
|
|
369
|
+
"item-container": "_item-container_1vtct_33",
|
|
370
|
+
truncate: truncate
|
|
379
371
|
};
|
|
380
372
|
|
|
381
373
|
const cssModules = {
|
|
@@ -3,17 +3,17 @@ declare const widthConfig: globalThis.Ref<{
|
|
|
3
3
|
width: number;
|
|
4
4
|
data: number;
|
|
5
5
|
fixed: number;
|
|
6
|
-
|
|
6
|
+
truncate: number;
|
|
7
7
|
}, {
|
|
8
8
|
width: number;
|
|
9
9
|
data: number;
|
|
10
10
|
fixed: number;
|
|
11
|
-
|
|
11
|
+
truncate: number;
|
|
12
12
|
} | {
|
|
13
13
|
width: number;
|
|
14
14
|
data: number;
|
|
15
15
|
fixed: number;
|
|
16
|
-
|
|
16
|
+
truncate: number;
|
|
17
17
|
}>;
|
|
18
18
|
declare function init(): void;
|
|
19
19
|
declare function rerender(): Promise<void>;
|
|
@@ -2976,7 +2976,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
|
|
|
2976
2976
|
width: number;
|
|
2977
2977
|
data: number;
|
|
2978
2978
|
fixed: number;
|
|
2979
|
-
|
|
2979
|
+
truncate: number;
|
|
2980
2980
|
};
|
|
2981
2981
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
2982
2982
|
"update:data": (data: IColumnConfig[]) => any;
|
|
@@ -1,41 +1,50 @@
|
|
|
1
1
|
/* source: src/components/explorer-column-table/explorer-column-table.vue */
|
|
2
|
-
div.
|
|
2
|
+
div._table_1vtct_1 {
|
|
3
3
|
flex-grow: 1;
|
|
4
4
|
height: 100px;
|
|
5
5
|
--el-table-header-bg-color: var(--el-color-info-light-9);
|
|
6
6
|
--el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
7
7
|
}
|
|
8
|
-
.
|
|
8
|
+
._label_1vtct_8 {
|
|
9
9
|
display: inline-flex;
|
|
10
|
-
align-items: center;
|
|
11
10
|
width: 100%;
|
|
11
|
+
align-items: center;
|
|
12
12
|
}
|
|
13
|
-
.
|
|
13
|
+
._label_1vtct_8 .el-checkbox {
|
|
14
|
+
width: 100%;
|
|
14
15
|
display: flex;
|
|
15
16
|
align-items: center;
|
|
16
|
-
width: 100%;
|
|
17
17
|
}
|
|
18
|
-
.
|
|
19
|
-
flex-grow: 1;
|
|
18
|
+
._label_1vtct_8 .el-checkbox__label {
|
|
20
19
|
min-width: 0;
|
|
21
20
|
overflow: hidden;
|
|
22
21
|
text-overflow: ellipsis;
|
|
23
22
|
white-space: nowrap;
|
|
23
|
+
flex-grow: 1;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._label_1vtct_8 .iconify {
|
|
26
26
|
margin-left: 4px;
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._handle_1vtct_29 {
|
|
29
29
|
cursor: move;
|
|
30
30
|
}
|
|
31
|
-
._item-
|
|
31
|
+
._item-container_1vtct_33 {
|
|
32
32
|
display: inline-flex;
|
|
33
|
-
column-gap: 4px;
|
|
34
33
|
align-items: center;
|
|
35
|
-
|
|
34
|
+
column-gap: 4px;
|
|
36
35
|
padding: 1px 0;
|
|
37
36
|
line-height: 0;
|
|
37
|
+
vertical-align: middle;
|
|
38
38
|
}
|
|
39
|
-
._item-
|
|
39
|
+
._item-container_1vtct_33 > div {
|
|
40
40
|
vertical-align: middle;
|
|
41
|
+
}
|
|
42
|
+
._truncate_1vtct_45 {
|
|
43
|
+
padding: 0 9px !important;
|
|
44
|
+
}
|
|
45
|
+
._truncate_1vtct_45.el-checkbox--small {
|
|
46
|
+
padding: 0 7px !important;
|
|
47
|
+
}
|
|
48
|
+
._truncate_1vtct_45.el-checkbox--large {
|
|
49
|
+
padding: 0 11px !important;
|
|
41
50
|
}
|
|
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
42
|
emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll", "loadMore"],
|
|
43
43
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
44
44
|
useCssVars((_ctx) => ({
|
|
45
|
-
"
|
|
45
|
+
"v34b07a80": `${_ctx.empty ? "flex" : "none"}`
|
|
46
46
|
}));
|
|
47
47
|
const props = __props;
|
|
48
48
|
const emits = __emit;
|
|
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
50
50
|
const $style = useCssModule();
|
|
51
51
|
const tableRef = useTemplateRef("tableRef");
|
|
52
52
|
const sentinelRef = useTemplateRef("sentinelRef");
|
|
53
|
-
const columns = computed(() => state.columnConfig.value.filter(props.columnFilter)
|
|
53
|
+
const columns = computed(() => state.columnConfig.value.filter(props.columnFilter));
|
|
54
54
|
const scrollLoadEnabled = computed(() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled);
|
|
55
55
|
const scrollRoot = computed(() => tableRef.value?.scrollBarRef?.wrapRef ?? null);
|
|
56
56
|
useIntersectionObserver(
|
|
@@ -21,7 +21,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
|
|
|
21
21
|
border-color: var(--el-color-primary);
|
|
22
22
|
}
|
|
23
23
|
div._table_o4h9r_7 .el-table__empty-block {
|
|
24
|
-
display: var(--
|
|
24
|
+
display: var(--v34b07a80);
|
|
25
25
|
}
|
|
26
26
|
._selection_o4h9r_27 .cell {
|
|
27
27
|
display: flex;
|
|
@@ -16,10 +16,6 @@ declare function __VLS_template(): {
|
|
|
16
16
|
readonly height?: number | string | undefined;
|
|
17
17
|
readonly emptyColumn?: boolean | undefined;
|
|
18
18
|
readonly editable?: boolean | undefined;
|
|
19
|
-
readonly formatterNameOptions?: {
|
|
20
|
-
label: string;
|
|
21
|
-
value: string;
|
|
22
|
-
}[] | undefined;
|
|
23
19
|
readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
|
|
24
20
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
25
21
|
$attrs: {
|
|
@@ -2986,13 +2982,13 @@ declare function __VLS_template(): {
|
|
|
2986
2982
|
width: number;
|
|
2987
2983
|
data: number;
|
|
2988
2984
|
fixed: number;
|
|
2989
|
-
|
|
2985
|
+
truncate: number;
|
|
2990
2986
|
}) => void;
|
|
2991
2987
|
getWidthConfig: () => {
|
|
2992
2988
|
width: number;
|
|
2993
2989
|
data: number;
|
|
2994
2990
|
fixed: number;
|
|
2995
|
-
|
|
2991
|
+
truncate: number;
|
|
2996
2992
|
};
|
|
2997
2993
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
2998
2994
|
"update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
|
|
@@ -4509,13 +4505,13 @@ declare function __VLS_template(): {
|
|
|
4509
4505
|
width: number;
|
|
4510
4506
|
data: number;
|
|
4511
4507
|
fixed: number;
|
|
4512
|
-
|
|
4508
|
+
truncate: number;
|
|
4513
4509
|
}) => void;
|
|
4514
4510
|
getWidthConfig: () => {
|
|
4515
4511
|
width: number;
|
|
4516
4512
|
data: number;
|
|
4517
4513
|
fixed: number;
|
|
4518
|
-
|
|
4514
|
+
truncate: number;
|
|
4519
4515
|
};
|
|
4520
4516
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
4521
4517
|
$slots: {
|
|
@@ -4537,10 +4533,6 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
|
|
|
4537
4533
|
onConfigConfirm?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
|
|
4538
4534
|
}>, {
|
|
4539
4535
|
data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
|
|
4540
|
-
formatterNameOptions: {
|
|
4541
|
-
label: string;
|
|
4542
|
-
value: string;
|
|
4543
|
-
}[];
|
|
4544
4536
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
4545
4537
|
columnTableRef: ({
|
|
4546
4538
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -4553,10 +4545,6 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
|
|
|
4553
4545
|
readonly height?: number | string | undefined;
|
|
4554
4546
|
readonly emptyColumn?: boolean | undefined;
|
|
4555
4547
|
readonly editable?: boolean | undefined;
|
|
4556
|
-
readonly formatterNameOptions?: {
|
|
4557
|
-
label: string;
|
|
4558
|
-
value: string;
|
|
4559
|
-
}[] | undefined;
|
|
4560
4548
|
readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
|
|
4561
4549
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
4562
4550
|
$attrs: {
|
|
@@ -7523,13 +7511,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
|
|
|
7523
7511
|
width: number;
|
|
7524
7512
|
data: number;
|
|
7525
7513
|
fixed: number;
|
|
7526
|
-
|
|
7514
|
+
truncate: number;
|
|
7527
7515
|
}) => void;
|
|
7528
7516
|
getWidthConfig: () => {
|
|
7529
7517
|
width: number;
|
|
7530
7518
|
data: number;
|
|
7531
7519
|
fixed: number;
|
|
7532
|
-
|
|
7520
|
+
truncate: number;
|
|
7533
7521
|
};
|
|
7534
7522
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
7535
7523
|
"update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
|
|
@@ -9046,13 +9034,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
|
|
|
9046
9034
|
width: number;
|
|
9047
9035
|
data: number;
|
|
9048
9036
|
fixed: number;
|
|
9049
|
-
|
|
9037
|
+
truncate: number;
|
|
9050
9038
|
}) => void;
|
|
9051
9039
|
getWidthConfig: () => {
|
|
9052
9040
|
width: number;
|
|
9053
9041
|
data: number;
|
|
9054
9042
|
fixed: number;
|
|
9055
|
-
|
|
9043
|
+
truncate: number;
|
|
9056
9044
|
};
|
|
9057
9045
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
9058
9046
|
$slots: {
|
|
@@ -11,10 +11,6 @@ export interface IExplorerToolsProps {
|
|
|
11
11
|
columnSetterSize?: 'small' | 'default' | 'large';
|
|
12
12
|
columnToStorage?: boolean;
|
|
13
13
|
columnResetVisible?: boolean;
|
|
14
|
-
columnFormatterNameOptions?: {
|
|
15
|
-
label: string;
|
|
16
|
-
value: string;
|
|
17
|
-
}[];
|
|
18
14
|
bottomBorder?: boolean;
|
|
19
15
|
}
|
|
20
16
|
export interface IExplorerToolsEmits {
|
|
@@ -32,10 +28,6 @@ export interface IColumnSetterProps {
|
|
|
32
28
|
columnToStorage?: boolean;
|
|
33
29
|
toolsKey?: string;
|
|
34
30
|
resetVisible?: boolean;
|
|
35
|
-
formatterNameOptions?: {
|
|
36
|
-
label: string;
|
|
37
|
-
value: string;
|
|
38
|
-
}[];
|
|
39
31
|
}
|
|
40
32
|
export interface IColumnSetterEmits {
|
|
41
33
|
(e: 'update:data', data: IColumnConfig[]): void;
|
|
@@ -28,8 +28,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
size: {},
|
|
29
29
|
columnToStorage: { type: Boolean },
|
|
30
30
|
toolsKey: {},
|
|
31
|
-
resetVisible: { type: Boolean }
|
|
32
|
-
formatterNameOptions: { default: () => [] }
|
|
31
|
+
resetVisible: { type: Boolean }
|
|
33
32
|
},
|
|
34
33
|
emits: ["update:data", "configConfirm", "reset"],
|
|
35
34
|
setup(__props, { emit: __emit }) {
|
|
@@ -137,11 +136,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
137
136
|
ref: columnTableRef,
|
|
138
137
|
data: unref(myData),
|
|
139
138
|
"onUpdate:data": _cache[2] || (_cache[2] = ($event) => isRef(myData) ? myData.value = $event : null),
|
|
140
|
-
"formatter-name-options": __props.formatterNameOptions,
|
|
141
139
|
size: __props.size,
|
|
142
140
|
mode: unref(mode),
|
|
143
141
|
height: 320
|
|
144
|
-
}, null, 8, ["data", "
|
|
142
|
+
}, null, 8, ["data", "size", "mode"])
|
|
145
143
|
]),
|
|
146
144
|
key: "0"
|
|
147
145
|
} : void 0
|
|
@@ -150,13 +148,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
150
148
|
}
|
|
151
149
|
});
|
|
152
150
|
|
|
153
|
-
/* unplugin-vue-components disabled */const header = "
|
|
154
|
-
const segmented = "
|
|
155
|
-
const reset = "
|
|
156
|
-
const divider = "
|
|
151
|
+
/* unplugin-vue-components disabled */const header = "_header_8k9xf_1";
|
|
152
|
+
const segmented = "_segmented_8k9xf_13";
|
|
153
|
+
const reset = "_reset_8k9xf_17";
|
|
154
|
+
const divider = "_divider_8k9xf_21";
|
|
157
155
|
const style0$1 = {
|
|
158
156
|
header: header,
|
|
159
|
-
"mode-wrapper": "_mode-
|
|
157
|
+
"mode-wrapper": "_mode-wrapper_8k9xf_7",
|
|
160
158
|
segmented: segmented,
|
|
161
159
|
reset: reset,
|
|
162
160
|
divider: divider
|
|
@@ -181,7 +179,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
181
179
|
columnSetterSize: { default: "small" },
|
|
182
180
|
columnToStorage: { type: Boolean },
|
|
183
181
|
columnResetVisible: { type: Boolean, default: true },
|
|
184
|
-
columnFormatterNameOptions: { default: () => [] },
|
|
185
182
|
bottomBorder: { type: Boolean }
|
|
186
183
|
},
|
|
187
184
|
emits: ["refresh", "fullscreen", "search", "layout", "create", "configConfirm", "columnReset"],
|
|
@@ -307,7 +304,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
307
304
|
size: __props.columnSetterSize,
|
|
308
305
|
"column-to-storage": __props.columnToStorage,
|
|
309
306
|
"reset-visible": __props.columnResetVisible,
|
|
310
|
-
"formatter-name-options": __props.columnFormatterNameOptions,
|
|
311
307
|
onConfigConfirm: _cache[6] || (_cache[6] = (val) => emits("configConfirm", val)),
|
|
312
308
|
onReset: _cache[7] || (_cache[7] = ($event) => emits("columnReset"))
|
|
313
309
|
}, {
|
|
@@ -321,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
321
317
|
}, null, 8, ["class", "throttle"])
|
|
322
318
|
]),
|
|
323
319
|
_: 1
|
|
324
|
-
}, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible"
|
|
320
|
+
}, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible"])) : createCommentVNode("", true)
|
|
325
321
|
], 64);
|
|
326
322
|
}), 128))
|
|
327
323
|
], 2)) : createCommentVNode("", true)
|
|
@@ -330,13 +326,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
330
326
|
}
|
|
331
327
|
});
|
|
332
328
|
|
|
333
|
-
/* unplugin-vue-components disabled */const buttons = "
|
|
334
|
-
const tools = "
|
|
335
|
-
const layout = "
|
|
336
|
-
const fullscreen = "
|
|
329
|
+
/* unplugin-vue-components disabled */const buttons = "_buttons_1m5u8_15";
|
|
330
|
+
const tools = "_tools_1m5u8_24";
|
|
331
|
+
const layout = "_layout_1m5u8_35";
|
|
332
|
+
const fullscreen = "_fullscreen_1m5u8_40";
|
|
337
333
|
const style0 = {
|
|
338
|
-
"explorer-tools": "_explorer-
|
|
339
|
-
"bottom-border": "_bottom-
|
|
334
|
+
"explorer-tools": "_explorer-tools_1m5u8_1",
|
|
335
|
+
"bottom-border": "_bottom-border_1m5u8_10",
|
|
340
336
|
buttons: buttons,
|
|
341
337
|
tools: tools,
|
|
342
338
|
layout: layout,
|
|
@@ -34,10 +34,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerToolsProps
|
|
|
34
34
|
createText: string;
|
|
35
35
|
columnSetterSize: "small" | "default" | "large";
|
|
36
36
|
columnResetVisible: boolean;
|
|
37
|
-
columnFormatterNameOptions: {
|
|
38
|
-
label: string;
|
|
39
|
-
value: string;
|
|
40
|
-
}[];
|
|
41
37
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
42
38
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
43
39
|
export default _default;
|
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
/* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
|
|
2
|
-
.
|
|
2
|
+
._header_8k9xf_1 {
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: space-between;
|
|
5
5
|
align-items: center;
|
|
6
6
|
}
|
|
7
|
-
._mode-
|
|
7
|
+
._mode-wrapper_8k9xf_7 {
|
|
8
8
|
display: flex;
|
|
9
|
-
column-gap: 8px;
|
|
10
9
|
align-items: center;
|
|
10
|
+
column-gap: 8px;
|
|
11
11
|
}
|
|
12
|
-
.
|
|
12
|
+
._segmented_8k9xf_13 .el-segmented__item-label {
|
|
13
13
|
line-height: 1;
|
|
14
14
|
}
|
|
15
|
-
.
|
|
15
|
+
._reset_8k9xf_17 {
|
|
16
16
|
height: 28px;
|
|
17
17
|
}
|
|
18
|
-
div.
|
|
18
|
+
div._divider_8k9xf_21 {
|
|
19
19
|
margin: 8px 0;
|
|
20
|
-
}._explorer-
|
|
20
|
+
}._explorer-tools_1m5u8_1 {
|
|
21
21
|
display: flex;
|
|
22
|
-
row-gap: 8px;
|
|
23
|
-
flex-wrap: wrap;
|
|
24
|
-
justify-content: space-between;
|
|
25
22
|
align-items: center;
|
|
26
|
-
|
|
23
|
+
justify-content: space-between;
|
|
27
24
|
padding: 0 0 8px 0;
|
|
25
|
+
flex-wrap: wrap;
|
|
26
|
+
row-gap: 8px;
|
|
27
|
+
box-sizing: border-box;
|
|
28
28
|
}
|
|
29
|
-
._explorer-
|
|
30
|
-
margin-bottom: 8px;
|
|
29
|
+
._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
|
|
31
30
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
31
|
+
margin-bottom: 8px;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._buttons_1m5u8_15 {
|
|
34
34
|
display: flex;
|
|
35
|
-
column-gap: 8px;
|
|
36
35
|
align-items: center;
|
|
36
|
+
column-gap: 8px;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._buttons_1m5u8_15 button {
|
|
39
39
|
margin-left: 0 !important;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._tools_1m5u8_24 {
|
|
42
42
|
display: flex;
|
|
43
|
-
column-gap: 8px;
|
|
44
43
|
align-items: center;
|
|
44
|
+
column-gap: 8px;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
47
|
-
margin-left: 0 !important;
|
|
46
|
+
._tools_1m5u8_24 button.vc-icon-button {
|
|
48
47
|
padding: 4px;
|
|
49
48
|
font-size: 18px;
|
|
49
|
+
margin-left: 0 !important;
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._layout_1m5u8_35 .el-radio-button__inner {
|
|
52
52
|
padding: 6px 8px;
|
|
53
53
|
font-size: 18px;
|
|
54
54
|
}
|
|
55
|
-
.
|
|
55
|
+
._fullscreen_1m5u8_40 {
|
|
56
56
|
position: fixed !important;
|
|
57
|
+
background-color: var(--el-bg-color) !important;
|
|
57
58
|
top: 0 !important;
|
|
59
|
+
left: 0 !important;
|
|
58
60
|
right: 0 !important;
|
|
59
61
|
bottom: 0 !important;
|
|
60
|
-
left: 0 !important;
|
|
61
|
-
background-color: var(--el-bg-color) !important;
|
|
62
62
|
width: 100% !important;
|
|
63
63
|
height: 100% !important;
|
|
64
64
|
}
|
package/dist/es/index.mjs
CHANGED
|
@@ -170,7 +170,7 @@ const __vite_glob_0_57 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
|
|
|
170
170
|
default: _sfc_main$9
|
|
171
171
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
172
172
|
|
|
173
|
-
const version = "1.14.
|
|
173
|
+
const version = "1.14.3";
|
|
174
174
|
|
|
175
175
|
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/thousand-separator/thousand-separator.vue": __vite_glob_0_57,"./components/tinymce/tinymce.vue": __vite_glob_0_58,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_59,"./components/transfer/transfer.vue": __vite_glob_0_60,"./components/tree-picker/tree-picker.vue": __vite_glob_0_61,"./components/tree-select/tree-select.vue": __vite_glob_0_62,"./components/upload-file/upload-file.vue": __vite_glob_0_63});
|
|
176
176
|
const upper = (_, letter) => letter.toUpperCase();
|
package/dist/index.css
CHANGED
|
@@ -525,46 +525,55 @@ div._main_16nf4_1 ._header_16nf4_50 h4 {
|
|
|
525
525
|
vertical-align: -0.17em;
|
|
526
526
|
}
|
|
527
527
|
/* source: src/components/explorer-column-table/explorer-column-table.vue */
|
|
528
|
-
div.
|
|
528
|
+
div._table_1vtct_1 {
|
|
529
529
|
flex-grow: 1;
|
|
530
530
|
height: 100px;
|
|
531
531
|
--el-table-header-bg-color: var(--el-color-info-light-9);
|
|
532
532
|
--el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
._label_1vtct_8 {
|
|
535
535
|
display: inline-flex;
|
|
536
|
-
align-items: center;
|
|
537
536
|
width: 100%;
|
|
537
|
+
align-items: center;
|
|
538
538
|
}
|
|
539
|
-
.
|
|
539
|
+
._label_1vtct_8 .el-checkbox {
|
|
540
|
+
width: 100%;
|
|
540
541
|
display: flex;
|
|
541
542
|
align-items: center;
|
|
542
|
-
width: 100%;
|
|
543
543
|
}
|
|
544
|
-
.
|
|
545
|
-
flex-grow: 1;
|
|
544
|
+
._label_1vtct_8 .el-checkbox__label {
|
|
546
545
|
min-width: 0;
|
|
547
546
|
overflow: hidden;
|
|
548
547
|
text-overflow: ellipsis;
|
|
549
548
|
white-space: nowrap;
|
|
549
|
+
flex-grow: 1;
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
._label_1vtct_8 .iconify {
|
|
552
552
|
margin-left: 4px;
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
._handle_1vtct_29 {
|
|
555
555
|
cursor: move;
|
|
556
556
|
}
|
|
557
|
-
._item-
|
|
557
|
+
._item-container_1vtct_33 {
|
|
558
558
|
display: inline-flex;
|
|
559
|
-
column-gap: 4px;
|
|
560
559
|
align-items: center;
|
|
561
|
-
|
|
560
|
+
column-gap: 4px;
|
|
562
561
|
padding: 1px 0;
|
|
563
562
|
line-height: 0;
|
|
563
|
+
vertical-align: middle;
|
|
564
564
|
}
|
|
565
|
-
._item-
|
|
565
|
+
._item-container_1vtct_33 > div {
|
|
566
566
|
vertical-align: middle;
|
|
567
567
|
}
|
|
568
|
+
._truncate_1vtct_45 {
|
|
569
|
+
padding: 0 9px !important;
|
|
570
|
+
}
|
|
571
|
+
._truncate_1vtct_45.el-checkbox--small {
|
|
572
|
+
padding: 0 7px !important;
|
|
573
|
+
}
|
|
574
|
+
._truncate_1vtct_45.el-checkbox--large {
|
|
575
|
+
padding: 0 11px !important;
|
|
576
|
+
}
|
|
568
577
|
/* source: src/components/explorer-container/explorer-container.vue */
|
|
569
578
|
._explorer-container_1xzxe_1 {
|
|
570
579
|
display: flex;
|
|
@@ -813,7 +822,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
|
|
|
813
822
|
border-color: var(--el-color-primary);
|
|
814
823
|
}
|
|
815
824
|
div._table_o4h9r_7 .el-table__empty-block {
|
|
816
|
-
display: var(--
|
|
825
|
+
display: var(--v34b07a80);
|
|
817
826
|
}
|
|
818
827
|
._selection_o4h9r_27 .cell {
|
|
819
828
|
display: flex;
|
|
@@ -842,66 +851,66 @@ div._table_o4h9r_7 .el-table__empty-block {
|
|
|
842
851
|
height: 0;
|
|
843
852
|
}
|
|
844
853
|
/* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
|
|
845
|
-
.
|
|
854
|
+
._header_8k9xf_1 {
|
|
846
855
|
display: flex;
|
|
847
856
|
justify-content: space-between;
|
|
848
857
|
align-items: center;
|
|
849
858
|
}
|
|
850
|
-
._mode-
|
|
859
|
+
._mode-wrapper_8k9xf_7 {
|
|
851
860
|
display: flex;
|
|
852
|
-
column-gap: 8px;
|
|
853
861
|
align-items: center;
|
|
862
|
+
column-gap: 8px;
|
|
854
863
|
}
|
|
855
|
-
.
|
|
864
|
+
._segmented_8k9xf_13 .el-segmented__item-label {
|
|
856
865
|
line-height: 1;
|
|
857
866
|
}
|
|
858
|
-
.
|
|
867
|
+
._reset_8k9xf_17 {
|
|
859
868
|
height: 28px;
|
|
860
869
|
}
|
|
861
|
-
div.
|
|
870
|
+
div._divider_8k9xf_21 {
|
|
862
871
|
margin: 8px 0;
|
|
863
|
-
}._explorer-
|
|
872
|
+
}._explorer-tools_1m5u8_1 {
|
|
864
873
|
display: flex;
|
|
865
|
-
row-gap: 8px;
|
|
866
|
-
flex-wrap: wrap;
|
|
867
|
-
justify-content: space-between;
|
|
868
874
|
align-items: center;
|
|
869
|
-
|
|
875
|
+
justify-content: space-between;
|
|
870
876
|
padding: 0 0 8px 0;
|
|
877
|
+
flex-wrap: wrap;
|
|
878
|
+
row-gap: 8px;
|
|
879
|
+
box-sizing: border-box;
|
|
871
880
|
}
|
|
872
|
-
._explorer-
|
|
873
|
-
margin-bottom: 8px;
|
|
881
|
+
._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
|
|
874
882
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
883
|
+
margin-bottom: 8px;
|
|
875
884
|
}
|
|
876
|
-
.
|
|
885
|
+
._buttons_1m5u8_15 {
|
|
877
886
|
display: flex;
|
|
878
|
-
column-gap: 8px;
|
|
879
887
|
align-items: center;
|
|
888
|
+
column-gap: 8px;
|
|
880
889
|
}
|
|
881
|
-
.
|
|
890
|
+
._buttons_1m5u8_15 button {
|
|
882
891
|
margin-left: 0 !important;
|
|
883
892
|
}
|
|
884
|
-
.
|
|
893
|
+
._tools_1m5u8_24 {
|
|
885
894
|
display: flex;
|
|
886
|
-
column-gap: 8px;
|
|
887
895
|
align-items: center;
|
|
896
|
+
column-gap: 8px;
|
|
888
897
|
}
|
|
889
|
-
.
|
|
890
|
-
margin-left: 0 !important;
|
|
898
|
+
._tools_1m5u8_24 button.vc-icon-button {
|
|
891
899
|
padding: 4px;
|
|
892
900
|
font-size: 18px;
|
|
901
|
+
margin-left: 0 !important;
|
|
893
902
|
}
|
|
894
|
-
.
|
|
903
|
+
._layout_1m5u8_35 .el-radio-button__inner {
|
|
895
904
|
padding: 6px 8px;
|
|
896
905
|
font-size: 18px;
|
|
897
906
|
}
|
|
898
|
-
.
|
|
907
|
+
._fullscreen_1m5u8_40 {
|
|
899
908
|
position: fixed !important;
|
|
909
|
+
background-color: var(--el-bg-color) !important;
|
|
900
910
|
top: 0 !important;
|
|
911
|
+
left: 0 !important;
|
|
901
912
|
right: 0 !important;
|
|
902
913
|
bottom: 0 !important;
|
|
903
|
-
left: 0 !important;
|
|
904
|
-
background-color: var(--el-bg-color) !important;
|
|
905
914
|
width: 100% !important;
|
|
906
915
|
height: 100% !important;
|
|
907
916
|
}
|