@cmstops/pro-compo 0.3.73 → 0.3.75
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/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +3 -3
- package/es/selectResourceModal/component.js +19 -5
- package/es/selectResourceModal/components/ListTabs/index.js +7 -4
- package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js +2 -2
- package/lib/selectResourceModal/component.js +17 -3
- package/lib/selectResourceModal/components/ListTabs/index.js +6 -3
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, createTextVNode } from "vue";
|
|
1
|
+
import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, createTextVNode } from "vue";
|
|
2
2
|
import _imports_0 from "../../../../assets/images/sys_load_more.js";
|
|
3
3
|
import { Tooltip } from "@arco-design/web-vue";
|
|
4
4
|
import _sfc_main$1 from "../../MainContent/FileTypeThumb/index.js";
|
|
@@ -89,12 +89,12 @@ const _sfc_main = defineComponent({
|
|
|
89
89
|
showMore.value ? (openBlock(), createElementBlock("div", {
|
|
90
90
|
key: 0,
|
|
91
91
|
class: "item-load-more",
|
|
92
|
-
style: { width: "calc(20% - 20px)" },
|
|
92
|
+
style: normalizeStyle({ width: "calc(20% - 20px)" }),
|
|
93
93
|
onClick: loadMore
|
|
94
94
|
}, [
|
|
95
95
|
_hoisted_3,
|
|
96
96
|
createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
|
|
97
|
-
])) : createCommentVNode("v-if", true)
|
|
97
|
+
], 4)) : createCommentVNode("v-if", true)
|
|
98
98
|
])
|
|
99
99
|
], 2112);
|
|
100
100
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent,
|
|
2
|
-
import { Drawer, Modal
|
|
1
|
+
import { defineComponent, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementVNode, createCommentVNode, createVNode, isRef, Fragment, createTextVNode } from "vue";
|
|
2
|
+
import { Button, Drawer, Modal } from "@arco-design/web-vue";
|
|
3
3
|
import emptyData from "../emptyData/index.js";
|
|
4
4
|
import _sfc_main$1 from "./components/ListTabs/index.js";
|
|
5
5
|
import _sfc_main$3 from "./components/ListSelected/index.js";
|
|
@@ -29,6 +29,18 @@ const _sfc_main = defineComponent({
|
|
|
29
29
|
},
|
|
30
30
|
emits: ["update:visible", "submit"],
|
|
31
31
|
setup(__props, { emit: __emit }) {
|
|
32
|
+
const divComponent = defineComponent({
|
|
33
|
+
name: "DivComponent",
|
|
34
|
+
render() {
|
|
35
|
+
var _a, _b;
|
|
36
|
+
return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const wrapComponent = {
|
|
40
|
+
drawer: Drawer,
|
|
41
|
+
modal: Modal,
|
|
42
|
+
div: divComponent
|
|
43
|
+
};
|
|
32
44
|
const props = __props;
|
|
33
45
|
const emits = __emit;
|
|
34
46
|
const { selected, selectedKeys, disableSelect, handleSelect, handleClear } = useResourceSelect(props);
|
|
@@ -38,6 +50,7 @@ const _sfc_main = defineComponent({
|
|
|
38
50
|
handleClear();
|
|
39
51
|
}
|
|
40
52
|
});
|
|
53
|
+
const isDiv = props.wrap === "div";
|
|
41
54
|
watch(
|
|
42
55
|
() => props.visible,
|
|
43
56
|
(val) => {
|
|
@@ -70,7 +83,7 @@ const _sfc_main = defineComponent({
|
|
|
70
83
|
}
|
|
71
84
|
return (_ctx, _cache) => {
|
|
72
85
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
73
|
-
(openBlock(), createBlock(resolveDynamicComponent(_ctx.wrap
|
|
86
|
+
(openBlock(), createBlock(resolveDynamicComponent(wrapComponent[_ctx.wrap]), mergeProps({ visible: _ctx.visible }, unref(wrapProps)), {
|
|
74
87
|
default: withCtx(() => [
|
|
75
88
|
createElementVNode("div", _hoisted_2, [
|
|
76
89
|
_ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_3, [
|
|
@@ -79,10 +92,11 @@ const _sfc_main = defineComponent({
|
|
|
79
92
|
"model-value": unref(activeKey),
|
|
80
93
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeKey) ? activeKey.value = $event : null),
|
|
81
94
|
tabList: unref(tabKeyList),
|
|
95
|
+
wrap: _ctx.wrap,
|
|
82
96
|
onClose: unref(close)
|
|
83
|
-
}, null, 8, ["model-value", "tabList", "onClose"]),
|
|
97
|
+
}, null, 8, ["model-value", "tabList", "wrap", "onClose"]),
|
|
84
98
|
createCommentVNode(" \u5217\u8868\u5206\u53D1\u5668 "),
|
|
85
|
-
_ctx.visible ? (openBlock(), createBlock(resolveDynamicComponent(unref(activeComponent)), {
|
|
99
|
+
_ctx.visible || isDiv ? (openBlock(), createBlock(resolveDynamicComponent(unref(activeComponent)), {
|
|
86
100
|
key: 0,
|
|
87
101
|
"active-key": unref(activeKey),
|
|
88
102
|
onChangeTab: unref(handelChangeTab)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createBlock, createCommentVNode, Fragment, renderList } from "vue";
|
|
2
2
|
import { IconClose } from "@arco-design/web-vue/es/icon";
|
|
3
3
|
import { Tabs, Button, TabPane } from "@arco-design/web-vue";
|
|
4
4
|
const _hoisted_1 = { class: "resource-select-header" };
|
|
@@ -6,7 +6,8 @@ const _sfc_main = defineComponent({
|
|
|
6
6
|
__name: "index",
|
|
7
7
|
props: {
|
|
8
8
|
modelValue: {},
|
|
9
|
-
tabList: {}
|
|
9
|
+
tabList: {},
|
|
10
|
+
wrap: {}
|
|
10
11
|
},
|
|
11
12
|
emits: ["update:model-value", "change", "close"],
|
|
12
13
|
setup(__props, { emit: __emit }) {
|
|
@@ -16,6 +17,7 @@ const _sfc_main = defineComponent({
|
|
|
16
17
|
get: () => props.modelValue,
|
|
17
18
|
set: (value) => emits("update:model-value", value)
|
|
18
19
|
});
|
|
20
|
+
const isDiv = props.wrap === "div";
|
|
19
21
|
return (_ctx, _cache) => {
|
|
20
22
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
21
23
|
createVNode(unref(Tabs), {
|
|
@@ -24,7 +26,8 @@ const _sfc_main = defineComponent({
|
|
|
24
26
|
onChange: _cache[2] || (_cache[2] = (e) => emits("change", e))
|
|
25
27
|
}, {
|
|
26
28
|
extra: withCtx(() => [
|
|
27
|
-
|
|
29
|
+
!isDiv ? (openBlock(), createBlock(unref(Button), {
|
|
30
|
+
key: 0,
|
|
28
31
|
type: "text",
|
|
29
32
|
shape: "round",
|
|
30
33
|
style: { "color": "black", "transform": "translateX(-8px)" },
|
|
@@ -34,7 +37,7 @@ const _sfc_main = defineComponent({
|
|
|
34
37
|
createVNode(unref(IconClose))
|
|
35
38
|
]),
|
|
36
39
|
_: 1
|
|
37
|
-
})
|
|
40
|
+
})) : createCommentVNode("v-if", true)
|
|
38
41
|
]),
|
|
39
42
|
default: withCtx(() => [
|
|
40
43
|
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabList, (tab) => {
|
|
@@ -90,12 +90,12 @@ const _sfc_main = vue.defineComponent({
|
|
|
90
90
|
showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
91
91
|
key: 0,
|
|
92
92
|
class: "item-load-more",
|
|
93
|
-
style: { width: "calc(20% - 20px)" },
|
|
93
|
+
style: vue.normalizeStyle({ width: "calc(20% - 20px)" }),
|
|
94
94
|
onClick: loadMore
|
|
95
95
|
}, [
|
|
96
96
|
_hoisted_3,
|
|
97
97
|
vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
|
|
98
|
-
])) : vue.createCommentVNode("v-if", true)
|
|
98
|
+
], 4)) : vue.createCommentVNode("v-if", true)
|
|
99
99
|
])
|
|
100
100
|
], 2112);
|
|
101
101
|
};
|
|
@@ -30,6 +30,18 @@ const _sfc_main = vue.defineComponent({
|
|
|
30
30
|
},
|
|
31
31
|
emits: ["update:visible", "submit"],
|
|
32
32
|
setup(__props, { emit: __emit }) {
|
|
33
|
+
const divComponent = vue.defineComponent({
|
|
34
|
+
name: "DivComponent",
|
|
35
|
+
render() {
|
|
36
|
+
var _a, _b;
|
|
37
|
+
return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const wrapComponent = {
|
|
41
|
+
drawer: webVue.Drawer,
|
|
42
|
+
modal: webVue.Modal,
|
|
43
|
+
div: divComponent
|
|
44
|
+
};
|
|
33
45
|
const props = __props;
|
|
34
46
|
const emits = __emit;
|
|
35
47
|
const { selected, selectedKeys, disableSelect, handleSelect, handleClear } = useResourceSelect.useResourceSelect(props);
|
|
@@ -39,6 +51,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
39
51
|
handleClear();
|
|
40
52
|
}
|
|
41
53
|
});
|
|
54
|
+
const isDiv = props.wrap === "div";
|
|
42
55
|
vue.watch(
|
|
43
56
|
() => props.visible,
|
|
44
57
|
(val) => {
|
|
@@ -71,7 +84,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
71
84
|
}
|
|
72
85
|
return (_ctx, _cache) => {
|
|
73
86
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
74
|
-
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.wrap
|
|
87
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(wrapComponent[_ctx.wrap]), vue.mergeProps({ visible: _ctx.visible }, vue.unref(wrapProps)), {
|
|
75
88
|
default: vue.withCtx(() => [
|
|
76
89
|
vue.createElementVNode("div", _hoisted_2, [
|
|
77
90
|
_ctx.userInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
|
|
@@ -80,10 +93,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
80
93
|
"model-value": vue.unref(activeKey),
|
|
81
94
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeKey) ? activeKey.value = $event : null),
|
|
82
95
|
tabList: vue.unref(tabKeyList),
|
|
96
|
+
wrap: _ctx.wrap,
|
|
83
97
|
onClose: vue.unref(close)
|
|
84
|
-
}, null, 8, ["model-value", "tabList", "onClose"]),
|
|
98
|
+
}, null, 8, ["model-value", "tabList", "wrap", "onClose"]),
|
|
85
99
|
vue.createCommentVNode(" \u5217\u8868\u5206\u53D1\u5668 "),
|
|
86
|
-
_ctx.visible ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), {
|
|
100
|
+
_ctx.visible || isDiv ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), {
|
|
87
101
|
key: 0,
|
|
88
102
|
"active-key": vue.unref(activeKey),
|
|
89
103
|
onChangeTab: vue.unref(handelChangeTab)
|
|
@@ -7,7 +7,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
7
7
|
__name: "index",
|
|
8
8
|
props: {
|
|
9
9
|
modelValue: {},
|
|
10
|
-
tabList: {}
|
|
10
|
+
tabList: {},
|
|
11
|
+
wrap: {}
|
|
11
12
|
},
|
|
12
13
|
emits: ["update:model-value", "change", "close"],
|
|
13
14
|
setup(__props, { emit: __emit }) {
|
|
@@ -17,6 +18,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
17
18
|
get: () => props.modelValue,
|
|
18
19
|
set: (value) => emits("update:model-value", value)
|
|
19
20
|
});
|
|
21
|
+
const isDiv = props.wrap === "div";
|
|
20
22
|
return (_ctx, _cache) => {
|
|
21
23
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
22
24
|
vue.createVNode(vue.unref(webVue.Tabs), {
|
|
@@ -25,7 +27,8 @@ const _sfc_main = vue.defineComponent({
|
|
|
25
27
|
onChange: _cache[2] || (_cache[2] = (e) => emits("change", e))
|
|
26
28
|
}, {
|
|
27
29
|
extra: vue.withCtx(() => [
|
|
28
|
-
vue.
|
|
30
|
+
!isDiv ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
|
|
31
|
+
key: 0,
|
|
29
32
|
type: "text",
|
|
30
33
|
shape: "round",
|
|
31
34
|
style: { "color": "black", "transform": "translateX(-8px)" },
|
|
@@ -35,7 +38,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
35
38
|
vue.createVNode(vue.unref(icon.IconClose))
|
|
36
39
|
]),
|
|
37
40
|
_: 1
|
|
38
|
-
})
|
|
41
|
+
})) : vue.createCommentVNode("v-if", true)
|
|
39
42
|
]),
|
|
40
43
|
default: vue.withCtx(() => [
|
|
41
44
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabList, (tab) => {
|