sun-card-design 1.1.2 → 1.1.3
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/mobile/sun-card-design-mobile.es13.js +1 -1
- package/dist/mobile/sun-card-design-mobile.es14.js +3 -3
- package/dist/mobile/sun-card-design-mobile.es15.js +7 -3
- package/dist/mobile/sun-card-design-mobile.es2.js +8 -4
- package/dist/mobile/sun-card-design-mobile.es25.js +9 -4
- package/dist/mobile/sun-card-design-mobile.es49.js +9 -10
- package/dist/mobile/sun-card-design-mobile.es5.js +7 -12
- package/dist/mobile/sun-card-design-mobile.es67.js +37 -0
- package/dist/mobile/sun-card-design-mobile.es7.js +23 -4
- package/dist/pc/sun-card-design-pc.es13.js +1 -1
- package/dist/pc/sun-card-design-pc.es14.js +3 -3
- package/dist/pc/sun-card-design-pc.es15.js +7 -3
- package/dist/pc/sun-card-design-pc.es2.js +8 -4
- package/dist/pc/sun-card-design-pc.es25.js +9 -4
- package/dist/pc/sun-card-design-pc.es49.js +8 -9
- package/dist/pc/sun-card-design-pc.es5.js +7 -12
- package/dist/pc/sun-card-design-pc.es7.js +23 -4
- package/dist/sun-card-design.css +1 -1
- package/package.json +1 -1
|
@@ -61,7 +61,7 @@ const _sfc_main = {
|
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
|
-
const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
64
|
+
const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829605cc"]]);
|
|
65
65
|
export {
|
|
66
66
|
Panorama as default
|
|
67
67
|
};
|
|
@@ -10,9 +10,9 @@ const _sfc_main = {
|
|
|
10
10
|
setup(__props) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
const queryCanvasEl = () => {
|
|
13
|
-
const elTo = document.querySelector(".
|
|
13
|
+
const elTo = document.querySelector(".mb-main");
|
|
14
14
|
if (elTo) return elTo;
|
|
15
|
-
const el = document.querySelector(".
|
|
15
|
+
const el = document.querySelector(".pc-main");
|
|
16
16
|
return el;
|
|
17
17
|
};
|
|
18
18
|
const onGenerate = async () => {
|
|
@@ -53,7 +53,7 @@ const _sfc_main = {
|
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
56
|
+
const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2048419e"]]);
|
|
57
57
|
export {
|
|
58
58
|
GenerateImg as default
|
|
59
59
|
};
|
|
@@ -6,13 +6,16 @@ const _hoisted_1 = { class: "main-grid" };
|
|
|
6
6
|
const _sfc_main = {
|
|
7
7
|
__name: "gridComp",
|
|
8
8
|
props: ["record"],
|
|
9
|
-
emits: ["clickEvent"],
|
|
9
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
10
10
|
setup(__props, { emit: __emit }) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
const emit = __emit;
|
|
13
13
|
const onClick = (record) => {
|
|
14
14
|
emit("clickEvent", record);
|
|
15
15
|
};
|
|
16
|
+
const onUpdate = (record) => {
|
|
17
|
+
emit("fileUpdateEvent", record);
|
|
18
|
+
};
|
|
16
19
|
return (_ctx, _cache) => {
|
|
17
20
|
const _component_a_col = resolveComponent("a-col");
|
|
18
21
|
const _component_a_row = resolveComponent("a-row");
|
|
@@ -43,7 +46,8 @@ const _sfc_main = {
|
|
|
43
46
|
return openBlock(), createBlock(FormItem, {
|
|
44
47
|
record: element,
|
|
45
48
|
key: index2,
|
|
46
|
-
onClickEvent: onClick
|
|
49
|
+
onClickEvent: onClick,
|
|
50
|
+
onFileUpdateEvent: onUpdate
|
|
47
51
|
}, null, 8, ["record"]);
|
|
48
52
|
}), 128))
|
|
49
53
|
], 4)
|
|
@@ -58,7 +62,7 @@ const _sfc_main = {
|
|
|
58
62
|
};
|
|
59
63
|
}
|
|
60
64
|
};
|
|
61
|
-
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
65
|
+
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c32288a"]]);
|
|
62
66
|
export {
|
|
63
67
|
Grid as default
|
|
64
68
|
};
|
|
@@ -6,7 +6,7 @@ import _export_sfc from "./sun-card-design-mobile.es28.js";
|
|
|
6
6
|
const _sfc_main = {
|
|
7
7
|
__name: "mobilePanel",
|
|
8
8
|
props: ["record", "config"],
|
|
9
|
-
emits: ["clickEvent"],
|
|
9
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
10
10
|
setup(__props, { emit: __emit }) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
if (props?.config?.variableList) {
|
|
@@ -17,9 +17,12 @@ const _sfc_main = {
|
|
|
17
17
|
const onClick = (record) => {
|
|
18
18
|
emit("clickEvent", record);
|
|
19
19
|
};
|
|
20
|
+
const onUpdated = (record) => {
|
|
21
|
+
emit("fileUpdateEvent", record);
|
|
22
|
+
};
|
|
20
23
|
return (_ctx, _cache) => {
|
|
21
24
|
return openBlock(), createElementBlock("div", {
|
|
22
|
-
class: "msg-main",
|
|
25
|
+
class: "msg-main mb-main",
|
|
23
26
|
style: normalizeStyle({
|
|
24
27
|
background: props.record.config.background,
|
|
25
28
|
padding: props.record.config.padding + "px",
|
|
@@ -31,14 +34,15 @@ const _sfc_main = {
|
|
|
31
34
|
recordData: props.record,
|
|
32
35
|
record: item,
|
|
33
36
|
key: index,
|
|
34
|
-
onClickEvent: onClick
|
|
37
|
+
onClickEvent: onClick,
|
|
38
|
+
onFileUpdateEvent: onUpdated
|
|
35
39
|
}, null, 8, ["recordData", "record"]);
|
|
36
40
|
}), 128))
|
|
37
41
|
], 4);
|
|
38
42
|
};
|
|
39
43
|
}
|
|
40
44
|
};
|
|
41
|
-
const MobilePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
45
|
+
const MobilePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0aa4d10d"]]);
|
|
42
46
|
export {
|
|
43
47
|
MobilePanel as default
|
|
44
48
|
};
|
|
@@ -31,13 +31,16 @@ const _hoisted_1 = {
|
|
|
31
31
|
const _sfc_main = {
|
|
32
32
|
__name: "formItem",
|
|
33
33
|
props: ["record"],
|
|
34
|
-
emits: ["clickEvent"],
|
|
34
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
35
35
|
setup(__props, { emit: __emit }) {
|
|
36
36
|
const props = __props;
|
|
37
37
|
const emit = __emit;
|
|
38
38
|
const onClick = (record) => {
|
|
39
39
|
emit("clickEvent", record);
|
|
40
40
|
};
|
|
41
|
+
const onUpdate = (record) => {
|
|
42
|
+
emit("fileUpdateEvent", record);
|
|
43
|
+
};
|
|
41
44
|
return (_ctx, _cache) => {
|
|
42
45
|
return __props.record.state !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
43
46
|
__props.record.type === "title" ? (openBlock(), createBlock(Title, {
|
|
@@ -57,7 +60,8 @@ const _sfc_main = {
|
|
|
57
60
|
__props.record.type === "file" ? (openBlock(), createBlock(File, {
|
|
58
61
|
key: 3,
|
|
59
62
|
record: props.record,
|
|
60
|
-
onClickEvent: onClick
|
|
63
|
+
onClickEvent: onClick,
|
|
64
|
+
onFileUpdateEvent: onUpdate
|
|
61
65
|
}, null, 8, ["record"])) : createCommentVNode("", true),
|
|
62
66
|
__props.record.type === "upload" ? (openBlock(), createBlock(Upload, {
|
|
63
67
|
key: 4,
|
|
@@ -104,7 +108,8 @@ const _sfc_main = {
|
|
|
104
108
|
__props.record.type === "grid" ? (openBlock(), createBlock(Grid, {
|
|
105
109
|
key: 14,
|
|
106
110
|
record: props.record,
|
|
107
|
-
onClickEvent: onClick
|
|
111
|
+
onClickEvent: onClick,
|
|
112
|
+
onFileUpdateEvent: onUpdate
|
|
108
113
|
}, null, 8, ["record"])) : createCommentVNode("", true),
|
|
109
114
|
__props.record.type === "enterpriseSearch" ? (openBlock(), createBlock(EnterpriseSearch, {
|
|
110
115
|
key: 15,
|
|
@@ -142,7 +147,7 @@ const _sfc_main = {
|
|
|
142
147
|
};
|
|
143
148
|
}
|
|
144
149
|
};
|
|
145
|
-
const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
150
|
+
const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fe9e516"]]);
|
|
146
151
|
export {
|
|
147
152
|
FormItem as default
|
|
148
153
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock,
|
|
1
|
+
import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createElementVNode, unref } from "vue";
|
|
2
2
|
import * as THREE from "three";
|
|
3
3
|
import { OrbitControls } from "./sun-card-design-mobile.es58.js";
|
|
4
4
|
import TWEEN from "@tweenjs/tween.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
import _export_sfc from "./sun-card-design-mobile.es28.js";
|
|
7
|
-
import CloseCircleFilled from "./sun-card-design-mobile.
|
|
7
|
+
import CloseCircleFilled from "./sun-card-design-mobile.es67.js";
|
|
8
8
|
const _hoisted_1 = {
|
|
9
9
|
key: 0,
|
|
10
10
|
class: "canvas"
|
|
@@ -172,22 +172,21 @@ const _sfc_main = {
|
|
|
172
172
|
});
|
|
173
173
|
return (_ctx, _cache) => {
|
|
174
174
|
return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
175
|
+
isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
|
|
176
|
+
key: 0,
|
|
177
|
+
class: "icon",
|
|
178
|
+
onClick: closeView
|
|
179
|
+
})) : createCommentVNode("", true),
|
|
175
180
|
createElementVNode("div", {
|
|
176
181
|
ref_key: "containerRef",
|
|
177
182
|
ref: containerRef,
|
|
178
183
|
class: "canvas-view"
|
|
179
|
-
},
|
|
180
|
-
isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
|
|
181
|
-
key: 0,
|
|
182
|
-
class: "icon",
|
|
183
|
-
onClick: closeView
|
|
184
|
-
})) : createCommentVNode("", true)
|
|
185
|
-
], 512)
|
|
184
|
+
}, null, 512)
|
|
186
185
|
])) : createCommentVNode("", true);
|
|
187
186
|
};
|
|
188
187
|
}
|
|
189
188
|
};
|
|
190
|
-
const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
189
|
+
const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ec0f1f"]]);
|
|
191
190
|
export {
|
|
192
191
|
PanoramaView as default
|
|
193
192
|
};
|
|
@@ -25,27 +25,21 @@ const _sfc_main = {
|
|
|
25
25
|
EditOutlined
|
|
26
26
|
};
|
|
27
27
|
const emit = __emit;
|
|
28
|
-
const obj = {
|
|
29
|
-
primary: "#0066ff",
|
|
30
|
-
default: "#fff",
|
|
31
|
-
unimportant: "#f0f0f0",
|
|
32
|
-
important: "#4e40e5"
|
|
33
|
-
};
|
|
34
28
|
const getWidth = () => {
|
|
35
|
-
const
|
|
29
|
+
const obj = {
|
|
36
30
|
auto: "auto",
|
|
37
31
|
all: "100%",
|
|
38
32
|
fixed: props.record.options.style.widthValue + "px"
|
|
39
33
|
};
|
|
40
|
-
return
|
|
34
|
+
return obj[props.record.options.style.widthType];
|
|
41
35
|
};
|
|
42
36
|
const getAlign = () => {
|
|
43
|
-
const
|
|
37
|
+
const obj = {
|
|
44
38
|
left: "flex-start",
|
|
45
39
|
center: "center",
|
|
46
40
|
right: "flex-end"
|
|
47
41
|
};
|
|
48
|
-
return
|
|
42
|
+
return obj[props.record.options.style.align];
|
|
49
43
|
};
|
|
50
44
|
const onClick = () => {
|
|
51
45
|
emit("clickEvent", props.record);
|
|
@@ -62,8 +56,9 @@ const _sfc_main = {
|
|
|
62
56
|
type: "primary",
|
|
63
57
|
size: props.record.options.style.size,
|
|
64
58
|
style: normalizeStyle({
|
|
65
|
-
background:
|
|
59
|
+
background: props.record.options.style.background,
|
|
66
60
|
color: props.record.options.style.color,
|
|
61
|
+
borderRadius: props.record.options.style.borderRadius + "px",
|
|
67
62
|
width: getWidth(),
|
|
68
63
|
float: props.record.options.style.align
|
|
69
64
|
}),
|
|
@@ -86,7 +81,7 @@ const _sfc_main = {
|
|
|
86
81
|
};
|
|
87
82
|
}
|
|
88
83
|
};
|
|
89
|
-
const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
84
|
+
const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-444f05bb"]]);
|
|
90
85
|
export {
|
|
91
86
|
Button as default
|
|
92
87
|
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { createVNode } from "vue";
|
|
2
|
+
import CloseCircleFilled$1 from "./sun-card-design-mobile.es77.js";
|
|
3
|
+
import Icon from "./sun-card-design-mobile.es75.js";
|
|
4
|
+
function _objectSpread(target) {
|
|
5
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
6
|
+
var source = arguments[i] != null ? Object(arguments[i]) : {};
|
|
7
|
+
var ownKeys = Object.keys(source);
|
|
8
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
9
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
10
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
ownKeys.forEach(function(key) {
|
|
14
|
+
_defineProperty(target, key, source[key]);
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
return target;
|
|
18
|
+
}
|
|
19
|
+
function _defineProperty(obj, key, value) {
|
|
20
|
+
if (key in obj) {
|
|
21
|
+
Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
|
|
22
|
+
} else {
|
|
23
|
+
obj[key] = value;
|
|
24
|
+
}
|
|
25
|
+
return obj;
|
|
26
|
+
}
|
|
27
|
+
var CloseCircleFilled = function CloseCircleFilled2(props, context) {
|
|
28
|
+
var p = _objectSpread({}, props, context.attrs);
|
|
29
|
+
return createVNode(Icon, _objectSpread({}, p, {
|
|
30
|
+
"icon": CloseCircleFilled$1
|
|
31
|
+
}), null);
|
|
32
|
+
};
|
|
33
|
+
CloseCircleFilled.displayName = "CloseCircleFilled";
|
|
34
|
+
CloseCircleFilled.inheritAttrs = false;
|
|
35
|
+
export {
|
|
36
|
+
CloseCircleFilled as default
|
|
37
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock, openBlock, createElementVNode, unref, normalizeStyle, toDisplayString } from "vue";
|
|
1
|
+
import { resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
|
|
2
2
|
import { fileIconSvg } from "./sun-card-design-mobile.es41.js";
|
|
3
3
|
import { renderTextByVariables } from "./sun-card-design-mobile.es26.js";
|
|
4
4
|
/* empty css */
|
|
@@ -8,14 +8,18 @@ const _hoisted_2 = ["innerHTML"];
|
|
|
8
8
|
const _sfc_main = {
|
|
9
9
|
__name: "fileComp",
|
|
10
10
|
props: ["record"],
|
|
11
|
-
emits: ["clickEvent"],
|
|
11
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
12
12
|
setup(__props, { emit: __emit }) {
|
|
13
13
|
const props = __props;
|
|
14
14
|
const emit = __emit;
|
|
15
15
|
const onClick = () => {
|
|
16
16
|
emit("clickEvent", props.record);
|
|
17
17
|
};
|
|
18
|
+
const onUpdate = () => {
|
|
19
|
+
emit("fileUpdateEvent", props.record);
|
|
20
|
+
};
|
|
18
21
|
return (_ctx, _cache) => {
|
|
22
|
+
const _component_a_button = resolveComponent("a-button");
|
|
19
23
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
20
24
|
createElementVNode("div", null, [
|
|
21
25
|
createElementVNode("div", {
|
|
@@ -39,13 +43,28 @@ const _sfc_main = {
|
|
|
39
43
|
lineHeight: "20px",
|
|
40
44
|
margin: "5px 0 0"
|
|
41
45
|
})
|
|
42
|
-
}, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5)
|
|
46
|
+
}, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5),
|
|
47
|
+
props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", {
|
|
48
|
+
key: 0,
|
|
49
|
+
style: { "margin-top": "8px" },
|
|
50
|
+
onClick: onUpdate
|
|
51
|
+
}, [
|
|
52
|
+
createVNode(_component_a_button, {
|
|
53
|
+
type: "primary",
|
|
54
|
+
size: "small"
|
|
55
|
+
}, {
|
|
56
|
+
default: withCtx(() => [
|
|
57
|
+
createTextVNode(toDisplayString(props.record.options.updateText), 1)
|
|
58
|
+
]),
|
|
59
|
+
_: 1
|
|
60
|
+
})
|
|
61
|
+
])) : createCommentVNode("", true)
|
|
43
62
|
])
|
|
44
63
|
]);
|
|
45
64
|
};
|
|
46
65
|
}
|
|
47
66
|
};
|
|
48
|
-
const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
67
|
+
const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e4c7abb"]]);
|
|
49
68
|
export {
|
|
50
69
|
File as default
|
|
51
70
|
};
|
|
@@ -61,7 +61,7 @@ const _sfc_main = {
|
|
|
61
61
|
};
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
|
-
const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
64
|
+
const Panorama = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-829605cc"]]);
|
|
65
65
|
export {
|
|
66
66
|
Panorama as default
|
|
67
67
|
};
|
|
@@ -10,9 +10,9 @@ const _sfc_main = {
|
|
|
10
10
|
setup(__props) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
const queryCanvasEl = () => {
|
|
13
|
-
const elTo = document.querySelector(".
|
|
13
|
+
const elTo = document.querySelector(".mb-main");
|
|
14
14
|
if (elTo) return elTo;
|
|
15
|
-
const el = document.querySelector(".
|
|
15
|
+
const el = document.querySelector(".pc-main");
|
|
16
16
|
return el;
|
|
17
17
|
};
|
|
18
18
|
const onGenerate = async () => {
|
|
@@ -53,7 +53,7 @@ const _sfc_main = {
|
|
|
53
53
|
};
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
56
|
+
const GenerateImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2048419e"]]);
|
|
57
57
|
export {
|
|
58
58
|
GenerateImg as default
|
|
59
59
|
};
|
|
@@ -6,13 +6,16 @@ const _hoisted_1 = { class: "main-grid" };
|
|
|
6
6
|
const _sfc_main = {
|
|
7
7
|
__name: "gridComp",
|
|
8
8
|
props: ["record"],
|
|
9
|
-
emits: ["clickEvent"],
|
|
9
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
10
10
|
setup(__props, { emit: __emit }) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
const emit = __emit;
|
|
13
13
|
const onClick = (record) => {
|
|
14
14
|
emit("clickEvent", record);
|
|
15
15
|
};
|
|
16
|
+
const onUpdate = (record) => {
|
|
17
|
+
emit("fileUpdateEvent", record);
|
|
18
|
+
};
|
|
16
19
|
return (_ctx, _cache) => {
|
|
17
20
|
const _component_a_col = resolveComponent("a-col");
|
|
18
21
|
const _component_a_row = resolveComponent("a-row");
|
|
@@ -43,7 +46,8 @@ const _sfc_main = {
|
|
|
43
46
|
return openBlock(), createBlock(FormItem, {
|
|
44
47
|
record: element,
|
|
45
48
|
key: index2,
|
|
46
|
-
onClickEvent: onClick
|
|
49
|
+
onClickEvent: onClick,
|
|
50
|
+
onFileUpdateEvent: onUpdate
|
|
47
51
|
}, null, 8, ["record"]);
|
|
48
52
|
}), 128))
|
|
49
53
|
], 4)
|
|
@@ -58,7 +62,7 @@ const _sfc_main = {
|
|
|
58
62
|
};
|
|
59
63
|
}
|
|
60
64
|
};
|
|
61
|
-
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
65
|
+
const Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4c32288a"]]);
|
|
62
66
|
export {
|
|
63
67
|
Grid as default
|
|
64
68
|
};
|
|
@@ -6,7 +6,7 @@ import _export_sfc from "./sun-card-design-pc.es28.js";
|
|
|
6
6
|
const _sfc_main = {
|
|
7
7
|
__name: "pcPanel",
|
|
8
8
|
props: ["record", "config"],
|
|
9
|
-
emits: ["clickEvent"],
|
|
9
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
10
10
|
setup(__props, { emit: __emit }) {
|
|
11
11
|
const props = __props;
|
|
12
12
|
if (props?.config?.variableList) {
|
|
@@ -17,9 +17,12 @@ const _sfc_main = {
|
|
|
17
17
|
const onClick = (record) => {
|
|
18
18
|
emit("clickEvent", record);
|
|
19
19
|
};
|
|
20
|
+
const onUpdate = (record) => {
|
|
21
|
+
emit("fileUpdateEvent", record);
|
|
22
|
+
};
|
|
20
23
|
return (_ctx, _cache) => {
|
|
21
24
|
return openBlock(), createElementBlock("div", {
|
|
22
|
-
class: "msg-main",
|
|
25
|
+
class: "msg-main pc-main",
|
|
23
26
|
style: normalizeStyle({
|
|
24
27
|
background: props.record.config.background,
|
|
25
28
|
padding: props.record.config.padding + "px",
|
|
@@ -31,14 +34,15 @@ const _sfc_main = {
|
|
|
31
34
|
recordData: props.record,
|
|
32
35
|
record: item,
|
|
33
36
|
key: index,
|
|
34
|
-
onClickEvent: onClick
|
|
37
|
+
onClickEvent: onClick,
|
|
38
|
+
onFileUpdateEvent: onUpdate
|
|
35
39
|
}, null, 8, ["recordData", "record"]);
|
|
36
40
|
}), 128))
|
|
37
41
|
], 4);
|
|
38
42
|
};
|
|
39
43
|
}
|
|
40
44
|
};
|
|
41
|
-
const PcPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
45
|
+
const PcPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-31e053ac"]]);
|
|
42
46
|
export {
|
|
43
47
|
PcPanel as default
|
|
44
48
|
};
|
|
@@ -31,13 +31,16 @@ const _hoisted_1 = {
|
|
|
31
31
|
const _sfc_main = {
|
|
32
32
|
__name: "formItem",
|
|
33
33
|
props: ["record"],
|
|
34
|
-
emits: ["clickEvent"],
|
|
34
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
35
35
|
setup(__props, { emit: __emit }) {
|
|
36
36
|
const props = __props;
|
|
37
37
|
const emit = __emit;
|
|
38
38
|
const onClick = (record) => {
|
|
39
39
|
emit("clickEvent", record);
|
|
40
40
|
};
|
|
41
|
+
const onUpdate = (record) => {
|
|
42
|
+
emit("fileUpdateEvent", record);
|
|
43
|
+
};
|
|
41
44
|
return (_ctx, _cache) => {
|
|
42
45
|
return __props.record.state !== false ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
43
46
|
__props.record.type === "title" ? (openBlock(), createBlock(Title, {
|
|
@@ -57,7 +60,8 @@ const _sfc_main = {
|
|
|
57
60
|
__props.record.type === "file" ? (openBlock(), createBlock(File, {
|
|
58
61
|
key: 3,
|
|
59
62
|
record: props.record,
|
|
60
|
-
onClickEvent: onClick
|
|
63
|
+
onClickEvent: onClick,
|
|
64
|
+
onFileUpdateEvent: onUpdate
|
|
61
65
|
}, null, 8, ["record"])) : createCommentVNode("", true),
|
|
62
66
|
__props.record.type === "upload" ? (openBlock(), createBlock(Upload, {
|
|
63
67
|
key: 4,
|
|
@@ -104,7 +108,8 @@ const _sfc_main = {
|
|
|
104
108
|
__props.record.type === "grid" ? (openBlock(), createBlock(Grid, {
|
|
105
109
|
key: 14,
|
|
106
110
|
record: props.record,
|
|
107
|
-
onClickEvent: onClick
|
|
111
|
+
onClickEvent: onClick,
|
|
112
|
+
onFileUpdateEvent: onUpdate
|
|
108
113
|
}, null, 8, ["record"])) : createCommentVNode("", true),
|
|
109
114
|
__props.record.type === "enterpriseSearch" ? (openBlock(), createBlock(EnterpriseSearch, {
|
|
110
115
|
key: 15,
|
|
@@ -142,7 +147,7 @@ const _sfc_main = {
|
|
|
142
147
|
};
|
|
143
148
|
}
|
|
144
149
|
};
|
|
145
|
-
const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
150
|
+
const FormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fe9e516"]]);
|
|
146
151
|
export {
|
|
147
152
|
FormItem as default
|
|
148
153
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock,
|
|
1
|
+
import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createElementVNode, unref } from "vue";
|
|
2
2
|
import * as THREE from "three";
|
|
3
3
|
import { OrbitControls } from "./sun-card-design-pc.es58.js";
|
|
4
4
|
import TWEEN from "@tweenjs/tween.js";
|
|
@@ -172,22 +172,21 @@ const _sfc_main = {
|
|
|
172
172
|
});
|
|
173
173
|
return (_ctx, _cache) => {
|
|
174
174
|
return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
175
|
+
isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
|
|
176
|
+
key: 0,
|
|
177
|
+
class: "icon",
|
|
178
|
+
onClick: closeView
|
|
179
|
+
})) : createCommentVNode("", true),
|
|
175
180
|
createElementVNode("div", {
|
|
176
181
|
ref_key: "containerRef",
|
|
177
182
|
ref: containerRef,
|
|
178
183
|
class: "canvas-view"
|
|
179
|
-
},
|
|
180
|
-
isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
|
|
181
|
-
key: 0,
|
|
182
|
-
class: "icon",
|
|
183
|
-
onClick: closeView
|
|
184
|
-
})) : createCommentVNode("", true)
|
|
185
|
-
], 512)
|
|
184
|
+
}, null, 512)
|
|
186
185
|
])) : createCommentVNode("", true);
|
|
187
186
|
};
|
|
188
187
|
}
|
|
189
188
|
};
|
|
190
|
-
const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
189
|
+
const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ec0f1f"]]);
|
|
191
190
|
export {
|
|
192
191
|
PanoramaView as default
|
|
193
192
|
};
|
|
@@ -25,27 +25,21 @@ const _sfc_main = {
|
|
|
25
25
|
EditOutlined
|
|
26
26
|
};
|
|
27
27
|
const emit = __emit;
|
|
28
|
-
const obj = {
|
|
29
|
-
primary: "#0066ff",
|
|
30
|
-
default: "#fff",
|
|
31
|
-
unimportant: "#f0f0f0",
|
|
32
|
-
important: "#4e40e5"
|
|
33
|
-
};
|
|
34
28
|
const getWidth = () => {
|
|
35
|
-
const
|
|
29
|
+
const obj = {
|
|
36
30
|
auto: "auto",
|
|
37
31
|
all: "100%",
|
|
38
32
|
fixed: props.record.options.style.widthValue + "px"
|
|
39
33
|
};
|
|
40
|
-
return
|
|
34
|
+
return obj[props.record.options.style.widthType];
|
|
41
35
|
};
|
|
42
36
|
const getAlign = () => {
|
|
43
|
-
const
|
|
37
|
+
const obj = {
|
|
44
38
|
left: "flex-start",
|
|
45
39
|
center: "center",
|
|
46
40
|
right: "flex-end"
|
|
47
41
|
};
|
|
48
|
-
return
|
|
42
|
+
return obj[props.record.options.style.align];
|
|
49
43
|
};
|
|
50
44
|
const onClick = () => {
|
|
51
45
|
emit("clickEvent", props.record);
|
|
@@ -62,8 +56,9 @@ const _sfc_main = {
|
|
|
62
56
|
type: "primary",
|
|
63
57
|
size: props.record.options.style.size,
|
|
64
58
|
style: normalizeStyle({
|
|
65
|
-
background:
|
|
59
|
+
background: props.record.options.style.background,
|
|
66
60
|
color: props.record.options.style.color,
|
|
61
|
+
borderRadius: props.record.options.style.borderRadius + "px",
|
|
67
62
|
width: getWidth(),
|
|
68
63
|
float: props.record.options.style.align
|
|
69
64
|
}),
|
|
@@ -86,7 +81,7 @@ const _sfc_main = {
|
|
|
86
81
|
};
|
|
87
82
|
}
|
|
88
83
|
};
|
|
89
|
-
const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
84
|
+
const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-444f05bb"]]);
|
|
90
85
|
export {
|
|
91
86
|
Button as default
|
|
92
87
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createElementBlock, openBlock, createElementVNode, unref, normalizeStyle, toDisplayString } from "vue";
|
|
1
|
+
import { resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, toDisplayString, createVNode, withCtx, createTextVNode } from "vue";
|
|
2
2
|
import { fileIconSvg } from "./sun-card-design-pc.es41.js";
|
|
3
3
|
import { renderTextByVariables } from "./sun-card-design-pc.es26.js";
|
|
4
4
|
/* empty css */
|
|
@@ -8,14 +8,18 @@ const _hoisted_2 = ["innerHTML"];
|
|
|
8
8
|
const _sfc_main = {
|
|
9
9
|
__name: "fileComp",
|
|
10
10
|
props: ["record"],
|
|
11
|
-
emits: ["clickEvent"],
|
|
11
|
+
emits: ["clickEvent", "fileUpdateEvent"],
|
|
12
12
|
setup(__props, { emit: __emit }) {
|
|
13
13
|
const props = __props;
|
|
14
14
|
const emit = __emit;
|
|
15
15
|
const onClick = () => {
|
|
16
16
|
emit("clickEvent", props.record);
|
|
17
17
|
};
|
|
18
|
+
const onUpdate = () => {
|
|
19
|
+
emit("fileUpdateEvent", props.record);
|
|
20
|
+
};
|
|
18
21
|
return (_ctx, _cache) => {
|
|
22
|
+
const _component_a_button = resolveComponent("a-button");
|
|
19
23
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
20
24
|
createElementVNode("div", null, [
|
|
21
25
|
createElementVNode("div", {
|
|
@@ -39,13 +43,28 @@ const _sfc_main = {
|
|
|
39
43
|
lineHeight: "20px",
|
|
40
44
|
margin: "5px 0 0"
|
|
41
45
|
})
|
|
42
|
-
}, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5)
|
|
46
|
+
}, toDisplayString(unref(renderTextByVariables)(props.record.options.subtitle)), 5),
|
|
47
|
+
props.record.options?.isUpdate ? (openBlock(), createElementBlock("div", {
|
|
48
|
+
key: 0,
|
|
49
|
+
style: { "margin-top": "8px" },
|
|
50
|
+
onClick: onUpdate
|
|
51
|
+
}, [
|
|
52
|
+
createVNode(_component_a_button, {
|
|
53
|
+
type: "primary",
|
|
54
|
+
size: "small"
|
|
55
|
+
}, {
|
|
56
|
+
default: withCtx(() => [
|
|
57
|
+
createTextVNode(toDisplayString(props.record.options.updateText), 1)
|
|
58
|
+
]),
|
|
59
|
+
_: 1
|
|
60
|
+
})
|
|
61
|
+
])) : createCommentVNode("", true)
|
|
43
62
|
])
|
|
44
63
|
]);
|
|
45
64
|
};
|
|
46
65
|
}
|
|
47
66
|
};
|
|
48
|
-
const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
67
|
+
const File = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8e4c7abb"]]);
|
|
49
68
|
export {
|
|
50
69
|
File as default
|
|
51
70
|
};
|
package/dist/sun-card-design.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.main-title[data-v-edacfde8]{display:flex;align-items:center;width:100%;padding:6px}.main-title .line[data-v-edacfde8]{width:5px;border-radius:1px;margin-right:6px}.main-title h3[data-v-edacfde8]{margin:0}.main-text[data-v-07d4a777]{display:flex;width:100%;padding:6px}.main-text .line[data-v-07d4a777]{width:4px;border-radius:1px;margin-right:6px}.main-button[data-v-
|
|
1
|
+
.main-title[data-v-edacfde8]{display:flex;align-items:center;width:100%;padding:6px}.main-title .line[data-v-edacfde8]{width:5px;border-radius:1px;margin-right:6px}.main-title h3[data-v-edacfde8]{margin:0}.main-text[data-v-07d4a777]{display:flex;width:100%;padding:6px}.main-text .line[data-v-07d4a777]{width:4px;border-radius:1px;margin-right:6px}.main-button[data-v-444f05bb]{display:flex;align-items:center;margin:0;width:100%;padding:6px}.main-grid[data-v-4c32288a]{width:100%;padding:3px}.main-grid .box[data-v-4c32288a]{width:100%;border:1px solid #e9e9e9;margin:0}.main-title[data-v-8e4c7abb]{width:100%;padding:6px}.main-title .file-box[data-v-8e4c7abb]{display:flex;align-items:center}.main-title .file-box .file-icon[data-v-8e4c7abb]{margin-right:10px;display:flex;align-items:center}.upload-comp[data-v-8cac46ff]{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:6px;overflow:hidden;border-radius:6px}.upload-comp .parse-type-info[data-v-8cac46ff]{margin-top:8px;display:flex;align-items:center}.upload-comp .upload-progress[data-v-8cac46ff]{display:flex;position:absolute;left:50%;top:12px;width:90%;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:12px;background:#404040f2;color:#fff;padding:10px 16px;border-radius:12px;box-shadow:0 6px 18px #0003}.upload-comp .upload-progress .spinner[data-v-8cac46ff]{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#4ad46a;animation:spin-8cac46ff 1s linear infinite}.upload-comp .upload-progress .progress-text-container[data-v-8cac46ff]{flex:1;display:flex;align-items:center;justify-content:space-between}.upload-comp .upload-progress .progress-text[data-v-8cac46ff]{font-size:14px;color:#fff}.upload-comp .upload-progress .cancel-btn[data-v-8cac46ff]{background:#666;color:#eee;border:none}@keyframes spin-8cac46ff{to{transform:rotate(360deg)}}.upload-comp .file-list[data-v-8cac46ff]{width:100%;margin-top:6px}.upload-comp .file-item-name[data-v-8cac46ff]{font-size:13px;color:#333}.main-picture[data-v-85c3e115]{display:flex;width:100%;padding:6px}.main-picture .picture-container[data-v-85c3e115]{background-color:#fff;border-radius:4px}.main-picture h3[data-v-85c3e115]{margin:0}.main-tag[data-v-6eaa923e],.main-rate[data-v-16bdf6af]{width:100%;padding:6px}.main-rate[data-v-16bdf6af] .ant-rate-star-full,.main-rate[data-v-16bdf6af] .ant-rate-star-half,.main-rate[data-v-16bdf6af] .ant-rate-star-active{color:#ff9500}.main-divider[data-v-258e64bb]{display:flex;justify-content:center;align-items:center;width:100%}.custom-player[data-v-f85fd551]{--play-btn-color: #4a6bff;--progress-color: linear-gradient(90deg, #ff4d4d, #f9cb28);width:100%;position:relative}.custom-player audio[data-v-f85fd551]{display:none}.controls[data-v-f85fd551]{display:flex;align-items:center}.play-btn[data-v-f85fd551]{width:32px;height:32px;background:var(--play-btn-color);border-radius:50%;border:none;cursor:pointer;position:relative;margin-right:15px;transition:all .3s}.play-btn[data-v-f85fd551]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid white}.play-btn.paused[data-v-f85fd551]:before{width:14px;height:16px;border:none;background:linear-gradient(to right,white 0 4px,transparent 4px) left center / 4px 16px no-repeat,linear-gradient(to right,white 0 4px,transparent 4px) right center / 4px 16px no-repeat;transform:translate(-50%,-50%)}.progress-container[data-v-f85fd551]{flex:1;height:4px;background:#0000001a;border-radius:2px;cursor:pointer}.progress-bar[data-v-f85fd551]{height:100%;width:0;background:var(--progress-color);border-radius:2px;position:relative}.progress-bar[data-v-f85fd551]:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 0 4px #0000004d;opacity:0;transition:opacity .2s}.progress-container:hover .progress-bar[data-v-f85fd551]:after{opacity:1}.main-audio[data-v-f84c4870],.main-select[data-v-4d49555e]{width:100%;padding:6px}.main-select h3[data-v-4d49555e],.main-select[data-v-4d49555e] .ant-form-item{margin:0}.main-video[data-v-538cc19c]{width:100%;padding:6px}.main-video .custom-video[data-v-538cc19c]{width:100%;outline:none;background:#000}.main-input[data-v-2abea783]{width:100%;padding:6px}.main-input h3[data-v-2abea783],.main-input[data-v-2abea783] .ant-form-item{margin:0}.main-button[data-v-2048419e]{display:flex;align-items:center;margin:0;padding:6px;width:100%}.main-enterpriseSearch[data-v-f793204b]{width:100%;padding:6px}.main-enterpriseSearch h3[data-v-f793204b],.main-enterpriseSearch[data-v-f793204b] .ant-form-item{margin:0}.main-table[data-v-880398df]{width:100%;padding:6px}.main-table[data-v-880398df] .ant-table{font-size:var(--tbl-font-size)}.main-table[data-v-880398df] .ant-table-cell{padding:var(--tbl-cell-padding)!important;font-size:var(--tbl-font-size)}.barChart-table[data-v-55a8e7b9],.pieChart-table[data-v-f28f6fbc],.lineChart-table[data-v-18f8bfdf]{width:100%;padding:6px}.mian-barChart3d[data-v-ab981780]{width:100%;border-radius:6px}.main-pieChart3d[data-v-21b30dce]{width:100%;padding:6px}.canvas[data-v-d6ec0f1f]{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:#0009}.canvas .canvas-view[data-v-d6ec0f1f]{position:relative;width:calc(100% - 60px);height:calc(100% - 100px);border-radius:10px;background-color:#3e8be4ad;overflow:hidden}.canvas .icon[data-v-d6ec0f1f]{position:absolute;top:30px;right:10px;font-size:26px;color:#fff}.main-panorama[data-v-829605cc]{width:100%;border-radius:6px}.main-panorama .panorama-box[data-v-829605cc]{overflow:hidden;position:relative;z-index:1}.main-panorama .panorama-box .panorama-box-icon[data-v-829605cc]{position:absolute;right:10px;top:10px;cursor:pointer}.main-box[data-v-0fe9e516]{position:relative}.msg-main[data-v-0aa4d10d]{height:auto;border:1px solid #f1f1f1;overflow:hidden}
|