@wfrog/vc-ui 1.13.3 → 1.13.5
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-filter/explorer-filter.d.ts +3 -1
- package/dist/es/components/explorer-filter/explorer-filter.mjs +12 -8
- package/dist/es/components/explorer-filter/explorer-filter.vue.d.ts +5 -1
- package/dist/es/components/explorer-filter/index.css +4 -4
- package/dist/es/components/explorer-table/explorer-table.mjs +4 -6
- package/dist/es/components/explorer-table/index.css +1 -1
- package/dist/es/components/scrollbar/index.css +1 -1
- package/dist/es/components/scrollbar/scrollbar.mjs +4 -6
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +6 -6
- package/package.json +1 -1
|
@@ -5,9 +5,11 @@ export interface IExplorerFilterProps {
|
|
|
5
5
|
create?: boolean;
|
|
6
6
|
debounce?: number;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
-
|
|
8
|
+
closeLocalFilter?: boolean;
|
|
9
9
|
}
|
|
10
10
|
export interface IExplorerFilterEmits {
|
|
11
11
|
(e: 'filter', keyword: string): void;
|
|
12
|
+
(e: 'clear', keyword: string): void;
|
|
13
|
+
(e: 'change', keyword: string): void;
|
|
12
14
|
(e: 'create'): void;
|
|
13
15
|
}
|
|
@@ -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
|
-
emits: ["filter", "create"],
|
|
23
|
+
emits: ["filter", "clear", "change", "create"],
|
|
24
24
|
setup(__props, { emit: __emit }) {
|
|
25
25
|
useCssVars((_ctx) => ({
|
|
26
|
-
"
|
|
26
|
+
"v3a2cc2a2": `${_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);
|
|
@@ -51,15 +55,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
51
55
|
"prefix-icon": unref(Search),
|
|
52
56
|
disabled: __props.disabled,
|
|
53
57
|
onKeydown: withKeys(handleFilter, ["enter"]),
|
|
54
|
-
onClear:
|
|
55
|
-
onChange:
|
|
58
|
+
onClear: _cache[1] || (_cache[1] = ($event) => emits("clear", unref(keyword))),
|
|
59
|
+
onChange: _cache[2] || (_cache[2] = ($event) => emits("change", unref(keyword))),
|
|
56
60
|
onInput: unref(keywordChange)
|
|
57
61
|
}, null, 8, ["modelValue", "placeholder", "clearable", "prefix-icon", "disabled", "onInput"]),
|
|
58
62
|
__props.create ? (openBlock(), createBlock(_component_ElButton, {
|
|
59
63
|
key: 0,
|
|
60
64
|
icon: unref(Plus),
|
|
61
65
|
disabled: __props.disabled,
|
|
62
|
-
onClick: _cache[
|
|
66
|
+
onClick: _cache[3] || (_cache[3] = ($event) => emits("create"))
|
|
63
67
|
}, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
|
|
64
68
|
], 2);
|
|
65
69
|
};
|
|
@@ -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 = {
|
|
@@ -1,15 +1,19 @@
|
|
|
1
1
|
import { IExplorerFilterProps } from './explorer-filter';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<IExplorerFilterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
3
3
|
filter: (keyword: string) => any;
|
|
4
|
+
change: (keyword: string) => any;
|
|
5
|
+
clear: (keyword: string) => any;
|
|
4
6
|
create: () => any;
|
|
5
7
|
}, string, import('vue').PublicProps, Readonly<IExplorerFilterProps> & Readonly<{
|
|
6
8
|
onFilter?: ((keyword: string) => any) | undefined;
|
|
9
|
+
onChange?: ((keyword: string) => any) | undefined;
|
|
10
|
+
onClear?: ((keyword: string) => any) | undefined;
|
|
7
11
|
onCreate?: (() => any) | undefined;
|
|
8
12
|
}>, {
|
|
9
13
|
placeholder: string;
|
|
10
14
|
clearable: boolean;
|
|
11
15
|
debounce: number;
|
|
12
16
|
paddingBottom: number;
|
|
13
|
-
|
|
17
|
+
closeLocalFilter: boolean;
|
|
14
18
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
15
19
|
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(--v3a2cc2a2);
|
|
8
8
|
}
|
|
@@ -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
|
+
"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,
|
|
@@ -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),
|
|
@@ -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
|
}, [
|
|
@@ -21,7 +21,7 @@ div._table_10xul_7 .el-table__column-resize-proxy {
|
|
|
21
21
|
border-color: var(--el-color-primary);
|
|
22
22
|
}
|
|
23
23
|
div._table_10xul_7 .el-table__empty-block {
|
|
24
|
-
display: var(--
|
|
24
|
+
display: var(--fcc28e7c);
|
|
25
25
|
}
|
|
26
26
|
._selection_10xul_27 .cell {
|
|
27
27
|
align-items: center;
|
|
@@ -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,
|
|
@@ -74,7 +72,7 @@ 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,
|
|
@@ -97,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
95
|
_: 1
|
|
98
96
|
})
|
|
99
97
|
], 2)
|
|
100
|
-
]) : __props.scrollLoadDisabled ? renderSlot(_ctx.$slots, "no-more", { key: 4 }, () => [
|
|
98
|
+
]) : __props.scrollLoadDisabled && !__props.empty ? renderSlot(_ctx.$slots, "no-more", { key: 4 }, () => [
|
|
101
99
|
createElementVNode("div", {
|
|
102
100
|
class: normalizeClass(_ctx.$style["status-text"])
|
|
103
101
|
}, [
|
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.5";
|
|
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(--v3a2cc2a2);
|
|
613
613
|
}
|
|
614
614
|
/* source: src/components/explorer-footer/explorer-footer.vue */
|
|
615
615
|
._explorer-footer_ntz3b_1 {
|
|
@@ -820,7 +820,7 @@ div._table_10xul_7 .el-table__column-resize-proxy {
|
|
|
820
820
|
border-color: var(--el-color-primary);
|
|
821
821
|
}
|
|
822
822
|
div._table_10xul_7 .el-table__empty-block {
|
|
823
|
-
display: var(--
|
|
823
|
+
display: var(--fcc28e7c);
|
|
824
824
|
}
|
|
825
825
|
._selection_10xul_27 .cell {
|
|
826
826
|
align-items: center;
|
|
@@ -1391,7 +1391,7 @@ div._input-width_wnpjs_1 {
|
|
|
1391
1391
|
display: flex;
|
|
1392
1392
|
flex-direction: column;
|
|
1393
1393
|
flex-grow: 1;
|
|
1394
|
-
margin: var(--
|
|
1394
|
+
margin: var(--v4407bcd9);
|
|
1395
1395
|
}
|
|
1396
1396
|
._fill-height_ro2ve_18 {
|
|
1397
1397
|
height: 10px;
|