@wfrog/vc-ui 1.11.13 → 1.11.15
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-table/explorer-table.d.ts +1 -0
- package/dist/es/components/explorer-table/explorer-table.mjs +3 -2
- package/dist/es/components/explorer-table/explorer-table.vue.d.ts +1 -0
- package/dist/es/components/explorer-table/index.css +1 -1
- package/dist/es/components/explorer-tools/explorer-tools.mjs +15 -7
- package/dist/es/components/explorer-tools/index.css +8 -9
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +9 -10
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ export interface IExplorerTableProps {
|
|
|
15
15
|
size?: 'small' | 'default' | 'large';
|
|
16
16
|
columnRender?: (column: IColumnConfig, row: Record<string, any>, emits: IExplorerTableEmits, index: number) => VNode;
|
|
17
17
|
columnConfig?: IColumnConfig[];
|
|
18
|
+
columnFilter?: (column: IColumnConfig) => boolean;
|
|
18
19
|
startIndex?: number;
|
|
19
20
|
rowKey?: string | ((row: any) => string);
|
|
20
21
|
}
|
|
@@ -28,20 +28,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
28
|
size: {},
|
|
29
29
|
columnRender: { type: Function, default: (column, row) => h("span", row[column.prop]) },
|
|
30
30
|
columnConfig: {},
|
|
31
|
+
columnFilter: { type: Function, default: (column) => column.visible !== false },
|
|
31
32
|
startIndex: { default: 0 },
|
|
32
33
|
rowKey: { type: [String, Function], default: "id" }
|
|
33
34
|
},
|
|
34
35
|
emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll"],
|
|
35
36
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
36
37
|
useCssVars((_ctx) => ({
|
|
37
|
-
"
|
|
38
|
+
"v251be0d8": `${_ctx.empty ? "flex" : "none"}`
|
|
38
39
|
}));
|
|
39
40
|
const props = __props;
|
|
40
41
|
const emits = __emit;
|
|
41
42
|
const state = injectExplorerPanelState();
|
|
42
43
|
const $style = useCssModule();
|
|
43
44
|
const tableRef = useTemplateRef("tableRef");
|
|
44
|
-
const columns = computed(() => state.columnConfig.value.filter(
|
|
45
|
+
const columns = computed(() => state.columnConfig.value.filter(props.columnFilter));
|
|
45
46
|
const selectedValue = ref();
|
|
46
47
|
const selectedValues = computed(() => new Set(props.data.filter((item) => item[props.multipleCheckedKey]).map(getRowValue)));
|
|
47
48
|
const isSingleSelection = computed(() => props.customSelection === "radio");
|
|
@@ -2985,6 +2985,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTableProps
|
|
|
2985
2985
|
empty: boolean;
|
|
2986
2986
|
multipleCheckedKey: string;
|
|
2987
2987
|
columnRender: (column: IColumnConfig, row: Record<string, any>, emits: IExplorerTableEmits, index: number) => VNode;
|
|
2988
|
+
columnFilter: (column: IColumnConfig) => boolean;
|
|
2988
2989
|
startIndex: number;
|
|
2989
2990
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
2990
2991
|
tableRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
|
|
@@ -21,7 +21,7 @@ div._table_p2qu9_7 .el-table__column-resize-proxy {
|
|
|
21
21
|
border-color: var(--el-color-primary);
|
|
22
22
|
}
|
|
23
23
|
div._table_p2qu9_7 .el-table__empty-block {
|
|
24
|
-
display: var(--
|
|
24
|
+
display: var(--v251be0d8);
|
|
25
25
|
}
|
|
26
26
|
._selection_p2qu9_27 .cell {
|
|
27
27
|
display: flex;
|
|
@@ -5,6 +5,7 @@ import 'element-plus/es/components/radio-group/style/css';
|
|
|
5
5
|
import 'element-plus/es/components/radio-button/style/css';
|
|
6
6
|
import { defineComponent, useTemplateRef, useCssModule, ref, computed, onBeforeMount, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, createElementVNode, createVNode, normalizeClass, createTextVNode, createCommentVNode, isRef, nextTick, createElementBlock, toDisplayString, Fragment, renderList, withKeys } from 'vue';
|
|
7
7
|
import { Search } from '@element-plus/icons-vue';
|
|
8
|
+
import { useZIndex } from 'element-plus';
|
|
8
9
|
import usePersistentModel from '../../use/usePersistentModel/index.mjs';
|
|
9
10
|
import { C as Component$1 } from '../button/button.mjs';
|
|
10
11
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
@@ -184,6 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
184
185
|
setup(__props, { emit: __emit }) {
|
|
185
186
|
const props = __props;
|
|
186
187
|
const emits = __emit;
|
|
188
|
+
const { nextZIndex } = useZIndex();
|
|
187
189
|
const { key, fullscreenTarget: pageTarget } = injectExplorerState();
|
|
188
190
|
const { fullscreenTarget: panelTarget, columnConfig } = injectExplorerPanelState();
|
|
189
191
|
const $style = useCssModule();
|
|
@@ -198,7 +200,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
198
200
|
const target = props.fullscreenTarget === "page" ? pageTarget.value : panelTarget.value;
|
|
199
201
|
if (target) {
|
|
200
202
|
isFullScreen.value = !isFullScreen.value;
|
|
201
|
-
isFullScreen.value
|
|
203
|
+
if (isFullScreen.value) {
|
|
204
|
+
target.classList.add($style.fullscreen);
|
|
205
|
+
target.style.zIndex = nextZIndex().toString();
|
|
206
|
+
} else {
|
|
207
|
+
target.classList.remove($style.fullscreen);
|
|
208
|
+
target.style.zIndex = "";
|
|
209
|
+
}
|
|
202
210
|
emits("fullscreen", isFullScreen.value);
|
|
203
211
|
}
|
|
204
212
|
}
|
|
@@ -318,13 +326,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
318
326
|
}
|
|
319
327
|
});
|
|
320
328
|
|
|
321
|
-
/* unplugin-vue-components disabled */const buttons = "
|
|
322
|
-
const tools = "
|
|
323
|
-
const layout = "
|
|
324
|
-
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";
|
|
325
333
|
const style0 = {
|
|
326
|
-
"explorer-tools": "_explorer-
|
|
327
|
-
"bottom-border": "_bottom-
|
|
334
|
+
"explorer-tools": "_explorer-tools_1m5u8_1",
|
|
335
|
+
"bottom-border": "_bottom-border_1m5u8_10",
|
|
328
336
|
buttons: buttons,
|
|
329
337
|
tools: tools,
|
|
330
338
|
layout: layout,
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
div._divider_8k9xf_21 {
|
|
19
19
|
margin: 8px 0;
|
|
20
|
-
}._explorer-
|
|
20
|
+
}._explorer-tools_1m5u8_1 {
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: space-between;
|
|
@@ -26,33 +26,33 @@ div._divider_8k9xf_21 {
|
|
|
26
26
|
row-gap: 8px;
|
|
27
27
|
box-sizing: border-box;
|
|
28
28
|
}
|
|
29
|
-
._explorer-
|
|
29
|
+
._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
|
|
30
30
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
31
31
|
margin-bottom: 8px;
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._buttons_1m5u8_15 {
|
|
34
34
|
display: flex;
|
|
35
35
|
align-items: center;
|
|
36
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
43
|
align-items: center;
|
|
44
44
|
column-gap: 8px;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
._tools_1m5u8_24 button.vc-icon-button {
|
|
47
47
|
padding: 4px;
|
|
48
48
|
font-size: 18px;
|
|
49
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
57
|
background-color: var(--el-bg-color) !important;
|
|
58
58
|
top: 0 !important;
|
|
@@ -61,5 +61,4 @@ div._divider_8k9xf_21 {
|
|
|
61
61
|
bottom: 0 !important;
|
|
62
62
|
width: 100% !important;
|
|
63
63
|
height: 100% !important;
|
|
64
|
-
z-index: 9999 !important;
|
|
65
64
|
}
|
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.15";
|
|
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
|
@@ -828,7 +828,7 @@ div._table_p2qu9_7 .el-table__column-resize-proxy {
|
|
|
828
828
|
border-color: var(--el-color-primary);
|
|
829
829
|
}
|
|
830
830
|
div._table_p2qu9_7 .el-table__empty-block {
|
|
831
|
-
display: var(--
|
|
831
|
+
display: var(--v251be0d8);
|
|
832
832
|
}
|
|
833
833
|
._selection_p2qu9_27 .cell {
|
|
834
834
|
display: flex;
|
|
@@ -865,7 +865,7 @@ div._table_p2qu9_7 .el-table__empty-block {
|
|
|
865
865
|
}
|
|
866
866
|
div._divider_8k9xf_21 {
|
|
867
867
|
margin: 8px 0;
|
|
868
|
-
}._explorer-
|
|
868
|
+
}._explorer-tools_1m5u8_1 {
|
|
869
869
|
display: flex;
|
|
870
870
|
align-items: center;
|
|
871
871
|
justify-content: space-between;
|
|
@@ -874,33 +874,33 @@ div._divider_8k9xf_21 {
|
|
|
874
874
|
row-gap: 8px;
|
|
875
875
|
box-sizing: border-box;
|
|
876
876
|
}
|
|
877
|
-
._explorer-
|
|
877
|
+
._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
|
|
878
878
|
border-bottom: 1px solid var(--el-border-color-lighter);
|
|
879
879
|
margin-bottom: 8px;
|
|
880
880
|
}
|
|
881
|
-
.
|
|
881
|
+
._buttons_1m5u8_15 {
|
|
882
882
|
display: flex;
|
|
883
883
|
align-items: center;
|
|
884
884
|
column-gap: 8px;
|
|
885
885
|
}
|
|
886
|
-
.
|
|
886
|
+
._buttons_1m5u8_15 button {
|
|
887
887
|
margin-left: 0 !important;
|
|
888
888
|
}
|
|
889
|
-
.
|
|
889
|
+
._tools_1m5u8_24 {
|
|
890
890
|
display: flex;
|
|
891
891
|
align-items: center;
|
|
892
892
|
column-gap: 8px;
|
|
893
893
|
}
|
|
894
|
-
.
|
|
894
|
+
._tools_1m5u8_24 button.vc-icon-button {
|
|
895
895
|
padding: 4px;
|
|
896
896
|
font-size: 18px;
|
|
897
897
|
margin-left: 0 !important;
|
|
898
898
|
}
|
|
899
|
-
.
|
|
899
|
+
._layout_1m5u8_35 .el-radio-button__inner {
|
|
900
900
|
padding: 6px 8px;
|
|
901
901
|
font-size: 18px;
|
|
902
902
|
}
|
|
903
|
-
.
|
|
903
|
+
._fullscreen_1m5u8_40 {
|
|
904
904
|
position: fixed !important;
|
|
905
905
|
background-color: var(--el-bg-color) !important;
|
|
906
906
|
top: 0 !important;
|
|
@@ -909,7 +909,6 @@ div._divider_8k9xf_21 {
|
|
|
909
909
|
bottom: 0 !important;
|
|
910
910
|
width: 100% !important;
|
|
911
911
|
height: 100% !important;
|
|
912
|
-
z-index: 9999 !important;
|
|
913
912
|
}
|
|
914
913
|
/* source: src/components/explorer-tree/explorer-tree.vue */
|
|
915
914
|
._tree_185uk_1 .el-tree-node__content {
|