@wfrog/vc-ui 1.10.4 → 1.10.6
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-form/explorer-form.d.ts +1 -0
- package/dist/es/components/explorer-form/explorer-form.mjs +10 -5
- package/dist/es/components/explorer-form/explorer-form.vue.d.ts +2 -0
- package/dist/es/components/explorer-list/explorer-list.d.ts +1 -0
- package/dist/es/components/explorer-list/explorer-list.mjs +16 -11
- package/dist/es/components/explorer-list/explorer-list.vue.d.ts +1 -0
- package/dist/es/components/explorer-list/index.css +23 -13
- package/dist/es/components/explorer-tree/explorer-tree.d.ts +1 -0
- package/dist/es/components/explorer-tree/explorer-tree.mjs +121 -3
- package/dist/es/components/explorer-tree/explorer-tree.vue.d.ts +1 -0
- package/dist/es/index.mjs +1 -1
- package/dist/index.css +23 -13
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './index.css'
|
|
2
2
|
import '../../chunk/Gk1J52Yw.mjs';
|
|
3
3
|
import { v as vLoading } from '../../chunk/D-1mFPUH.mjs';
|
|
4
|
-
import { defineComponent, ref, useTemplateRef, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, mergeProps } from 'vue';
|
|
4
|
+
import { defineComponent, ref, useTemplateRef, computed, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, unref, withCtx, mergeProps } from 'vue';
|
|
5
5
|
import { ElForm } from 'element-plus';
|
|
6
6
|
import { C as Component$2 } from '../button/button.mjs';
|
|
7
7
|
import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
|
|
@@ -19,7 +19,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
editable: { type: Boolean, default: true },
|
|
20
20
|
editing: { type: Boolean, default: true },
|
|
21
21
|
loading: { type: Boolean, default: false },
|
|
22
|
-
labelPosition: { default: "top" }
|
|
22
|
+
labelPosition: { default: "top" },
|
|
23
|
+
showCancel: { type: Boolean, default: true }
|
|
23
24
|
},
|
|
24
25
|
emits: ["cancel", "edit", "save"],
|
|
25
26
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -27,6 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
28
|
const emits = __emit;
|
|
28
29
|
const isEditing = ref(props.editing ?? true);
|
|
29
30
|
const formRef = useTemplateRef("formRef");
|
|
31
|
+
const isDisabled = computed(() => props.disabled || !isEditing.value || !props.editable);
|
|
30
32
|
function handleEdit() {
|
|
31
33
|
emits("edit");
|
|
32
34
|
isEditing.value = true;
|
|
@@ -81,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
83
|
class: normalizeClass(_ctx.$style.actions)
|
|
82
84
|
}, [
|
|
83
85
|
renderSlot(_ctx.$slots, "action"),
|
|
84
|
-
__props.editable && unref(isEditing) ? (openBlock(), createBlock(Component$2, {
|
|
86
|
+
__props.editable && unref(isEditing) && __props.showCancel ? (openBlock(), createBlock(Component$2, {
|
|
85
87
|
key: 0,
|
|
86
88
|
disabled: __props.disabled,
|
|
87
89
|
icon: { name: "Close" },
|
|
@@ -129,13 +131,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
129
131
|
}, __props.formProps, {
|
|
130
132
|
model: __props.form.fields,
|
|
131
133
|
rules: __props.form.rules,
|
|
132
|
-
disabled:
|
|
134
|
+
disabled: unref(isDisabled),
|
|
133
135
|
"require-asterisk-position": "right",
|
|
134
136
|
"label-position": __props.labelPosition,
|
|
135
137
|
class: _ctx.$style.form
|
|
136
138
|
}), {
|
|
137
139
|
default: withCtx(() => [
|
|
138
|
-
renderSlot(_ctx.$slots, "default", {
|
|
140
|
+
renderSlot(_ctx.$slots, "default", {
|
|
141
|
+
isEditing: unref(isEditing),
|
|
142
|
+
isDisabled: unref(isDisabled)
|
|
143
|
+
})
|
|
139
144
|
]),
|
|
140
145
|
_: 3
|
|
141
146
|
}, 16, ["model", "rules", "disabled", "label-position", "class"])
|
|
@@ -6,6 +6,7 @@ declare function __VLS_template(): {
|
|
|
6
6
|
action?(_: {}): any;
|
|
7
7
|
default?(_: {
|
|
8
8
|
isEditing: boolean;
|
|
9
|
+
isDisabled: boolean;
|
|
9
10
|
}): any;
|
|
10
11
|
};
|
|
11
12
|
refs: {
|
|
@@ -392,6 +393,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerFormProps,
|
|
|
392
393
|
labelPosition: import('element-plus').FormProps["labelPosition"];
|
|
393
394
|
editable: boolean;
|
|
394
395
|
editing: boolean;
|
|
396
|
+
showCancel: boolean;
|
|
395
397
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
396
398
|
formRef: ({
|
|
397
399
|
$: import('vue').ComponentInternalInstance;
|
|
@@ -18,6 +18,7 @@ export interface IExplorerListProps {
|
|
|
18
18
|
highlightCurrent?: boolean;
|
|
19
19
|
showCheckbox?: boolean;
|
|
20
20
|
confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
|
|
21
|
+
disabled?: boolean;
|
|
21
22
|
}
|
|
22
23
|
export interface IExplorerListEmits {
|
|
23
24
|
(e: 'update:modelValue', value: (string | number)[] | undefined): void;
|
|
@@ -4,6 +4,7 @@ import { E as ElCheckboxGroup, a as ElCheckbox } from '../../chunk/DBf73TLo.mjs'
|
|
|
4
4
|
/* empty css */
|
|
5
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';
|
|
6
6
|
import { Loading } from '@element-plus/icons-vue';
|
|
7
|
+
import { useFormDisabled } from 'element-plus';
|
|
7
8
|
import { C as Component$3 } from '../button/button.mjs';
|
|
8
9
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
9
10
|
import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
|
|
@@ -28,7 +29,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
28
29
|
showCheckbox: { type: Boolean },
|
|
29
30
|
confirmParams: { type: Function, default: (item) => {
|
|
30
31
|
return { msg: `确定要删除 ${item.label} 吗?` };
|
|
31
|
-
} }
|
|
32
|
+
} },
|
|
33
|
+
disabled: { type: Boolean, default: false }
|
|
32
34
|
},
|
|
33
35
|
emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
|
|
34
36
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -36,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
36
38
|
const emits = __emit;
|
|
37
39
|
const { filterKeyword } = injectExplorerPanelState();
|
|
38
40
|
const myValue = useVModel(props, "modelValue", emits);
|
|
41
|
+
const formDisabled = useFormDisabled();
|
|
39
42
|
const actived = ref();
|
|
40
43
|
const actionsMapping = {
|
|
41
44
|
create: { title: "新增", type: "primary", icon: "Plus" },
|
|
@@ -76,6 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
76
79
|
createVNode(_component_el_checkbox_group, {
|
|
77
80
|
modelValue: unref(myValue),
|
|
78
81
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
|
|
82
|
+
disabled: unref(formDisabled),
|
|
79
83
|
onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
|
|
80
84
|
}, {
|
|
81
85
|
default: withCtx(() => [
|
|
@@ -142,8 +146,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
142
146
|
link: "",
|
|
143
147
|
icon: { type: "el", name: actionsMapping[action].icon },
|
|
144
148
|
stop: "",
|
|
149
|
+
disabled: unref(formDisabled),
|
|
145
150
|
onClick: ($event) => emits(action, item.value, item)
|
|
146
|
-
}), null, 16, ["confirm", "class", "icon", "onClick"]))
|
|
151
|
+
}), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
|
|
147
152
|
], 64);
|
|
148
153
|
}), 128))
|
|
149
154
|
], 2)) : createCommentVNode("", true),
|
|
@@ -156,7 +161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
156
161
|
}), 128))
|
|
157
162
|
]),
|
|
158
163
|
_: 3
|
|
159
|
-
}, 8, ["modelValue"])
|
|
164
|
+
}, 8, ["modelValue", "disabled"])
|
|
160
165
|
], 512), [
|
|
161
166
|
[vShow, !__props.loading]
|
|
162
167
|
]),
|
|
@@ -183,14 +188,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
183
188
|
}
|
|
184
189
|
});
|
|
185
190
|
|
|
186
|
-
/* unplugin-vue-components disabled */const item = "
|
|
187
|
-
const actions = "
|
|
188
|
-
const active = "
|
|
189
|
-
const label = "
|
|
190
|
-
const remove = "
|
|
191
|
-
const empty = "
|
|
192
|
-
const loading = "
|
|
193
|
-
const scrollbar = "
|
|
191
|
+
/* unplugin-vue-components disabled */const item = "_item_xe2nq_1";
|
|
192
|
+
const actions = "_actions_xe2nq_16";
|
|
193
|
+
const active = "_active_xe2nq_20";
|
|
194
|
+
const label = "_label_xe2nq_25";
|
|
195
|
+
const remove = "_remove_xe2nq_58";
|
|
196
|
+
const empty = "_empty_xe2nq_62";
|
|
197
|
+
const loading = "_loading_xe2nq_63";
|
|
198
|
+
const scrollbar = "_scrollbar_xe2nq_71";
|
|
194
199
|
const style0 = {
|
|
195
200
|
item: item,
|
|
196
201
|
actions: actions,
|
|
@@ -49,6 +49,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
|
|
|
49
49
|
onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
|
|
50
50
|
}>, {
|
|
51
51
|
data: IExplorerListItem[];
|
|
52
|
+
disabled: boolean;
|
|
52
53
|
loadingText: string;
|
|
53
54
|
emptyText: string;
|
|
54
55
|
highlightCurrent: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
2
|
-
.
|
|
2
|
+
._item_xe2nq_1 {
|
|
3
3
|
padding: 4px 8px;
|
|
4
4
|
cursor: pointer;
|
|
5
5
|
display: flex;
|
|
@@ -11,49 +11,59 @@
|
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
line-height: 1;
|
|
13
13
|
}
|
|
14
|
-
.
|
|
14
|
+
._item_xe2nq_1:hover {
|
|
15
15
|
background-color: var(--el-color-primary-light-9);
|
|
16
16
|
}
|
|
17
|
-
.
|
|
17
|
+
._item_xe2nq_1:hover ._actions_xe2nq_16 {
|
|
18
18
|
display: inline-flex;
|
|
19
19
|
align-items: flex-start;
|
|
20
20
|
}
|
|
21
|
-
.
|
|
21
|
+
._item_xe2nq_1._active_xe2nq_20 {
|
|
22
22
|
color: var(--el-color-primary);
|
|
23
23
|
background-color: var(--el-color-primary-light-9);
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._label_xe2nq_25 {
|
|
26
26
|
overflow: hidden;
|
|
27
27
|
text-overflow: ellipsis;
|
|
28
28
|
white-space: nowrap;
|
|
29
29
|
--el-checkbox-height: 24px;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
._label_xe2nq_25 .iconify {
|
|
32
32
|
margin-right: 4px;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
._label_xe2nq_25 .el-checkbox {
|
|
35
|
+
width: 100%;
|
|
36
|
+
}
|
|
37
|
+
._label_xe2nq_25 .el-checkbox__label {
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
text-overflow: ellipsis;
|
|
40
|
+
white-space: nowrap;
|
|
41
|
+
color: var(--el-text-color-regular) !important;
|
|
42
|
+
cursor: pointer !important;
|
|
43
|
+
}
|
|
44
|
+
._actions_xe2nq_16 {
|
|
35
45
|
display: none;
|
|
36
46
|
column-gap: 4px;
|
|
37
47
|
}
|
|
38
|
-
.
|
|
48
|
+
._actions_xe2nq_16 > button {
|
|
39
49
|
margin-left: 0 !important;
|
|
40
50
|
font-size: 1.2em;
|
|
41
51
|
border: 1px solid var(--el-border-color-light) !important;
|
|
42
52
|
}
|
|
43
|
-
.
|
|
53
|
+
._actions_xe2nq_16 > button:hover {
|
|
44
54
|
border-color: var(--el-border-color-dark) !important;
|
|
45
55
|
}
|
|
46
|
-
.
|
|
56
|
+
._remove_xe2nq_58 {
|
|
47
57
|
transform: translateY(-1px);
|
|
48
58
|
}
|
|
49
|
-
.
|
|
50
|
-
.
|
|
59
|
+
._empty_xe2nq_62,
|
|
60
|
+
._loading_xe2nq_63 {
|
|
51
61
|
padding: 4px 8px;
|
|
52
62
|
display: flex;
|
|
53
63
|
align-items: center;
|
|
54
64
|
column-gap: 4px;
|
|
55
65
|
color: var(--el-text-color-secondary);
|
|
56
66
|
}
|
|
57
|
-
.
|
|
67
|
+
._scrollbar_xe2nq_71 {
|
|
58
68
|
margin: 0 -8px;
|
|
59
69
|
}
|
|
@@ -14,6 +14,7 @@ export interface IExplorerTreeProps {
|
|
|
14
14
|
confirmParams?: (node: Node) => IButtonProps['confirm'];
|
|
15
15
|
filterMethod?: TreeComponentProps['filterNodeMethod'];
|
|
16
16
|
highlightCurrent?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
17
18
|
}
|
|
18
19
|
export interface IExplorerTreeEmits {
|
|
19
20
|
(e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;
|
|
@@ -5,6 +5,8 @@ import '../../chunk/DBf73TLo.mjs';
|
|
|
5
5
|
import '../../chunk/DbhQlaOz.mjs';
|
|
6
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
|
+
import '../../chunk/D9iEroQw.mjs';
|
|
9
|
+
import { useFormDisabled } from 'element-plus';
|
|
8
10
|
import { C as Component$3 } from '../button/button.mjs';
|
|
9
11
|
import { i as injectExplorerPanelState } from '../explorer-panel/explorer-panel2.mjs';
|
|
10
12
|
import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
|
|
@@ -12,6 +14,106 @@ import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
|
|
|
12
14
|
import { E as ElIcon } from '../../chunk/D0QTifnI.mjs';
|
|
13
15
|
import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
|
|
14
16
|
|
|
17
|
+
function filter(items, check, options) {
|
|
18
|
+
const prop = options?.prop ?? "children";
|
|
19
|
+
const fullPath = options?.fullPath ?? true;
|
|
20
|
+
const result = [];
|
|
21
|
+
items.forEach((item) => {
|
|
22
|
+
if (check(item)) {
|
|
23
|
+
result.push(item);
|
|
24
|
+
} else {
|
|
25
|
+
const children = item[prop];
|
|
26
|
+
if (children && children.length > 0) {
|
|
27
|
+
const filteredChildren = filter(children, check, { prop, fullPath });
|
|
28
|
+
if (filteredChildren && filteredChildren.length > 0) {
|
|
29
|
+
if (fullPath) {
|
|
30
|
+
result.push({ ...item, [prop]: filteredChildren });
|
|
31
|
+
} else {
|
|
32
|
+
result.push(...filteredChildren);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
return result;
|
|
39
|
+
}
|
|
40
|
+
function getPath(items, compare, options) {
|
|
41
|
+
const prop = options?.prop ?? "children";
|
|
42
|
+
const result = [];
|
|
43
|
+
const getNode = (items1) => {
|
|
44
|
+
return items1.some((item) => {
|
|
45
|
+
result.push(item);
|
|
46
|
+
if (compare(item)) {
|
|
47
|
+
return true;
|
|
48
|
+
} else {
|
|
49
|
+
const children = item[prop];
|
|
50
|
+
if (children && children.length > 0) {
|
|
51
|
+
const isGot = getNode(children);
|
|
52
|
+
if (isGot) {
|
|
53
|
+
return true;
|
|
54
|
+
} else {
|
|
55
|
+
result.pop();
|
|
56
|
+
return false;
|
|
57
|
+
}
|
|
58
|
+
} else {
|
|
59
|
+
result.pop();
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
getNode(items);
|
|
66
|
+
return result;
|
|
67
|
+
}
|
|
68
|
+
function isSelfOrDescendant(treeData, self, target) {
|
|
69
|
+
const selfNode = findNode(treeData, self);
|
|
70
|
+
if (!selfNode)
|
|
71
|
+
return false;
|
|
72
|
+
if (selfNode.value === target)
|
|
73
|
+
return true;
|
|
74
|
+
return hasDescendant(selfNode, target);
|
|
75
|
+
}
|
|
76
|
+
function findNode(treeData, value, compare = (a, b) => a.value === b) {
|
|
77
|
+
for (const node of treeData) {
|
|
78
|
+
if (compare(node, value)) {
|
|
79
|
+
return node;
|
|
80
|
+
}
|
|
81
|
+
if (node.children?.length) {
|
|
82
|
+
const found = findNode(node.children, value, compare);
|
|
83
|
+
if (found)
|
|
84
|
+
return found;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
return null;
|
|
88
|
+
}
|
|
89
|
+
function hasDescendant(node, target) {
|
|
90
|
+
if (!node.children?.length)
|
|
91
|
+
return false;
|
|
92
|
+
for (const child of node.children) {
|
|
93
|
+
if (child.value === target)
|
|
94
|
+
return true;
|
|
95
|
+
if (hasDescendant(child, target))
|
|
96
|
+
return true;
|
|
97
|
+
}
|
|
98
|
+
return false;
|
|
99
|
+
}
|
|
100
|
+
function traverse(treeData, callback) {
|
|
101
|
+
for (const node of treeData) {
|
|
102
|
+
callback(node);
|
|
103
|
+
if (node.children?.length) {
|
|
104
|
+
traverse(node.children, callback);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
const index = {
|
|
109
|
+
filter,
|
|
110
|
+
getPath,
|
|
111
|
+
isSelfOrDescendant,
|
|
112
|
+
findNode,
|
|
113
|
+
hasDescendant,
|
|
114
|
+
traverse
|
|
115
|
+
};
|
|
116
|
+
|
|
15
117
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
16
118
|
__name: "explorer-tree",
|
|
17
119
|
props: {
|
|
@@ -27,7 +129,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27
129
|
return { msg: `确定要删除 ${node.data.label} 吗?` };
|
|
28
130
|
} },
|
|
29
131
|
filterMethod: {},
|
|
30
|
-
highlightCurrent: { type: Boolean, default: true }
|
|
132
|
+
highlightCurrent: { type: Boolean, default: true },
|
|
133
|
+
disabled: { type: Boolean, default: void 0 }
|
|
31
134
|
},
|
|
32
135
|
emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
|
|
33
136
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
@@ -35,6 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
35
138
|
const emits = __emit;
|
|
36
139
|
const treeRef = useTemplateRef("treeRef");
|
|
37
140
|
const { filterKeyword } = injectExplorerPanelState();
|
|
141
|
+
const formDisabled = useFormDisabled();
|
|
38
142
|
const actionsMapping = {
|
|
39
143
|
create: { title: "新增", type: "primary", icon: "Plus" },
|
|
40
144
|
modify: { title: "修改", type: "primary", icon: "Edit" },
|
|
@@ -51,6 +155,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
51
155
|
nodeKey: "value",
|
|
52
156
|
...props.treeProps
|
|
53
157
|
}));
|
|
158
|
+
const treeData = computed(() => {
|
|
159
|
+
if (formDisabled.value) {
|
|
160
|
+
index.traverse(props.data || [], (node) => {
|
|
161
|
+
node.originDisabled = node.disabled;
|
|
162
|
+
node.disabled = true;
|
|
163
|
+
});
|
|
164
|
+
} else {
|
|
165
|
+
index.traverse(props.data || [], (node) => {
|
|
166
|
+
node.disabled = node.originDisabled ?? false;
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
return props.data;
|
|
170
|
+
});
|
|
54
171
|
function filterNode(value, data) {
|
|
55
172
|
if (!value || !filterKeyword.value) {
|
|
56
173
|
return true;
|
|
@@ -81,7 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
198
|
withDirectives(createVNode(_component_ElTree, mergeProps({
|
|
82
199
|
ref_key: "treeRef",
|
|
83
200
|
ref: treeRef,
|
|
84
|
-
data:
|
|
201
|
+
data: unref(treeData)
|
|
85
202
|
}, { ..._ctx.$attrs, ...unref(treeProps) }, {
|
|
86
203
|
class: _ctx.$style.tree,
|
|
87
204
|
"filter-node-method": filterNode,
|
|
@@ -128,8 +245,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
128
245
|
link: "",
|
|
129
246
|
icon: { type: "el", name: actionsMapping[action].icon },
|
|
130
247
|
stop: "",
|
|
248
|
+
disabled: unref(formDisabled),
|
|
131
249
|
onClick: ($event) => emits(action, node.data.value, node)
|
|
132
|
-
}), null, 16, ["confirm", "class", "icon", "onClick"]))
|
|
250
|
+
}), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
|
|
133
251
|
], 64);
|
|
134
252
|
}), 128))
|
|
135
253
|
], 2)) : createCommentVNode("", true),
|
|
@@ -2056,6 +2056,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
|
|
|
2056
2056
|
onDown?: ((value: string | number, node: Node) => any) | undefined;
|
|
2057
2057
|
onNodeClick?: ((value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
|
|
2058
2058
|
}>, {
|
|
2059
|
+
disabled: boolean;
|
|
2059
2060
|
loadingText: string;
|
|
2060
2061
|
emptyText: string;
|
|
2061
2062
|
highlightCurrent: boolean;
|
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.6";
|
|
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
|
@@ -694,7 +694,7 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
694
694
|
margin: 0 -8px;
|
|
695
695
|
}
|
|
696
696
|
/* source: src/components/explorer-list/explorer-list.vue */
|
|
697
|
-
.
|
|
697
|
+
._item_xe2nq_1 {
|
|
698
698
|
padding: 4px 8px;
|
|
699
699
|
cursor: pointer;
|
|
700
700
|
display: flex;
|
|
@@ -706,50 +706,60 @@ div._main_k37nc_1 ._header_k37nc_48 {
|
|
|
706
706
|
box-sizing: border-box;
|
|
707
707
|
line-height: 1;
|
|
708
708
|
}
|
|
709
|
-
.
|
|
709
|
+
._item_xe2nq_1:hover {
|
|
710
710
|
background-color: var(--el-color-primary-light-9);
|
|
711
711
|
}
|
|
712
|
-
.
|
|
712
|
+
._item_xe2nq_1:hover ._actions_xe2nq_16 {
|
|
713
713
|
display: inline-flex;
|
|
714
714
|
align-items: flex-start;
|
|
715
715
|
}
|
|
716
|
-
.
|
|
716
|
+
._item_xe2nq_1._active_xe2nq_20 {
|
|
717
717
|
color: var(--el-color-primary);
|
|
718
718
|
background-color: var(--el-color-primary-light-9);
|
|
719
719
|
}
|
|
720
|
-
.
|
|
720
|
+
._label_xe2nq_25 {
|
|
721
721
|
overflow: hidden;
|
|
722
722
|
text-overflow: ellipsis;
|
|
723
723
|
white-space: nowrap;
|
|
724
724
|
--el-checkbox-height: 24px;
|
|
725
725
|
}
|
|
726
|
-
.
|
|
726
|
+
._label_xe2nq_25 .iconify {
|
|
727
727
|
margin-right: 4px;
|
|
728
728
|
}
|
|
729
|
-
.
|
|
729
|
+
._label_xe2nq_25 .el-checkbox {
|
|
730
|
+
width: 100%;
|
|
731
|
+
}
|
|
732
|
+
._label_xe2nq_25 .el-checkbox__label {
|
|
733
|
+
overflow: hidden;
|
|
734
|
+
text-overflow: ellipsis;
|
|
735
|
+
white-space: nowrap;
|
|
736
|
+
color: var(--el-text-color-regular) !important;
|
|
737
|
+
cursor: pointer !important;
|
|
738
|
+
}
|
|
739
|
+
._actions_xe2nq_16 {
|
|
730
740
|
display: none;
|
|
731
741
|
column-gap: 4px;
|
|
732
742
|
}
|
|
733
|
-
.
|
|
743
|
+
._actions_xe2nq_16 > button {
|
|
734
744
|
margin-left: 0 !important;
|
|
735
745
|
font-size: 1.2em;
|
|
736
746
|
border: 1px solid var(--el-border-color-light) !important;
|
|
737
747
|
}
|
|
738
|
-
.
|
|
748
|
+
._actions_xe2nq_16 > button:hover {
|
|
739
749
|
border-color: var(--el-border-color-dark) !important;
|
|
740
750
|
}
|
|
741
|
-
.
|
|
751
|
+
._remove_xe2nq_58 {
|
|
742
752
|
transform: translateY(-1px);
|
|
743
753
|
}
|
|
744
|
-
.
|
|
745
|
-
.
|
|
754
|
+
._empty_xe2nq_62,
|
|
755
|
+
._loading_xe2nq_63 {
|
|
746
756
|
padding: 4px 8px;
|
|
747
757
|
display: flex;
|
|
748
758
|
align-items: center;
|
|
749
759
|
column-gap: 4px;
|
|
750
760
|
color: var(--el-text-color-secondary);
|
|
751
761
|
}
|
|
752
|
-
.
|
|
762
|
+
._scrollbar_xe2nq_71 {
|
|
753
763
|
margin: 0 -8px;
|
|
754
764
|
}
|
|
755
765
|
/* source: src/components/explorer-modal-form/explorer-modal-form.vue */
|