@wfrog/vc-ui 1.10.2 → 1.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/choice/choice.mjs +1 -0
- package/dist/es/components/choice/index.css +1 -1
- package/dist/es/components/explorer-list/explorer-list.d.ts +6 -2
- package/dist/es/components/explorer-list/explorer-list.mjs +96 -68
- package/dist/es/components/explorer-list/explorer-list.vue.d.ts +12 -25
- package/dist/es/components/explorer-list/index.css +14 -13
- package/dist/es/components/explorer-tree/explorer-tree.d.ts +0 -1
- package/dist/es/components/explorer-tree/explorer-tree.mjs +4 -10
- package/dist/es/components/explorer-tree/explorer-tree.vue.d.ts +2 -3
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +16 -14
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/Gk1J52Yw.mjs';
|
|
3
3
|
import { E as ElCheckboxGroup } from '../../chunk/DBf73TLo.mjs';
|
|
4
|
+
/* empty css */
|
|
4
5
|
import { E as ElRadioGroup } from '../../chunk/Do7HIVy5.mjs';
|
|
5
6
|
import { defineComponent, computed, createBlock, openBlock, mergeProps, unref } from 'vue';
|
|
6
7
|
import { useFormDisabled, useFormItem } from 'element-plus';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* source: src/components/choice/choice.vue */
|
|
2
|
-
.el-
|
|
2
|
+
.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
|
|
3
3
|
display: inline-flex;
|
|
4
4
|
}
|
|
5
5
|
._checkbox_8th42_1 .el-checkbox-button__inner {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CheckboxValueType } from 'element-plus';
|
|
1
2
|
import { IButtonProps } from '../button/button';
|
|
2
3
|
export interface IExplorerListItem<T = any> {
|
|
3
4
|
label: string;
|
|
@@ -6,7 +7,8 @@ export interface IExplorerListItem<T = any> {
|
|
|
6
7
|
original?: T;
|
|
7
8
|
}
|
|
8
9
|
export interface IExplorerListProps {
|
|
9
|
-
|
|
10
|
+
modelValue?: (string | number)[] | undefined;
|
|
11
|
+
data: IExplorerListItem[];
|
|
10
12
|
actions?: ('create' | 'modify' | 'remove' | 'up' | 'down' | 'action')[];
|
|
11
13
|
filterMethod?: (keyword: string, item: IExplorerListItem) => boolean;
|
|
12
14
|
emptyText?: string;
|
|
@@ -14,10 +16,12 @@ export interface IExplorerListProps {
|
|
|
14
16
|
loading?: boolean;
|
|
15
17
|
loadingText?: string;
|
|
16
18
|
highlightCurrent?: boolean;
|
|
17
|
-
|
|
19
|
+
showCheckbox?: boolean;
|
|
18
20
|
confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
|
|
19
21
|
}
|
|
20
22
|
export interface IExplorerListEmits {
|
|
23
|
+
(e: 'update:modelValue', value: (string | number)[] | undefined): void;
|
|
24
|
+
(e: 'valueChange', value: CheckboxValueType[]): void;
|
|
21
25
|
(e: 'itemClick', value: string | number, item: IExplorerListItem, event: MouseEvent): void;
|
|
22
26
|
(e: 'create', value: string | number, item: IExplorerListItem): void;
|
|
23
27
|
(e: 'modify', value: string | number, item: IExplorerListItem): void;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/Gk1J52Yw.mjs';
|
|
3
|
-
import {
|
|
3
|
+
import { E as ElCheckboxGroup, a as ElCheckbox } from '../../chunk/DBf73TLo.mjs';
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { defineComponent, ref, computed, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, isRef, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, mergeProps, vShow } from 'vue';
|
|
4
6
|
import { Loading } from '@element-plus/icons-vue';
|
|
5
7
|
import { C as Component$3 } from '../button/button.mjs';
|
|
6
8
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
7
9
|
import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
|
|
8
10
|
import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
|
|
11
|
+
import { useVModel } from '@vueuse/core';
|
|
9
12
|
import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
|
|
10
13
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
11
14
|
|
|
@@ -13,6 +16,7 @@ const _hoisted_1 = ["onClick"];
|
|
|
13
16
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
14
17
|
__name: "explorer-list",
|
|
15
18
|
props: {
|
|
19
|
+
modelValue: {},
|
|
16
20
|
data: { default: () => [] },
|
|
17
21
|
actions: { default: () => [] },
|
|
18
22
|
filterMethod: {},
|
|
@@ -21,16 +25,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
25
|
loading: { type: Boolean },
|
|
22
26
|
loadingText: { default: "数据加载中..." },
|
|
23
27
|
highlightCurrent: { type: Boolean, default: true },
|
|
24
|
-
|
|
28
|
+
showCheckbox: { type: Boolean },
|
|
25
29
|
confirmParams: { type: Function, default: (item) => {
|
|
26
30
|
return { msg: `确定要删除 ${item.label} 吗?` };
|
|
27
31
|
} }
|
|
28
32
|
},
|
|
29
|
-
emits: ["itemClick", "create", "modify", "remove", "up", "down"],
|
|
33
|
+
emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
|
|
30
34
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
31
35
|
const props = __props;
|
|
32
36
|
const emits = __emit;
|
|
33
37
|
const { filterKeyword } = injectExplorerPanelState();
|
|
38
|
+
const myValue = useVModel(props, "modelValue", emits);
|
|
34
39
|
const actived = ref();
|
|
35
40
|
const actionsMapping = {
|
|
36
41
|
create: { title: "新增", type: "primary", icon: "Plus" },
|
|
@@ -42,14 +47,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
42
47
|
const filterMethod = props.filterMethod || ((keyword, item) => {
|
|
43
48
|
return item.label.toLowerCase().includes(keyword.toLowerCase());
|
|
44
49
|
});
|
|
45
|
-
const listData = ref([]);
|
|
46
50
|
const myData = computed(() => {
|
|
47
|
-
return filterKeyword.value ?
|
|
51
|
+
return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
|
|
48
52
|
});
|
|
49
53
|
const isEmpty = computed(() => myData.value.length === 0);
|
|
50
|
-
const propsWatch = watch(() => props.data, (value) => {
|
|
51
|
-
listData.value = value;
|
|
52
|
-
}, { immediate: true, deep: props.deepWatch });
|
|
53
54
|
function handleClick(item, e) {
|
|
54
55
|
if (!props.highlightCurrent) {
|
|
55
56
|
return;
|
|
@@ -62,10 +63,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
62
63
|
actived.value = value;
|
|
63
64
|
}
|
|
64
65
|
});
|
|
65
|
-
onBeforeUnmount(() => {
|
|
66
|
-
propsWatch.stop();
|
|
67
|
-
});
|
|
68
66
|
return (_ctx, _cache) => {
|
|
67
|
+
const _component_el_checkbox = ElCheckbox;
|
|
68
|
+
const _component_el_checkbox_group = ElCheckboxGroup;
|
|
69
69
|
const _component_ElIcon = ElIcon;
|
|
70
70
|
return openBlock(), createBlock(Component$1, {
|
|
71
71
|
always: "",
|
|
@@ -73,62 +73,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
73
73
|
}, {
|
|
74
74
|
default: withCtx(() => [
|
|
75
75
|
withDirectives(createElementVNode("div", null, [
|
|
76
|
-
(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
class: normalizeClass(_ctx.$style.label)
|
|
76
|
+
createVNode(_component_el_checkbox_group, {
|
|
77
|
+
modelValue: unref(myValue),
|
|
78
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
|
|
79
|
+
onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
|
|
80
|
+
}, {
|
|
81
|
+
default: withCtx(() => [
|
|
82
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(myData), (item, index) => {
|
|
83
|
+
return openBlock(), createElementBlock("div", {
|
|
84
|
+
key: item.value,
|
|
85
|
+
class: normalizeClass([_ctx.$style.item, { [_ctx.$style.active]: unref(actived) === item.value }]),
|
|
86
|
+
onClick: (e) => handleClick(item, e)
|
|
88
87
|
}, [
|
|
89
|
-
renderSlot(_ctx.$slots, "
|
|
88
|
+
renderSlot(_ctx.$slots, "item", {
|
|
90
89
|
data: item,
|
|
91
90
|
index
|
|
92
91
|
}, () => [
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
}, null, 8, ["name", "class"])) : createCommentVNode("", true),
|
|
98
|
-
createTextVNode(toDisplayString(item.label), 1)
|
|
99
|
-
])
|
|
100
|
-
], 2),
|
|
101
|
-
__props.actions.length ? (openBlock(), createElementBlock("div", {
|
|
102
|
-
key: 0,
|
|
103
|
-
class: normalizeClass(_ctx.$style.actions)
|
|
104
|
-
}, [
|
|
105
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
|
|
106
|
-
return openBlock(), createElementBlock(Fragment, { key: action }, [
|
|
107
|
-
action === "action" ? renderSlot(_ctx.$slots, "action", {
|
|
92
|
+
createElementVNode("div", {
|
|
93
|
+
class: normalizeClass(_ctx.$style.label)
|
|
94
|
+
}, [
|
|
95
|
+
__props.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
|
|
108
96
|
key: 0,
|
|
97
|
+
value: item.value
|
|
98
|
+
}, {
|
|
99
|
+
default: withCtx(() => [
|
|
100
|
+
renderSlot(_ctx.$slots, "label", {
|
|
101
|
+
data: item,
|
|
102
|
+
index
|
|
103
|
+
}, () => [
|
|
104
|
+
item.icon ? (openBlock(), createBlock(Component$2, {
|
|
105
|
+
key: 0,
|
|
106
|
+
name: item.icon,
|
|
107
|
+
class: normalizeClass(_ctx.$style.icon)
|
|
108
|
+
}, null, 8, ["name", "class"])) : createCommentVNode("", true),
|
|
109
|
+
createTextVNode(toDisplayString(item.label), 1)
|
|
110
|
+
])
|
|
111
|
+
]),
|
|
112
|
+
_: 2
|
|
113
|
+
}, 1032, ["value"])) : renderSlot(_ctx.$slots, "label", {
|
|
114
|
+
key: 1,
|
|
109
115
|
data: item,
|
|
110
116
|
index
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
117
|
+
}, () => [
|
|
118
|
+
item.icon ? (openBlock(), createBlock(Component$2, {
|
|
119
|
+
key: 0,
|
|
120
|
+
name: item.icon,
|
|
121
|
+
class: normalizeClass(_ctx.$style.icon)
|
|
122
|
+
}, null, 8, ["name", "class"])) : createCommentVNode("", true),
|
|
123
|
+
createTextVNode(toDisplayString(item.label), 1)
|
|
124
|
+
])
|
|
125
|
+
], 2),
|
|
126
|
+
__props.actions.length ? (openBlock(), createElementBlock("div", {
|
|
127
|
+
key: 0,
|
|
128
|
+
class: normalizeClass(_ctx.$style.actions)
|
|
129
|
+
}, [
|
|
130
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action) => {
|
|
131
|
+
return openBlock(), createElementBlock(Fragment, { key: action }, [
|
|
132
|
+
action === "action" ? renderSlot(_ctx.$slots, "action", {
|
|
133
|
+
key: 0,
|
|
134
|
+
data: item,
|
|
135
|
+
index
|
|
136
|
+
}) : (openBlock(), createBlock(Component$3, mergeProps({
|
|
137
|
+
key: 1,
|
|
138
|
+
ref_for: true
|
|
139
|
+
}, actionsMapping[action], {
|
|
140
|
+
confirm: action === "remove" ? __props.confirmParams(item) : void 0,
|
|
141
|
+
class: action === "remove" ? _ctx.$style.remove : void 0,
|
|
142
|
+
link: "",
|
|
143
|
+
icon: { type: "el", name: actionsMapping[action].icon },
|
|
144
|
+
stop: "",
|
|
145
|
+
onClick: ($event) => emits(action, item.value, item)
|
|
146
|
+
}), null, 16, ["confirm", "class", "icon", "onClick"]))
|
|
147
|
+
], 64);
|
|
148
|
+
}), 128))
|
|
149
|
+
], 2)) : createCommentVNode("", true),
|
|
150
|
+
renderSlot(_ctx.$slots, "extra-label", {
|
|
151
|
+
data: item,
|
|
152
|
+
index
|
|
153
|
+
})
|
|
154
|
+
])
|
|
155
|
+
], 10, _hoisted_1);
|
|
156
|
+
}), 128))
|
|
157
|
+
]),
|
|
158
|
+
_: 3
|
|
159
|
+
}, 8, ["modelValue"])
|
|
132
160
|
], 512), [
|
|
133
161
|
[vShow, !__props.loading]
|
|
134
162
|
]),
|
|
@@ -155,14 +183,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
183
|
}
|
|
156
184
|
});
|
|
157
185
|
|
|
158
|
-
/* unplugin-vue-components disabled */const item = "
|
|
159
|
-
const actions = "
|
|
160
|
-
const active = "
|
|
161
|
-
const label = "
|
|
162
|
-
const remove = "
|
|
163
|
-
const empty = "
|
|
164
|
-
const loading = "
|
|
165
|
-
const scrollbar = "
|
|
186
|
+
/* unplugin-vue-components disabled */const item = "_item_91c4w_1";
|
|
187
|
+
const actions = "_actions_91c4w_16";
|
|
188
|
+
const active = "_active_91c4w_20";
|
|
189
|
+
const label = "_label_91c4w_25";
|
|
190
|
+
const remove = "_remove_91c4w_48";
|
|
191
|
+
const empty = "_empty_91c4w_52";
|
|
192
|
+
const loading = "_loading_91c4w_53";
|
|
193
|
+
const scrollbar = "_scrollbar_91c4w_61";
|
|
166
194
|
const style0 = {
|
|
167
195
|
item: item,
|
|
168
196
|
actions: actions,
|
|
@@ -3,39 +3,23 @@ declare function __VLS_template(): {
|
|
|
3
3
|
attrs: Partial<{}>;
|
|
4
4
|
slots: {
|
|
5
5
|
item?(_: {
|
|
6
|
-
data:
|
|
7
|
-
label: string;
|
|
8
|
-
icon?: string | undefined;
|
|
9
|
-
value: string | number;
|
|
10
|
-
original?: any;
|
|
11
|
-
};
|
|
6
|
+
data: IExplorerListItem<any>;
|
|
12
7
|
index: number;
|
|
13
8
|
}): any;
|
|
14
9
|
label?(_: {
|
|
15
|
-
data:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
};
|
|
10
|
+
data: IExplorerListItem<any>;
|
|
11
|
+
index: number;
|
|
12
|
+
}): any;
|
|
13
|
+
label?(_: {
|
|
14
|
+
data: IExplorerListItem<any>;
|
|
21
15
|
index: number;
|
|
22
16
|
}): any;
|
|
23
17
|
action?(_: {
|
|
24
|
-
data:
|
|
25
|
-
label: string;
|
|
26
|
-
icon?: string | undefined;
|
|
27
|
-
value: string | number;
|
|
28
|
-
original?: any;
|
|
29
|
-
};
|
|
18
|
+
data: IExplorerListItem<any>;
|
|
30
19
|
index: number;
|
|
31
20
|
}): any;
|
|
32
21
|
'extra-label'?(_: {
|
|
33
|
-
data:
|
|
34
|
-
label: string;
|
|
35
|
-
icon?: string | undefined;
|
|
36
|
-
value: string | number;
|
|
37
|
-
original?: any;
|
|
38
|
-
};
|
|
22
|
+
data: IExplorerListItem<any>;
|
|
39
23
|
index: number;
|
|
40
24
|
}): any;
|
|
41
25
|
};
|
|
@@ -46,18 +30,22 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
46
30
|
declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps, {
|
|
47
31
|
setActive: (value: string | number) => void;
|
|
48
32
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
33
|
+
"update:modelValue": (value: (string | number)[] | undefined) => any;
|
|
49
34
|
create: (value: string | number, item: IExplorerListItem<any>) => any;
|
|
50
35
|
modify: (value: string | number, item: IExplorerListItem<any>) => any;
|
|
51
36
|
remove: (value: string | number, item: IExplorerListItem<any>) => any;
|
|
52
37
|
up: (value: string | number, node: Node) => any;
|
|
53
38
|
down: (value: string | number, node: Node) => any;
|
|
39
|
+
valueChange: (value: import('element-plus').CheckboxValueType[]) => any;
|
|
54
40
|
itemClick: (value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any;
|
|
55
41
|
}, string, import('vue').PublicProps, Readonly<IExplorerListProps> & Readonly<{
|
|
42
|
+
"onUpdate:modelValue"?: ((value: (string | number)[] | undefined) => any) | undefined;
|
|
56
43
|
onCreate?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
|
|
57
44
|
onModify?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
|
|
58
45
|
onRemove?: ((value: string | number, item: IExplorerListItem<any>) => any) | undefined;
|
|
59
46
|
onUp?: ((value: string | number, node: Node) => any) | undefined;
|
|
60
47
|
onDown?: ((value: string | number, node: Node) => any) | undefined;
|
|
48
|
+
onValueChange?: ((value: import('element-plus').CheckboxValueType[]) => any) | undefined;
|
|
61
49
|
onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
|
|
62
50
|
}>, {
|
|
63
51
|
data: IExplorerListItem[];
|
|
@@ -65,7 +53,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
|
|
|
65
53
|
emptyText: string;
|
|
66
54
|
highlightCurrent: boolean;
|
|
67
55
|
actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
|
|
68
|
-
deepWatch: boolean;
|
|
69
56
|
confirmParams: (item: IExplorerListItem) => import('../button/button').IButtonProps["confirm"];
|
|
70
57
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
71
58
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
2
|
-
.
|
|
2
|
+
._item_91c4w_1 {
|
|
3
3
|
padding: 4px 8px;
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
display: flex;
|
|
@@ -11,48 +11,49 @@
|
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
line-height: 1;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
._item_91c4w_1:hover {
|
|
15
15
|
background-color: var(--el-color-primary-light-9);
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
._item_91c4w_1:hover ._actions_91c4w_16 {
|
|
18
18
|
display: inline-flex;
|
|
19
19
|
align-items: flex-start;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
._item_91c4w_1._active_91c4w_20 {
|
|
22
22
|
color: var(--el-color-primary);
|
|
23
23
|
background-color: var(--el-color-primary-light-9);
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._label_91c4w_25 {
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
text-overflow: ellipsis;
|
|
28
28
|
white-space: nowrap;
|
|
29
|
+
--el-checkbox-height: 24px;
|
|
29
30
|
}
|
|
30
|
-
.
|
|
31
|
+
._label_91c4w_25 .iconify {
|
|
31
32
|
margin-right: 4px;
|
|
32
33
|
}
|
|
33
|
-
.
|
|
34
|
+
._actions_91c4w_16 {
|
|
34
35
|
display: none;
|
|
35
36
|
column-gap: 4px;
|
|
36
37
|
}
|
|
37
|
-
.
|
|
38
|
+
._actions_91c4w_16 > button {
|
|
38
39
|
margin-left: 0 !important;
|
|
39
40
|
font-size: 1.2em;
|
|
40
41
|
border: 1px solid var(--el-border-color-light) !important;
|
|
41
42
|
}
|
|
42
|
-
.
|
|
43
|
+
._actions_91c4w_16 > button:hover {
|
|
43
44
|
border-color: var(--el-border-color-dark) !important;
|
|
44
45
|
}
|
|
45
|
-
.
|
|
46
|
+
._remove_91c4w_48 {
|
|
46
47
|
transform: translateY(-1px);
|
|
47
48
|
}
|
|
48
|
-
.
|
|
49
|
-
.
|
|
49
|
+
._empty_91c4w_52,
|
|
50
|
+
._loading_91c4w_53 {
|
|
50
51
|
padding: 4px 8px;
|
|
51
52
|
display: flex;
|
|
52
53
|
align-items: center;
|
|
53
54
|
column-gap: 4px;
|
|
54
55
|
color: var(--el-text-color-secondary);
|
|
55
56
|
}
|
|
56
|
-
.
|
|
57
|
+
._scrollbar_91c4w_61 {
|
|
57
58
|
margin: 0 -8px;
|
|
58
59
|
}
|
|
@@ -14,7 +14,6 @@ export interface IExplorerTreeProps {
|
|
|
14
14
|
confirmParams?: (node: Node) => IButtonProps['confirm'];
|
|
15
15
|
filterMethod?: TreeComponentProps['filterNodeMethod'];
|
|
16
16
|
highlightCurrent?: boolean;
|
|
17
|
-
deepWatch?: boolean;
|
|
18
17
|
}
|
|
19
18
|
export interface IExplorerTreeEmits {
|
|
20
19
|
(e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;
|
|
@@ -3,7 +3,7 @@ import '../../chunk/Gk1J52Yw.mjs';
|
|
|
3
3
|
import { E as ElTree } from '../../chunk/eqwEsspo.mjs';
|
|
4
4
|
import '../../chunk/DBf73TLo.mjs';
|
|
5
5
|
import '../../chunk/DbhQlaOz.mjs';
|
|
6
|
-
import { defineComponent, useTemplateRef,
|
|
6
|
+
import { defineComponent, useTemplateRef, computed, watch, onBeforeUnmount, createBlock, openBlock, normalizeClass, withCtx, withDirectives, createElementBlock, createCommentVNode, createVNode, mergeProps, unref, renderSlot, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, vShow } from 'vue';
|
|
7
7
|
import { Loading } from '@element-plus/icons-vue';
|
|
8
8
|
import { C as Component$3 } from '../button/button.mjs';
|
|
9
9
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
@@ -27,8 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
27
|
return { msg: `确定要删除 ${node.data.label} 吗?` };
|
|
28
28
|
} },
|
|
29
29
|
filterMethod: {},
|
|
30
|
-
highlightCurrent: { type: Boolean, default: true }
|
|
31
|
-
deepWatch: { type: Boolean, default: false }
|
|
30
|
+
highlightCurrent: { type: Boolean, default: true }
|
|
32
31
|
},
|
|
33
32
|
emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
|
|
34
33
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -43,7 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
43
42
|
up: { title: "上移", type: "success", icon: "Top" },
|
|
44
43
|
down: { title: "下移", type: "success", icon: "Bottom" }
|
|
45
44
|
};
|
|
46
|
-
const treeData = ref();
|
|
47
45
|
const treeProps = computed(() => ({
|
|
48
46
|
emptyText: props.emptyText,
|
|
49
47
|
defaultExpandAll: props.defaultExpandAll,
|
|
@@ -63,18 +61,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
63
61
|
emits("nodeClick", data.value, node, instance, event);
|
|
64
62
|
}
|
|
65
63
|
const filterWatch = watch(filterKeyword, (value) => treeRef.value?.filter(value));
|
|
66
|
-
const propsWatch = watch(() => props.data, (value) => {
|
|
67
|
-
treeData.value = value;
|
|
68
|
-
}, { immediate: true, deep: props.deepWatch });
|
|
69
64
|
__expose({
|
|
70
|
-
|
|
65
|
+
treeRef,
|
|
71
66
|
setActive: (value, shouldAutoExpandParent = true) => {
|
|
72
67
|
treeRef.value?.setCurrentKey(value, shouldAutoExpandParent);
|
|
73
68
|
}
|
|
74
69
|
});
|
|
75
70
|
onBeforeUnmount(() => {
|
|
76
71
|
filterWatch.stop();
|
|
77
|
-
propsWatch.stop();
|
|
78
72
|
});
|
|
79
73
|
return (_ctx, _cache) => {
|
|
80
74
|
const _component_ElTree = ElTree;
|
|
@@ -87,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
87
81
|
withDirectives(createVNode(_component_ElTree, mergeProps({
|
|
88
82
|
ref_key: "treeRef",
|
|
89
83
|
ref: treeRef,
|
|
90
|
-
data:
|
|
84
|
+
data: __props.data
|
|
91
85
|
}, { ..._ctx.$attrs, ...unref(treeProps) }, {
|
|
92
86
|
class: _ctx.$style.tree,
|
|
93
87
|
"filter-node-method": filterNode,
|
|
@@ -1034,7 +1034,7 @@ declare function __VLS_template(): {
|
|
|
1034
1034
|
};
|
|
1035
1035
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
1036
1036
|
declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps, {
|
|
1037
|
-
|
|
1037
|
+
treeRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
|
|
1038
1038
|
readonly data: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => import('element-plus').TreeData) | (() => import('element-plus').TreeData) | ((new (...args: any[]) => import('element-plus').TreeData) | (() => import('element-plus').TreeData))[], unknown, unknown, () => never[], boolean>;
|
|
1039
1039
|
readonly emptyText: {
|
|
1040
1040
|
readonly type: import('vue').PropType<string>;
|
|
@@ -2039,7 +2039,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
|
|
|
2039
2039
|
readonly expandOnClickNode: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
2040
2040
|
readonly showCheckbox: boolean;
|
|
2041
2041
|
readonly highlightCurrent: boolean;
|
|
2042
|
-
}> | null
|
|
2042
|
+
}> | null>>;
|
|
2043
2043
|
setActive: (value: string | number | null, shouldAutoExpandParent?: boolean) => void;
|
|
2044
2044
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
2045
2045
|
create: (value: string | number, node: Node) => any;
|
|
@@ -2061,7 +2061,6 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
|
|
|
2061
2061
|
highlightCurrent: boolean;
|
|
2062
2062
|
defaultExpandAll: boolean;
|
|
2063
2063
|
actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];
|
|
2064
|
-
deepWatch: boolean;
|
|
2065
2064
|
confirmParams: (node: Node) => import('../button/button').IButtonProps["confirm"];
|
|
2066
2065
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
2067
2066
|
treeRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
|
package/dist/es/index.mjs
CHANGED
|
@@ -156,7 +156,7 @@ const __vite_glob_0_47 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
|
|
|
156
156
|
default: _sfc_main$8
|
|
157
157
|
}, Symbol.toStringTag, { value: 'Module' }));
|
|
158
158
|
|
|
159
|
-
const version = "1.10.
|
|
159
|
+
const version = "1.10.4";
|
|
160
160
|
|
|
161
161
|
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/icon-picker/icon-picker.vue": __vite_glob_0_34,"./components/icon/icon.vue": __vite_glob_0_35,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_36,"./components/image/image.vue": __vite_glob_0_37,"./components/input-number/input-number.vue": __vite_glob_0_38,"./components/input/input.vue": __vite_glob_0_39,"./components/pca-picker/pca-picker.vue": __vite_glob_0_40,"./components/qr-code/qr-code.vue": __vite_glob_0_41,"./components/screenfull/screenfull.vue": __vite_glob_0_42,"./components/scrollbar/scrollbar.vue": __vite_glob_0_43,"./components/select/select.vue": __vite_glob_0_44,"./components/single-player/single-player.vue": __vite_glob_0_45,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_46,"./components/splitter/splitter.vue": __vite_glob_0_47,"./components/svg-icon/svg-icon.vue": __vite_glob_0_48,"./components/switch/switch.vue": __vite_glob_0_49,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_50,"./components/tags/tags.vue": __vite_glob_0_51,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_52,"./components/thousand-input/thousand-input.vue": __vite_glob_0_53,"./components/tinymce/tinymce.vue": __vite_glob_0_54,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_55,"./components/transfer/transfer.vue": __vite_glob_0_56,"./components/tree-picker/tree-picker.vue": __vite_glob_0_57,"./components/upload-file/upload-file.vue": __vite_glob_0_58});
|
|
162
162
|
const upper = (_, letter) => letter.toUpperCase();
|
package/dist/index.css
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
left: calc(100% - 80px);
|
|
53
53
|
}
|
|
54
54
|
/* source: src/components/choice/choice.vue */
|
|
55
|
-
.el-
|
|
55
|
+
.el-radio-group{align-items:center;display:inline-flex;flex-wrap:wrap;font-size:0}._checkbox_8th42_1 {
|
|
56
56
|
display: inline-flex;
|
|
57
57
|
}
|
|
58
58
|
._checkbox_8th42_1 .el-checkbox-button__inner {
|
|
@@ -518,6 +518,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
518
518
|
}
|
|
519
519
|
.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}
|
|
520
520
|
.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255,255,255,0.5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);align-items:center;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);box-sizing:border-box;color:var(--el-button-text-color);cursor:pointer;display:inline-flex;font-weight:var(--el-button-font-weight);height:32px;justify-content:center;line-height:1;outline:none;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.el-button:hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color);color:var(--el-button-hover-text-color);outline:none}.el-button:active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base)}.el-button,.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{background-color:var(--el-button-active-bg-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-text-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{background-color:var(--el-button-disabled-bg-color);background-image:none;border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-text-color);cursor:not-allowed}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:var(--el-mask-color-extra-light);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:1}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-circle{border-radius:50%;padding:8px;width:32px}.el-button.is-text{background-color:transparent;border:0 solid transparent;color:var(--el-button-text-color)}.el-button.is-text.is-disabled{background-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset 0s,outline 0s}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{background:transparent;border-color:transparent;color:var(--el-button-text-color);height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button.is-link:not(.is-disabled):active,.el-button.is-link:not(.is-disabled):hover{background-color:transparent;border-color:transparent}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color)}.el-button--text{background:transparent;border-color:transparent;color:var(--el-color-primary);padding-left:0;padding-right:0}.el-button--text.is-disabled{background-color:transparent!important;border-color:transparent!important;color:var(--el-button-disabled-text-color)}.el-button--text:not(.is-disabled):hover{background-color:transparent;border-color:transparent;color:var(--el-color-primary-light-3)}.el-button--text:not(.is-disabled):active{background-color:transparent;border-color:transparent;color:var(--el-color-primary-dark-2)}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-link,.el-button--primary.is-plain,.el-button--primary.is-text{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:active,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:hover{background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8);color:var(--el-color-primary-light-5)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-link,.el-button--success.is-plain,.el-button--success.is-text{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:active,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:active,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:hover{background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8);color:var(--el-color-success-light-5)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-link,.el-button--warning.is-plain,.el-button--warning.is-text{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:active,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:hover{background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8);color:var(--el-color-warning-light-5)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-link,.el-button--danger.is-plain,.el-button--danger.is-text{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:active,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:hover{background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8);color:var(--el-color-danger-light-5)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-link,.el-button--info.is-plain,.el-button--info.is-text{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:active,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:active,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:hover{background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8);color:var(--el-color-info-light-5)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{border-radius:var(--el-border-radius-base);font-size:var(--el-font-size-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{padding:12px;width:var(--el-button-size)}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);font-size:12px;padding:5px 11px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{padding:5px;width:var(--el-button-size)}
|
|
521
|
+
.el-checkbox-group{font-size:0;line-height:0}
|
|
521
522
|
.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);align-items:center;color:var(--el-checkbox-text-color);cursor:pointer;display:inline-flex;font-size:var(--el-font-size-base);font-weight:var(--el-checkbox-font-weight);height:var(--el-checkbox-height,32px);margin-right:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border:var(--el-border);border-radius:var(--el-border-radius-base);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox input:focus-visible+.el-checkbox__inner{border-radius:var(--el-checkbox-border-radius);outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px}.el-checkbox__input{cursor:pointer;display:inline-flex;outline:none;position:relative;white-space:nowrap}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-icon-color);cursor:not-allowed;will-change:transform}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%) rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-checked-icon-color);content:"";display:block;height:2px;left:0;position:absolute;right:0;top:5px;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{background-color:var(--el-checkbox-bg-color);border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;display:inline-block;height:var(--el-checkbox-input-height);position:relative;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);width:var(--el-checkbox-input-width);z-index:var(--el-index-normal)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{border:1px solid transparent;border-left:0;border-top:0;box-sizing:content-box;content:"";height:7px;left:50%;position:absolute;top:50%;transform:translate(-45%,-60%) rotate(45deg) scaleY(0);transform-origin:center;transition:transform .15s ease-in .05s;width:3px}.el-checkbox__original{height:0;margin:0;opacity:0;outline:none;position:absolute;width:0;z-index:-1}.el-checkbox__label{display:inline-block;font-size:var(--el-checkbox-font-size);line-height:1;padding-left:8px}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{height:14px;width:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{height:6px;width:2px}.el-checkbox:last-of-type{margin-right:0}
|
|
522
523
|
.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);display:block;height:1px;margin:24px 0;width:100%}.el-divider--vertical{border-left:1px var(--el-border-color) var(--el-border-style);display:inline-block;height:1em;margin:0 8px;position:relative;vertical-align:middle;width:1px}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);font-size:14px;font-weight:500;padding:0 20px;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}
|
|
523
524
|
/* source: src/components/el-icon/el-icon.vue */
|
|
@@ -693,7 +694,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
693
694
|
margin: 0 -8px;
|
|
694
695
|
}
|
|
695
696
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
696
|
-
.
|
|
697
|
+
._item_91c4w_1 {
|
|
697
698
|
padding: 4px 8px;
|
|
698
699
|
cursor: pointer;
|
|
699
700
|
display: flex;
|
|
@@ -705,49 +706,50 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
705
706
|
box-sizing: border-box;
|
|
706
707
|
line-height: 1;
|
|
707
708
|
}
|
|
708
|
-
.
|
|
709
|
+
._item_91c4w_1:hover {
|
|
709
710
|
background-color: var(--el-color-primary-light-9);
|
|
710
711
|
}
|
|
711
|
-
.
|
|
712
|
+
._item_91c4w_1:hover ._actions_91c4w_16 {
|
|
712
713
|
display: inline-flex;
|
|
713
714
|
align-items: flex-start;
|
|
714
715
|
}
|
|
715
|
-
.
|
|
716
|
+
._item_91c4w_1._active_91c4w_20 {
|
|
716
717
|
color: var(--el-color-primary);
|
|
717
718
|
background-color: var(--el-color-primary-light-9);
|
|
718
719
|
}
|
|
719
|
-
.
|
|
720
|
+
._label_91c4w_25 {
|
|
720
721
|
overflow: hidden;
|
|
721
722
|
text-overflow: ellipsis;
|
|
722
723
|
white-space: nowrap;
|
|
724
|
+
--el-checkbox-height: 24px;
|
|
723
725
|
}
|
|
724
|
-
.
|
|
726
|
+
._label_91c4w_25 .iconify {
|
|
725
727
|
margin-right: 4px;
|
|
726
728
|
}
|
|
727
|
-
.
|
|
729
|
+
._actions_91c4w_16 {
|
|
728
730
|
display: none;
|
|
729
731
|
column-gap: 4px;
|
|
730
732
|
}
|
|
731
|
-
.
|
|
733
|
+
._actions_91c4w_16 > button {
|
|
732
734
|
margin-left: 0 !important;
|
|
733
735
|
font-size: 1.2em;
|
|
734
736
|
border: 1px solid var(--el-border-color-light) !important;
|
|
735
737
|
}
|
|
736
|
-
.
|
|
738
|
+
._actions_91c4w_16 > button:hover {
|
|
737
739
|
border-color: var(--el-border-color-dark) !important;
|
|
738
740
|
}
|
|
739
|
-
.
|
|
741
|
+
._remove_91c4w_48 {
|
|
740
742
|
transform: translateY(-1px);
|
|
741
743
|
}
|
|
742
|
-
.
|
|
743
|
-
.
|
|
744
|
+
._empty_91c4w_52,
|
|
745
|
+
._loading_91c4w_53 {
|
|
744
746
|
padding: 4px 8px;
|
|
745
747
|
display: flex;
|
|
746
748
|
align-items: center;
|
|
747
749
|
column-gap: 4px;
|
|
748
750
|
color: var(--el-text-color-secondary);
|
|
749
751
|
}
|
|
750
|
-
.
|
|
752
|
+
._scrollbar_91c4w_61 {
|
|
751
753
|
margin: 0 -8px;
|
|
752
754
|
}
|
|
753
755
|
/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
|