ele-admin-plus 1.1.9-beta.7 → 1.1.9-beta.8
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/es/ele-alert/index.js +2 -4
- package/es/ele-app/plus.d.ts +3 -0
- package/es/ele-avatar-group/index.d.ts +1 -1
- package/es/ele-avatar-group/index.js +1 -3
- package/es/ele-basic-select/index.d.ts +8 -8
- package/es/ele-basic-select/index.js +17 -13
- package/es/ele-check-card/index.d.ts +2 -2
- package/es/ele-check-card/index.js +0 -5
- package/es/ele-config-provider/components/receiver-view.d.ts +17 -0
- package/es/ele-config-provider/components/receiver-view.js +45 -0
- package/es/ele-copyable/index.d.ts +4 -6
- package/es/ele-copyable/index.js +1 -5
- package/es/ele-cropper/index.d.ts +6 -6
- package/es/ele-cropper/index.js +1 -5
- package/es/ele-dashboard/index.d.ts +0 -1
- package/es/ele-dashboard/index.js +8 -17
- package/es/ele-dot/index.d.ts +2 -4
- package/es/ele-dot/index.js +4 -10
- package/es/ele-drawer/index.d.ts +6 -6
- package/es/ele-drawer/index.js +14 -11
- package/es/ele-dropdown/index.js +6 -10
- package/es/ele-dropdown/style/index.scss +2 -2
- package/es/ele-edit-tag/index.d.ts +6 -0
- package/es/ele-edit-tag/index.js +17 -15
- package/es/ele-edit-tag/props.d.ts +4 -0
- package/es/ele-edit-tag/props.js +5 -1
- package/es/ele-edit-tag/style/index.scss +13 -0
- package/es/ele-ellipsis/index.d.ts +3 -3
- package/es/ele-ellipsis/index.js +2 -4
- package/es/ele-file-list/components/file-grid-item.js +16 -9
- package/es/ele-file-list/components/file-grid.js +54 -50
- package/es/ele-file-list/components/file-table-item.js +20 -15
- package/es/ele-file-list/components/file-table.js +92 -86
- package/es/ele-file-list/index.d.ts +4 -4
- package/es/ele-file-list/index.js +1 -11
- package/es/ele-file-list-tool/index.d.ts +3 -3
- package/es/ele-file-list-tool/index.js +2 -2
- package/es/ele-icon-select/index.d.ts +22 -10
- package/es/ele-icon-select/index.js +33 -10
- package/es/ele-icon-select/props.d.ts +6 -1
- package/es/ele-icon-select/props.js +6 -1
- package/es/ele-icon-select/style/index.js +1 -0
- package/es/ele-icon-select/style/index.scss +16 -2
- package/es/ele-loading/index.d.ts +0 -2
- package/es/ele-loading/index.js +32 -30
- package/es/ele-map-picker/components/map-view.d.ts +2 -2
- package/es/ele-menus/index.d.ts +3 -3
- package/es/ele-menus/index.js +6 -7
- package/es/ele-menus/style/index.js +2 -0
- package/es/ele-menus/style/index.scss +2 -1
- package/es/ele-modal/index.d.ts +2 -2
- package/es/ele-modal/index.js +14 -8
- package/es/ele-pagination/index.d.ts +6 -6
- package/es/ele-pagination/index.js +2 -8
- package/es/ele-popconfirm/style/index.js +1 -1
- package/es/ele-popover/style/index.js +0 -1
- package/es/ele-printer/index.d.ts +6 -6
- package/es/ele-printer/index.js +11 -11
- package/es/ele-pro-layout/components/pro-sidebox.js +3 -1
- package/es/ele-pro-layout/index.d.ts +26 -26
- package/es/ele-pro-layout/index.js +7 -14
- package/es/ele-pro-table/index.d.ts +11 -11
- package/es/ele-pro-table/index.js +1 -6
- package/es/ele-pro-table/props.d.ts +3 -3
- package/es/ele-segmented/index.js +1 -3
- package/es/ele-split-panel/index.d.ts +9 -8
- package/es/ele-split-panel/index.js +63 -59
- package/es/ele-steps/index.d.ts +0 -1
- package/es/ele-steps/index.js +2 -4
- package/es/ele-table-select/index.d.ts +1 -1
- package/es/ele-tabs/index.d.ts +7 -5
- package/es/ele-tabs/index.js +1 -6
- package/es/ele-tabs/props.d.ts +1 -1
- package/es/ele-tooltip/index.js +9 -13
- package/es/ele-tooltip/style/css-var.scss +4 -0
- package/es/ele-tooltip/style/index.scss +23 -0
- package/es/ele-tour/index.js +80 -77
- package/es/ele-upload-list/components/list-item.d.ts +1 -1
- package/es/ele-upload-list/index.d.ts +6 -4
- package/es/ele-upload-list/index.js +2 -3
- package/es/ele-virtual-table/index.d.ts +1 -1
- package/es/ele-watermark/index.d.ts +9 -0
- package/es/ele-watermark/index.js +1 -1
- package/es/ele-watermark/props.d.ts +5 -0
- package/es/ele-watermark/props.js +5 -0
- package/es/style/index.scss +1 -43
- package/es/style/plus.scss +43 -0
- package/es/style/themes/default.scss +5 -2
- package/es/style/themes/theme-util.scss +0 -2
- package/es/utils/resolvers.d.ts +2 -2
- package/es/utils/resolvers.js +33 -20
- package/lib/ele-alert/index.cjs +2 -4
- package/lib/ele-app/plus.d.ts +3 -0
- package/lib/ele-avatar-group/index.cjs +1 -3
- package/lib/ele-avatar-group/index.d.ts +1 -1
- package/lib/ele-basic-select/index.cjs +16 -12
- package/lib/ele-basic-select/index.d.ts +8 -8
- package/lib/ele-check-card/index.cjs +0 -5
- package/lib/ele-check-card/index.d.ts +2 -2
- package/lib/ele-config-provider/components/receiver-view.cjs +44 -0
- package/lib/ele-config-provider/components/receiver-view.d.ts +17 -0
- package/lib/ele-copyable/index.cjs +0 -4
- package/lib/ele-copyable/index.d.ts +4 -6
- package/lib/ele-cropper/index.cjs +0 -4
- package/lib/ele-cropper/index.d.ts +6 -6
- package/lib/ele-dashboard/index.cjs +7 -16
- package/lib/ele-dashboard/index.d.ts +0 -1
- package/lib/ele-dot/index.cjs +3 -9
- package/lib/ele-dot/index.d.ts +2 -4
- package/lib/ele-drawer/index.cjs +13 -10
- package/lib/ele-drawer/index.d.ts +6 -6
- package/lib/ele-dropdown/index.cjs +6 -10
- package/lib/ele-dropdown/style/index.scss +2 -2
- package/lib/ele-edit-tag/index.cjs +16 -14
- package/lib/ele-edit-tag/index.d.ts +6 -0
- package/lib/ele-edit-tag/props.cjs +5 -1
- package/lib/ele-edit-tag/props.d.ts +4 -0
- package/lib/ele-edit-tag/style/index.scss +13 -0
- package/lib/ele-ellipsis/index.cjs +2 -4
- package/lib/ele-ellipsis/index.d.ts +3 -3
- package/lib/ele-file-list/components/file-grid-item.cjs +15 -8
- package/lib/ele-file-list/components/file-grid.cjs +53 -49
- package/lib/ele-file-list/components/file-table-item.cjs +19 -14
- package/lib/ele-file-list/components/file-table.cjs +91 -85
- package/lib/ele-file-list/index.cjs +0 -10
- package/lib/ele-file-list/index.d.ts +4 -4
- package/lib/ele-file-list-tool/index.cjs +2 -2
- package/lib/ele-file-list-tool/index.d.ts +3 -3
- package/lib/ele-icon-select/index.cjs +39 -16
- package/lib/ele-icon-select/index.d.ts +22 -10
- package/lib/ele-icon-select/props.cjs +6 -1
- package/lib/ele-icon-select/props.d.ts +6 -1
- package/lib/ele-icon-select/style/index.cjs +1 -0
- package/lib/ele-icon-select/style/index.scss +16 -2
- package/lib/ele-loading/index.cjs +31 -29
- package/lib/ele-loading/index.d.ts +0 -2
- package/lib/ele-map-picker/components/map-view.d.ts +2 -2
- package/lib/ele-menus/index.cjs +6 -7
- package/lib/ele-menus/index.d.ts +3 -3
- package/lib/ele-menus/style/index.cjs +2 -0
- package/lib/ele-menus/style/index.scss +2 -1
- package/lib/ele-modal/index.cjs +13 -7
- package/lib/ele-modal/index.d.ts +2 -2
- package/lib/ele-pagination/index.cjs +2 -8
- package/lib/ele-pagination/index.d.ts +6 -6
- package/lib/ele-popconfirm/style/index.cjs +1 -1
- package/lib/ele-popover/style/index.cjs +0 -1
- package/lib/ele-printer/index.cjs +10 -10
- package/lib/ele-printer/index.d.ts +6 -6
- package/lib/ele-pro-layout/components/pro-sidebox.cjs +3 -1
- package/lib/ele-pro-layout/index.cjs +6 -13
- package/lib/ele-pro-layout/index.d.ts +26 -26
- package/lib/ele-pro-table/index.cjs +0 -5
- package/lib/ele-pro-table/index.d.ts +11 -11
- package/lib/ele-pro-table/props.d.ts +3 -3
- package/lib/ele-segmented/index.cjs +1 -3
- package/lib/ele-split-panel/index.cjs +62 -58
- package/lib/ele-split-panel/index.d.ts +9 -8
- package/lib/ele-steps/index.cjs +2 -4
- package/lib/ele-steps/index.d.ts +0 -1
- package/lib/ele-table-select/index.d.ts +1 -1
- package/lib/ele-tabs/index.cjs +1 -6
- package/lib/ele-tabs/index.d.ts +7 -5
- package/lib/ele-tabs/props.d.ts +1 -1
- package/lib/ele-tooltip/index.cjs +9 -13
- package/lib/ele-tooltip/style/css-var.scss +4 -0
- package/lib/ele-tooltip/style/index.scss +23 -0
- package/lib/ele-tour/index.cjs +79 -76
- package/lib/ele-upload-list/components/list-item.d.ts +1 -1
- package/lib/ele-upload-list/index.cjs +1 -2
- package/lib/ele-upload-list/index.d.ts +6 -4
- package/lib/ele-virtual-table/index.d.ts +1 -1
- package/lib/ele-watermark/index.cjs +1 -1
- package/lib/ele-watermark/index.d.ts +9 -0
- package/lib/ele-watermark/props.cjs +5 -0
- package/lib/ele-watermark/props.d.ts +5 -0
- package/lib/style/index.scss +1 -43
- package/lib/style/plus.scss +43 -0
- package/lib/style/themes/default.scss +5 -2
- package/lib/style/themes/theme-util.scss +0 -2
- package/lib/utils/resolvers.cjs +33 -20
- package/lib/utils/resolvers.d.ts +2 -2
- package/package.json +1 -1
- package/es/ele-popover/style/css-var.scss +0 -8
- package/es/ele-popover/style/index.scss +0 -27
- package/lib/ele-popover/style/css-var.scss +0 -8
- package/lib/ele-popover/style/index.scss +0 -27
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const vue = require("vue");
|
|
3
3
|
const elementPlus = require("element-plus");
|
|
4
|
-
const receiver = require("../ele-config-provider/receiver");
|
|
5
4
|
const core = require("../utils/core");
|
|
6
5
|
const props = require("./props");
|
|
7
6
|
const _sfc_main = vue.defineComponent({
|
|
@@ -10,7 +9,6 @@ const _sfc_main = vue.defineComponent({
|
|
|
10
9
|
props: props.dropdownProps,
|
|
11
10
|
emits: props.dropdownEmits,
|
|
12
11
|
setup(props2, { emit }) {
|
|
13
|
-
const { authenticated } = receiver.useLicense();
|
|
14
12
|
const dropdownRef = vue.ref();
|
|
15
13
|
const rootProps = vue.computed(() => {
|
|
16
14
|
const options = core.omit(props2, [
|
|
@@ -22,13 +20,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
22
20
|
"onClick",
|
|
23
21
|
"onVisibleChange"
|
|
24
22
|
]);
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
classes.push(props2.popperClass);
|
|
29
|
-
}
|
|
30
|
-
options.popperClass = classes.join(" ");
|
|
23
|
+
const classes = ["ele-popper", "ele-dropdown"];
|
|
24
|
+
if (props2.popperClass) {
|
|
25
|
+
classes.push(props2.popperClass);
|
|
31
26
|
}
|
|
27
|
+
options.popperClass = classes.join(" ");
|
|
32
28
|
return options;
|
|
33
29
|
});
|
|
34
30
|
const selected = vue.computed(() => {
|
|
@@ -38,7 +34,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
38
34
|
return props2.items.find((d) => d.command === props2.modelValue);
|
|
39
35
|
});
|
|
40
36
|
const updateModelValue = (value) => {
|
|
41
|
-
if (
|
|
37
|
+
if (value !== props2.modelValue) {
|
|
42
38
|
emit("update:modelValue", value);
|
|
43
39
|
emit("change", value);
|
|
44
40
|
}
|
|
@@ -90,8 +86,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
90
86
|
const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
|
|
91
87
|
const _component_ElDropdown = vue.resolveComponent("ElDropdown");
|
|
92
88
|
return vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps(_ctx.rootProps, {
|
|
93
|
-
class: "ele-dropdown-text",
|
|
94
89
|
ref: "dropdownRef",
|
|
90
|
+
class: "ele-dropdown-trigger",
|
|
95
91
|
onClick: _ctx.onBtnClick,
|
|
96
92
|
onCommand: _ctx.onMenuClick,
|
|
97
93
|
onVisibleChange: _ctx.onPopVisibleChange
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
@include set-dropdown-var($ele);
|
|
6
6
|
|
|
7
|
-
.el-dropdown.ele-dropdown-
|
|
7
|
+
.el-dropdown.ele-dropdown-trigger {
|
|
8
8
|
color: inherit;
|
|
9
9
|
font-size: inherit;
|
|
10
10
|
line-height: inherit;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.ele-dropdown-
|
|
13
|
+
.ele-dropdown-trigger > .el-tooltip__trigger {
|
|
14
14
|
outline: none;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
const vue = require("vue");
|
|
3
3
|
const elementPlus = require("element-plus");
|
|
4
4
|
const EleTooltip = require("../ele-tooltip/index");
|
|
5
|
-
const receiver = require("../ele-config-provider/receiver");
|
|
6
5
|
const icons = require("../icons");
|
|
7
6
|
const props = require("./props");
|
|
8
7
|
const _sfc_main = vue.defineComponent({
|
|
@@ -18,7 +17,6 @@ const _sfc_main = vue.defineComponent({
|
|
|
18
17
|
props: props.editTagProps,
|
|
19
18
|
emits: props.editTagEmits,
|
|
20
19
|
setup(props2, { emit }) {
|
|
21
|
-
const { authenticated } = receiver.useLicense();
|
|
22
20
|
const inputRef = vue.ref(null);
|
|
23
21
|
const isEdit = vue.ref(false);
|
|
24
22
|
const inputValue = vue.ref("");
|
|
@@ -52,6 +50,9 @@ const _sfc_main = vue.defineComponent({
|
|
|
52
50
|
}, 0);
|
|
53
51
|
};
|
|
54
52
|
const onAddClick = () => {
|
|
53
|
+
if (props2.disabled) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
55
56
|
tooltipVisible.value = false;
|
|
56
57
|
errorMessage.value = "";
|
|
57
58
|
isEdit.value = true;
|
|
@@ -60,9 +61,6 @@ const _sfc_main = vue.defineComponent({
|
|
|
60
61
|
});
|
|
61
62
|
};
|
|
62
63
|
const onTagClose = (index2) => {
|
|
63
|
-
if (!authenticated.value) {
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
64
|
if (typeof props2.beforeRemove !== "function") {
|
|
67
65
|
removeTag(index2);
|
|
68
66
|
return;
|
|
@@ -152,7 +150,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
152
150
|
class: vue.normalizeClass([
|
|
153
151
|
"ele-edit-tag",
|
|
154
152
|
{ "is-large": _ctx.size === "large" },
|
|
155
|
-
{ "is-small": _ctx.size === "small" }
|
|
153
|
+
{ "is-small": _ctx.size === "small" },
|
|
154
|
+
{ "is-disabled": _ctx.disabled },
|
|
155
|
+
{ "is-readonly": _ctx.readonly }
|
|
156
156
|
])
|
|
157
157
|
}, [
|
|
158
158
|
_ctx.modelValue ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.modelValue, (item, index2) => {
|
|
@@ -163,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
163
163
|
size: _ctx.size,
|
|
164
164
|
effect: _ctx.effect,
|
|
165
165
|
round: _ctx.round,
|
|
166
|
-
closable: true,
|
|
166
|
+
closable: _ctx.readonly || _ctx.disabled ? false : true,
|
|
167
167
|
disableTransitions: true,
|
|
168
168
|
style: vue.normalizeStyle(_ctx.itemStyle),
|
|
169
169
|
onClose: ($event) => _ctx.onTagClose(index2)
|
|
@@ -172,9 +172,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
172
172
|
vue.createTextVNode(vue.toDisplayString(item), 1)
|
|
173
173
|
]),
|
|
174
174
|
_: 2
|
|
175
|
-
}, 1032, ["type", "color", "size", "effect", "round", "style", "onClose"]);
|
|
175
|
+
}, 1032, ["type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
|
|
176
176
|
}), 128)) : vue.createCommentVNode("", true),
|
|
177
|
-
vue.withDirectives(vue.
|
|
177
|
+
!_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
|
|
178
|
+
key: 1,
|
|
178
179
|
type: "info",
|
|
179
180
|
size: _ctx.size,
|
|
180
181
|
round: _ctx.round,
|
|
@@ -197,10 +198,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
197
198
|
])
|
|
198
199
|
]),
|
|
199
200
|
_: 3
|
|
200
|
-
}, 8, ["size", "round", "style", "onClick"]), [
|
|
201
|
+
}, 8, ["size", "round", "style", "onClick"])), [
|
|
201
202
|
[vue.vShow, !_ctx.isEdit]
|
|
202
|
-
]),
|
|
203
|
-
vue.withDirectives(vue.
|
|
203
|
+
]) : vue.createCommentVNode("", true),
|
|
204
|
+
!_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
|
|
205
|
+
key: 2,
|
|
204
206
|
size: _ctx.size,
|
|
205
207
|
round: _ctx.round,
|
|
206
208
|
disableTransitions: true,
|
|
@@ -233,9 +235,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
233
235
|
}, 8, ["disabled", "modelValue", "style", "onChange", "onBlur", "onFocus"])
|
|
234
236
|
]),
|
|
235
237
|
_: 1
|
|
236
|
-
}, 8, ["size", "round", "class", "style"]), [
|
|
238
|
+
}, 8, ["size", "round", "class", "style"])), [
|
|
237
239
|
[vue.vShow, _ctx.isEdit]
|
|
238
|
-
]),
|
|
240
|
+
]) : vue.createCommentVNode("", true),
|
|
239
241
|
vue.createVNode(_component_EleTooltip, vue.mergeProps({
|
|
240
242
|
offset: 7,
|
|
241
243
|
hideAfter: 0,
|
|
@@ -14,6 +14,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
14
14
|
validator: import("vue").PropType<import("./types").Validator>;
|
|
15
15
|
beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
|
|
16
16
|
tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
|
|
17
|
+
readonly: BooleanConstructor;
|
|
18
|
+
disabled: BooleanConstructor;
|
|
17
19
|
}, {
|
|
18
20
|
inputRef: import("vue").Ref<ElInputInstance>;
|
|
19
21
|
isEdit: import("vue").Ref<boolean>;
|
|
@@ -43,9 +45,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
43
45
|
validator: import("vue").PropType<import("./types").Validator>;
|
|
44
46
|
beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
|
|
45
47
|
tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
|
|
48
|
+
readonly: BooleanConstructor;
|
|
49
|
+
disabled: BooleanConstructor;
|
|
46
50
|
}>> & {
|
|
47
51
|
"onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
|
|
48
52
|
}, {
|
|
53
|
+
disabled: boolean;
|
|
49
54
|
round: boolean;
|
|
55
|
+
readonly: boolean;
|
|
50
56
|
}, {}>;
|
|
51
57
|
export default _default;
|
|
@@ -32,6 +32,10 @@ export declare const editTagProps: {
|
|
|
32
32
|
beforeRemove: PropType<BeforeRemove>;
|
|
33
33
|
/** 提示属性 */
|
|
34
34
|
tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
|
|
35
|
+
/** 是否只读 */
|
|
36
|
+
readonly: BooleanConstructor;
|
|
37
|
+
/** 是否禁用 */
|
|
38
|
+
disabled: BooleanConstructor;
|
|
35
39
|
};
|
|
36
40
|
export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
|
|
37
41
|
/**
|
|
@@ -32,6 +32,19 @@
|
|
|
32
32
|
opacity: 0.6;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
+
/* 禁用 */
|
|
36
|
+
.ele-edit-tag.is-disabled .ele-edit-tag-add {
|
|
37
|
+
cursor: not-allowed;
|
|
38
|
+
color: elVar('disabled', 'text-color');
|
|
39
|
+
background: elVar('disabled', 'bg-color');
|
|
40
|
+
border-color: elVar('disabled', 'border-color');
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* 只读 */
|
|
44
|
+
.ele-edit-tag.is-readonly > .el-tag:last-child {
|
|
45
|
+
margin-right: 0;
|
|
46
|
+
}
|
|
47
|
+
|
|
35
48
|
/* 输入框 */
|
|
36
49
|
.ele-edit-tag-input {
|
|
37
50
|
&.el-tag {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const vue = require("vue");
|
|
3
3
|
const core = require("../utils/core");
|
|
4
|
-
const receiver = require("../ele-config-provider/receiver");
|
|
5
4
|
const EleTooltip = require("../ele-tooltip/index");
|
|
6
5
|
const EleText = require("../ele-text/index");
|
|
7
6
|
const props$1 = require("../ele-text/props");
|
|
@@ -11,7 +10,6 @@ const _sfc_main = vue.defineComponent({
|
|
|
11
10
|
components: { EleText, EleTooltip },
|
|
12
11
|
props: props.ellipsisProps,
|
|
13
12
|
setup(props2) {
|
|
14
|
-
const { authenticated } = receiver.useLicense();
|
|
15
13
|
const textRef = vue.ref(null);
|
|
16
14
|
const virtualRef = vue.ref();
|
|
17
15
|
const text = vue.ref("");
|
|
@@ -30,7 +28,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
30
28
|
return core.omit(opt, ["original"]);
|
|
31
29
|
});
|
|
32
30
|
const multiLine = vue.computed(() => {
|
|
33
|
-
return
|
|
31
|
+
return !!(props2.maxLine && props2.maxLine > 1);
|
|
34
32
|
});
|
|
35
33
|
const textProps = vue.computed(() => {
|
|
36
34
|
return Object.assign({ title: title.value }, core.pick(props2, props$1.textPropKeys));
|
|
@@ -51,7 +49,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
51
49
|
return style;
|
|
52
50
|
});
|
|
53
51
|
const onHover = (e) => {
|
|
54
|
-
if (!
|
|
52
|
+
if (!props2.tooltip) {
|
|
55
53
|
virtualRef.value = void 0;
|
|
56
54
|
return;
|
|
57
55
|
}
|
|
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
20
|
strong: BooleanConstructor;
|
|
21
21
|
italic: BooleanConstructor;
|
|
22
22
|
icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
|
|
23
|
-
iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
|
|
23
|
+
iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>; /** 文本组件 */
|
|
24
24
|
iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
25
25
|
}, {
|
|
26
26
|
textRef: import("vue").Ref<EleTextInstance>;
|
|
@@ -50,14 +50,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
50
|
strong: BooleanConstructor;
|
|
51
51
|
italic: BooleanConstructor;
|
|
52
52
|
icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
|
|
53
|
-
iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
|
|
53
|
+
iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>; /** 文本组件 */
|
|
54
54
|
iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
|
|
55
55
|
}>>, {
|
|
56
|
+
strong: boolean;
|
|
56
57
|
tag: string;
|
|
57
58
|
tooltip: boolean | EllipsisTooltip;
|
|
58
59
|
underline: boolean;
|
|
59
60
|
italic: boolean;
|
|
60
61
|
deleted: boolean;
|
|
61
|
-
strong: boolean;
|
|
62
62
|
}, {}>;
|
|
63
63
|
export default _default;
|
|
@@ -133,15 +133,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
133
133
|
onContextmenu: _cache[0] || (_cache[0] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
|
|
134
134
|
}, [
|
|
135
135
|
vue.createElementVNode("div", _hoisted_1, [
|
|
136
|
-
vue.
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
},
|
|
136
|
+
vue.renderSlot(_ctx.$slots, "icon", {
|
|
137
|
+
icon: _ctx.icon,
|
|
138
|
+
item: _ctx.item
|
|
139
|
+
}, () => [
|
|
140
|
+
vue.createElementVNode("img", {
|
|
141
|
+
src: _ctx.icon,
|
|
142
|
+
class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
|
|
143
|
+
}, null, 10, _hoisted_2)
|
|
144
|
+
])
|
|
140
145
|
]),
|
|
141
|
-
vue.
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
146
|
+
vue.renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
|
|
147
|
+
vue.createElementVNode("div", {
|
|
148
|
+
title: _ctx.item.name,
|
|
149
|
+
class: "ele-file-list-item-title"
|
|
150
|
+
}, vue.toDisplayString(_ctx.item.name), 9, _hoisted_3)
|
|
151
|
+
])
|
|
145
152
|
], 32),
|
|
146
153
|
_ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
147
154
|
key: 0,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const vue = require("vue");
|
|
3
|
+
const ReceiverView = require("../../ele-config-provider/components/receiver-view");
|
|
3
4
|
const FileGridItem = require("./file-grid-item");
|
|
4
5
|
const _sfc_main = vue.defineComponent({
|
|
5
6
|
name: "FileGrid",
|
|
6
|
-
components: { FileGridItem },
|
|
7
|
+
components: { ReceiverView, FileGridItem },
|
|
7
8
|
props: {
|
|
8
9
|
/** 文件数据 */
|
|
9
10
|
data: Array,
|
|
@@ -94,60 +95,63 @@ const _export_sfc = (sfc, props) => {
|
|
|
94
95
|
}
|
|
95
96
|
return target;
|
|
96
97
|
};
|
|
97
|
-
const _hoisted_1 = {
|
|
98
|
-
const _hoisted_2 = {
|
|
98
|
+
const _hoisted_1 = {
|
|
99
99
|
key: 0,
|
|
100
100
|
class: "ele-file-list-header"
|
|
101
101
|
};
|
|
102
|
-
const
|
|
102
|
+
const _hoisted_2 = { class: "ele-file-list-body" };
|
|
103
103
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
104
104
|
const _component_FileGridItem = vue.resolveComponent("FileGridItem");
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
105
|
+
const _component_ReceiverView = vue.resolveComponent("ReceiverView");
|
|
106
|
+
return vue.openBlock(), vue.createBlock(_component_ReceiverView, { class: "ele-file-list" }, {
|
|
107
|
+
default: vue.withCtx(() => [
|
|
108
|
+
_ctx.selectionType === "checkbox" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
109
|
+
vue.createElementVNode("div", {
|
|
110
|
+
class: "ele-file-list-selection",
|
|
111
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onCheckAllChange && _ctx.onCheckAllChange(...args), ["stop"]))
|
|
112
|
+
}, [
|
|
113
|
+
vue.createElementVNode("i", {
|
|
114
|
+
class: vue.normalizeClass([
|
|
115
|
+
"ele-file-list-checkbox",
|
|
116
|
+
{ "is-checked": _ctx.isCheckAll },
|
|
117
|
+
{ "is-indeterminate": _ctx.isIndeterminate }
|
|
118
|
+
])
|
|
119
|
+
}, null, 2),
|
|
120
|
+
vue.createElementVNode("div", null, vue.toDisplayString(_ctx.headerText), 1)
|
|
121
|
+
])
|
|
122
|
+
])) : vue.createCommentVNode("", true),
|
|
123
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
124
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
|
|
125
|
+
return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
|
|
126
|
+
key: item.key,
|
|
127
|
+
ref_for: true,
|
|
128
|
+
ref: "itemRefs",
|
|
129
|
+
item,
|
|
130
|
+
selectionType: _ctx.selectionType,
|
|
131
|
+
selections: _ctx.selections,
|
|
132
|
+
current: _ctx.current,
|
|
133
|
+
icons: _ctx.icons,
|
|
134
|
+
contextMenus: _ctx.getContextMenus(item),
|
|
135
|
+
contextMenuProps: _ctx.contextMenuProps,
|
|
136
|
+
onClick: _ctx.onItemClick,
|
|
137
|
+
onCheckChange: _ctx.onItemCheckChange,
|
|
138
|
+
onContextMenu: _ctx.onItemContextMenu,
|
|
139
|
+
onContextOpen: _ctx.onItemContextOpen
|
|
140
|
+
}, vue.createSlots({ _: 2 }, [
|
|
141
|
+
vue.renderList(Object.keys(_ctx.$slots), (name) => {
|
|
142
|
+
return {
|
|
143
|
+
name,
|
|
144
|
+
fn: vue.withCtx((slotProps) => [
|
|
145
|
+
vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
|
|
146
|
+
])
|
|
147
|
+
};
|
|
148
|
+
})
|
|
149
|
+
]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
|
|
150
|
+
}), 128))
|
|
119
151
|
])
|
|
120
|
-
])
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
return vue.openBlock(), vue.createBlock(_component_FileGridItem, {
|
|
124
|
-
key: item.key,
|
|
125
|
-
ref_for: true,
|
|
126
|
-
ref: "itemRefs",
|
|
127
|
-
item,
|
|
128
|
-
selectionType: _ctx.selectionType,
|
|
129
|
-
selections: _ctx.selections,
|
|
130
|
-
current: _ctx.current,
|
|
131
|
-
icons: _ctx.icons,
|
|
132
|
-
contextMenus: _ctx.getContextMenus(item),
|
|
133
|
-
contextMenuProps: _ctx.contextMenuProps,
|
|
134
|
-
onClick: _ctx.onItemClick,
|
|
135
|
-
onCheckChange: _ctx.onItemCheckChange,
|
|
136
|
-
onContextMenu: _ctx.onItemContextMenu,
|
|
137
|
-
onContextOpen: _ctx.onItemContextOpen
|
|
138
|
-
}, vue.createSlots({ _: 2 }, [
|
|
139
|
-
vue.renderList(Object.keys(_ctx.$slots), (name) => {
|
|
140
|
-
return {
|
|
141
|
-
name,
|
|
142
|
-
fn: vue.withCtx((slotProps) => [
|
|
143
|
-
vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
|
|
144
|
-
])
|
|
145
|
-
};
|
|
146
|
-
})
|
|
147
|
-
]), 1032, ["item", "selectionType", "selections", "current", "icons", "contextMenus", "contextMenuProps", "onClick", "onCheckChange", "onContextMenu", "onContextOpen"]);
|
|
148
|
-
}), 128))
|
|
149
|
-
])
|
|
150
|
-
]);
|
|
152
|
+
]),
|
|
153
|
+
_: 3
|
|
154
|
+
});
|
|
151
155
|
}
|
|
152
156
|
const fileGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
153
157
|
module.exports = fileGrid;
|
|
@@ -133,11 +133,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
133
133
|
{ "is-checked": _ctx.selected },
|
|
134
134
|
{ "is-active": _ctx.dropdownVisible }
|
|
135
135
|
]),
|
|
136
|
-
onClick: _cache[
|
|
136
|
+
onClick: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
|
|
137
137
|
}, [
|
|
138
138
|
vue.createElementVNode("div", {
|
|
139
139
|
class: "ele-file-list-item-body",
|
|
140
|
-
onContextmenu: _cache[
|
|
140
|
+
onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onContextmenu && _ctx.onContextmenu(...args))
|
|
141
141
|
}, [
|
|
142
142
|
_ctx.selectable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
143
143
|
vue.createElementVNode("i", {
|
|
@@ -151,16 +151,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
151
151
|
])) : vue.createCommentVNode("", true),
|
|
152
152
|
vue.createElementVNode("div", _hoisted_2, [
|
|
153
153
|
vue.createElementVNode("div", _hoisted_3, [
|
|
154
|
-
vue.
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
154
|
+
vue.renderSlot(_ctx.$slots, "icon", {
|
|
155
|
+
icon: _ctx.icon,
|
|
156
|
+
item: _ctx.item
|
|
157
|
+
}, () => [
|
|
158
|
+
vue.createElementVNode("img", {
|
|
159
|
+
src: _ctx.icon,
|
|
160
|
+
class: vue.normalizeClass({ "ele-file-list-item-image": !!_ctx.item.thumbnail })
|
|
161
|
+
}, null, 10, _hoisted_4)
|
|
162
|
+
]),
|
|
163
|
+
vue.renderSlot(_ctx.$slots, "title", { item: _ctx.item }, () => [
|
|
164
|
+
vue.createElementVNode("div", {
|
|
165
|
+
title: _ctx.item.name,
|
|
166
|
+
class: "ele-file-list-item-title"
|
|
167
|
+
}, vue.toDisplayString(_ctx.item.name), 9, _hoisted_5)
|
|
168
|
+
])
|
|
164
169
|
]),
|
|
165
170
|
_ctx.$slots.tool ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
|
|
166
171
|
vue.renderSlot(_ctx.$slots, "tool", { item: _ctx.item })
|
|
@@ -172,7 +177,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
172
177
|
style: vue.normalizeStyle(col.style),
|
|
173
178
|
class: "ele-file-list-item-cell"
|
|
174
179
|
}, [
|
|
175
|
-
col.slot && _ctx.$slots[col.slot] ? vue.renderSlot(_ctx.$slots, col.slot, {
|
|
180
|
+
col.slot && !["icon", "title", "tool", "contextMenu"].includes(col.slot) && _ctx.$slots[col.slot] ? vue.renderSlot(_ctx.$slots, col.slot, {
|
|
176
181
|
key: 0,
|
|
177
182
|
item: _ctx.item,
|
|
178
183
|
col
|
|
@@ -196,7 +201,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
196
201
|
}), vue.createSlots({
|
|
197
202
|
default: vue.withCtx(() => [
|
|
198
203
|
vue.createElementVNode("div", {
|
|
199
|
-
onClick: _cache[
|
|
204
|
+
onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
|
|
200
205
|
}, ["stop"]))
|
|
201
206
|
})
|
|
202
207
|
]),
|