sun-card-design 1.1.48 → 1.2.1
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/README.md +20 -2
- package/dist/mobile/sun-card-design-mobile.es18.js +5 -4
- package/dist/mobile/sun-card-design-mobile.es21.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es23.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es25.js +6 -6
- package/dist/mobile/sun-card-design-mobile.es32.js +4 -2
- package/dist/mobile/sun-card-design-mobile.es55.js +226 -0
- package/dist/mobile/sun-card-design-mobile.es56.js +64 -0
- package/dist/mobile/sun-card-design-mobile.es57.js +65 -204
- package/dist/mobile/sun-card-design-mobile.es58.js +81 -47
- package/dist/mobile/sun-card-design-mobile.es59.js +123 -48
- package/dist/mobile/sun-card-design-mobile.es6.js +2 -2
- package/dist/mobile/sun-card-design-mobile.es60.js +116 -52
- package/dist/mobile/sun-card-design-mobile.es61.js +116 -52
- package/dist/pc/sun-card-design-pc.es18.js +5 -4
- package/dist/pc/sun-card-design-pc.es21.js +2 -2
- package/dist/pc/sun-card-design-pc.es23.js +2 -2
- package/dist/pc/sun-card-design-pc.es25.js +6 -6
- package/dist/pc/sun-card-design-pc.es32.js +4 -2
- package/dist/pc/sun-card-design-pc.es55.js +226 -0
- package/dist/pc/sun-card-design-pc.es56.js +45 -207
- package/dist/pc/sun-card-design-pc.es57.js +70 -47
- package/dist/pc/sun-card-design-pc.es58.js +20 -9
- package/dist/pc/sun-card-design-pc.es59.js +116 -52
- package/dist/pc/sun-card-design-pc.es6.js +2 -2
- package/dist/pc/sun-card-design-pc.es60.js +116 -52
- package/dist/public/sun-card-design.css +1 -1
- package/package.json +3 -2
- package/dist/assets/cardDesigner.png +0 -0
- package/dist/assets/img.png +0 -0
- package/dist/assets/pic1.jpg +0 -0
- package/dist/assets/picsl1.jpg +0 -0
- package/dist/assets/song.mp3 +0 -0
- package/dist/assets/tmCard1.jpg +0 -0
- package/dist/assets/tmCard2.jpg +0 -0
- package/dist/assets/tmList1.jpg +0 -0
- package/dist/assets/video.mp4 +0 -0
- package/dist/mobile/sun-card-design-mobile.es51.js +0 -4
- package/dist/mobile/sun-card-design-mobile.es62.js +0 -98
- package/dist/pc/sun-card-design-pc.es51.js +0 -4
- package/dist/pc/sun-card-design-pc.es61.js +0 -98
- /package/dist/mobile/{sun-card-design-mobile.es66.js → sun-card-design-mobile.es65.js} +0 -0
- /package/dist/pc/{sun-card-design-pc.es66.js → sun-card-design-pc.es65.js} +0 -0
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { resolveComponent, createElementBlock, openBlock, normalizeStyle, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, normalizeClass } from "vue";
|
|
2
|
-
import FormItem from "./sun-card-design-pc.es25.js";
|
|
3
|
-
/* empty css */
|
|
4
|
-
import _export_sfc from "./sun-card-design-pc.es28.js";
|
|
5
|
-
const _hoisted_1 = ["onClick"];
|
|
6
|
-
const _sfc_main = {
|
|
7
|
-
__name: "gridList",
|
|
8
|
-
props: ["record", "recordData", "columnsIndex"],
|
|
9
|
-
emits: ["clickEvent", "clickColumnsEvent", "fileUpdateEvent"],
|
|
10
|
-
setup(__props, { emit: __emit }) {
|
|
11
|
-
const props = __props;
|
|
12
|
-
const emit = __emit;
|
|
13
|
-
const getIndex = (index) => {
|
|
14
|
-
if (index !== void 0) {
|
|
15
|
-
return index;
|
|
16
|
-
}
|
|
17
|
-
return props.columnsIndex;
|
|
18
|
-
};
|
|
19
|
-
const onClick = (record) => {
|
|
20
|
-
emit("clickEvent", record);
|
|
21
|
-
};
|
|
22
|
-
const onUpdate = (record) => {
|
|
23
|
-
emit("fileUpdateEvent", record);
|
|
24
|
-
};
|
|
25
|
-
const onClickColumns = (record) => {
|
|
26
|
-
if (!record.options.clickEvent) return;
|
|
27
|
-
emit("clickColumnsEvent", record);
|
|
28
|
-
};
|
|
29
|
-
const getBackground = () => {
|
|
30
|
-
if (isGradientColor(props.recordData.config.background)) {
|
|
31
|
-
return "none";
|
|
32
|
-
}
|
|
33
|
-
return props.recordData.config.background;
|
|
34
|
-
};
|
|
35
|
-
function isGradientColor(color) {
|
|
36
|
-
return /^(linear|radial)-gradient\(.*\)$/.test(color);
|
|
37
|
-
}
|
|
38
|
-
return (_ctx, _cache) => {
|
|
39
|
-
const _component_a_col = resolveComponent("a-col");
|
|
40
|
-
const _component_a_row = resolveComponent("a-row");
|
|
41
|
-
return openBlock(), createElementBlock("div", {
|
|
42
|
-
class: "main-grid",
|
|
43
|
-
style: normalizeStyle({ background: getBackground() })
|
|
44
|
-
}, [
|
|
45
|
-
createVNode(_component_a_row, {
|
|
46
|
-
gutter: [props.record.options.style.lrGutter, props.record.options.style.tbGutter]
|
|
47
|
-
}, {
|
|
48
|
-
default: withCtx(() => [
|
|
49
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(props.record.columns, (item, index) => {
|
|
50
|
-
return openBlock(), createBlock(_component_a_col, {
|
|
51
|
-
key: index.toString(),
|
|
52
|
-
flex: props.record.columns[index]?.flex,
|
|
53
|
-
span: 24 / props.record.options.autoNumber,
|
|
54
|
-
style: normalizeStyle({
|
|
55
|
-
flex: _ctx.none
|
|
56
|
-
})
|
|
57
|
-
}, {
|
|
58
|
-
default: withCtx(() => [
|
|
59
|
-
createElementVNode("div", {
|
|
60
|
-
class: normalizeClass(["box", { active: _ctx.currentUuid === item.uuid }]),
|
|
61
|
-
style: normalizeStyle({
|
|
62
|
-
background: props.record.options.style?.background,
|
|
63
|
-
border: props.record.options.style?.borderColor === "none" ? "none" : "1px solid " + (props.record.options.style?.borderColor || "transparent"),
|
|
64
|
-
borderRadius: props.record.options.style?.borderRadius + "px",
|
|
65
|
-
padding: props.record.options.style?.tbPadding + "px " + props.record.options.style?.lrPadding + "px",
|
|
66
|
-
justifyContent: props.record.options.style?.alignItems || "start",
|
|
67
|
-
minHeight: props.record.options.style?.minHeight + "px" || "48px",
|
|
68
|
-
boxShadow: props.record.options.style?.boxShadow || null
|
|
69
|
-
}),
|
|
70
|
-
onClick: ($event) => onClickColumns(item)
|
|
71
|
-
}, [
|
|
72
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (element, index2) => {
|
|
73
|
-
return openBlock(), createBlock(FormItem, {
|
|
74
|
-
record: element,
|
|
75
|
-
key: index2,
|
|
76
|
-
recordData: props.recordData,
|
|
77
|
-
columnsIndex: getIndex(item.index),
|
|
78
|
-
onClickEvent: onClick,
|
|
79
|
-
onFileUpdateEvent: onUpdate,
|
|
80
|
-
onClickColumnsEvent: onClickColumns
|
|
81
|
-
}, null, 8, ["record", "recordData", "columnsIndex"]);
|
|
82
|
-
}), 128))
|
|
83
|
-
], 14, _hoisted_1)
|
|
84
|
-
]),
|
|
85
|
-
_: 2
|
|
86
|
-
}, 1032, ["flex", "span", "style"]);
|
|
87
|
-
}), 128))
|
|
88
|
-
]),
|
|
89
|
-
_: 1
|
|
90
|
-
}, 8, ["gutter"])
|
|
91
|
-
], 4);
|
|
92
|
-
};
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
const GridList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6c62c4f"]]);
|
|
96
|
-
export {
|
|
97
|
-
GridList as default
|
|
98
|
-
};
|
|
File without changes
|
|
File without changes
|