super-page-designer 2.2.41 → 2.2.43
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.
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
1
|
+
import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as u, withCtx as i, createVNode as t, createElementVNode as n, withDirectives as p, createCommentVNode as r, createTextVNode as c, toDisplayString as s, vShow as d, unref as m } from "vue";
|
|
2
|
+
import f from "../../common/common-attr-size.vue.js";
|
|
3
|
+
import g from "../../common/common-function-code.vue.js";
|
|
4
|
+
import b from "../../common/common-icon-bind.vue.js";
|
|
5
|
+
import V from "../../common/common-i18n-key-input.vue.js";
|
|
6
|
+
import { Close as v, Check as x } from "@element-plus/icons-vue";
|
|
7
|
+
const y = { style: { padding: "8px 0px 0px 0px" } }, _ = e({ __name: "card-attr-base", props: { configure: { type: Object, default: {} }, pageDesign: { type: Object, default: () => {
|
|
7
8
|
} } }, setup(e2) {
|
|
8
|
-
const
|
|
9
|
-
return (l2,
|
|
10
|
-
const
|
|
11
|
-
return
|
|
12
|
-
|
|
13
|
-
}(e3, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 }),
|
|
9
|
+
const _2 = e2, h = l(["1", "attrSize"]);
|
|
10
|
+
return (l2, w) => {
|
|
11
|
+
const U = o("el-text"), C = o("el-form-item"), j = o("el-input"), z = o("el-radio"), S = o("el-radio-group"), F = o("el-switch"), T = o("el-option"), k = o("el-select"), J = o("el-collapse-item"), O = o("el-collapse"), D = o("el-form");
|
|
12
|
+
return u(), a(D, { "label-width": "80px", size: "small" }, { default: i(() => [t(O, { modelValue: h.value, "onUpdate:modelValue": w[9] || (w[9] = (e3) => h.value = e3), style: { "margin-top": "6px" } }, { default: i(() => [t(J, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: i(() => [n("div", y, [t(C, { label: "组件类型" }, { default: i(() => [t(U, null, { default: i(() => [c(s(e2.configure.label) + "(" + s(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), t(C, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: i(() => [t(j, { modelValue: e2.configure.uuid, "onUpdate:modelValue": w[0] || (w[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), t(C, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: i(() => [t(j, { modelValue: e2.configure.code, "onUpdate:modelValue": w[1] || (w[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), t(C, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: i(() => [t(g, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), t(C, { label: "标题显示", style: { "margin-top": "-10px" } }, { default: i(() => [t(S, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": w[2] || (w[2] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: i(() => [t(z, { value: true }, { default: i(() => w[10] || (w[10] = [c("显示")])), _: 1 }), t(z, { value: false }, { default: i(() => w[11] || (w[11] = [c("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(t(C, { label: "标题", style: { "margin-top": "-10px" } }, { default: i(() => [t(V, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": w[3] || (w[3] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[d, e2.configure.props.base.tittleShow]]), t(C, { label: "标题图标", style: { "margin-top": "-10px" } }, { default: i(() => [t(b, { iconType: e2.configure.props.iconType, iconValue: e2.configure.props.iconValue, "onUpdate:modelValue": w[4] || (w[4] = (e3, l3) => function(e4, l4) {
|
|
13
|
+
_2.configure.props.iconType = e4, _2.configure.props.iconValue = l4;
|
|
14
|
+
}(e3, l3)) }, null, 8, ["iconType", "iconValue"])]), _: 1 }), t(C, { label: "折叠面板" }, { default: i(() => [t(F, { modelValue: e2.configure.props.isCollapse, "onUpdate:modelValue": w[5] || (w[5] = (l3) => e2.configure.props.isCollapse = l3), "inline-prompt": "", "active-icon": m(x), "inactive-icon": m(v) }, null, 8, ["modelValue", "active-icon", "inactive-icon"])]), _: 1 }), e2.configure.props.isCollapse ? (u(), a(C, { key: 0, label: "面板展开" }, { default: i(() => [t(F, { modelValue: e2.configure.props.isCollapseShow, "onUpdate:modelValue": w[6] || (w[6] = (l3) => e2.configure.props.isCollapseShow = l3), disabled: !e2.configure.props.isCollapse, "inline-prompt": "", "active-icon": m(x), "inactive-icon": m(v) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 })) : r("", true), t(C, { label: "Flex布局" }, { default: i(() => [t(F, { modelValue: e2.configure.props.isFlex, "onUpdate:modelValue": w[7] || (w[7] = (l3) => e2.configure.props.isFlex = l3) }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.props.isFlex ? (u(), a(C, { key: 1, label: "水平对齐", style: { "margin-bottom": "-10px", "margin-top": "18px" } }, { default: i(() => [t(k, { modelValue: e2.configure.props.flexJustify, "onUpdate:modelValue": w[8] || (w[8] = (l3) => e2.configure.props.flexJustify = l3), placeholder: "默认", clearable: "" }, { default: i(() => [t(T, { label: "start", value: "start" }), t(T, { label: "center", value: "center" }), t(T, { label: "space-between", value: "space-between" }), t(T, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : r("", true)])]), _: 1 }), t(f, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
14
15
|
};
|
|
15
16
|
} });
|
|
16
17
|
export {
|
|
17
|
-
|
|
18
|
+
_ as default
|
|
18
19
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createBlock as
|
|
2
|
-
import { ElCard as
|
|
3
|
-
import { useDraggable as
|
|
4
|
-
import
|
|
1
|
+
import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createBlock as s, openBlock as r, unref as l, normalizeStyle as u, normalizeClass as c, createSlots as g, withCtx as a, createElementVNode as f, createElementBlock as p, Fragment as m, renderList as d, createCommentVNode as y, createTextVNode as b, toDisplayString as x, reactive as v } from "vue";
|
|
2
|
+
import { ElCard as h } from "element-plus";
|
|
3
|
+
import { useDraggable as j } from "vue-draggable-plus";
|
|
4
|
+
import O from "../../object-design.vue.js";
|
|
5
5
|
import { deepCopy as W, getUuidv4 as S } from "../../../../utils/common-util.js";
|
|
6
|
-
import { caculateComponentStyle as
|
|
7
|
-
import { copyHandleEvents as
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
J(), i(
|
|
6
|
+
import { caculateComponentStyle as C } from "../../../../utils/container-design-util.js";
|
|
7
|
+
import { copyHandleEvents as D, deleteDesignItem as _ } from "../../../../utils/page-design-util.js";
|
|
8
|
+
const k = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: k2 }) {
|
|
9
|
+
const w = e2;
|
|
10
|
+
w.configure.items || (w.configure.items = []), w.configure.props = { isCollapse: true, isCollapseShow: true, ...w.configure.props ?? {} };
|
|
11
|
+
const T = t({}), V = t(""), A = t({});
|
|
12
|
+
J(), i(w.configure.style, () => {
|
|
13
13
|
J();
|
|
14
14
|
});
|
|
15
|
-
const F = n(() => [...
|
|
15
|
+
const F = n(() => [...w.configure.items]);
|
|
16
16
|
function J() {
|
|
17
|
-
|
|
17
|
+
C(w.configure, T, V, A), w.configure.runtime || (w.configure.runtime = {}), w.configure.runtime.style = T.value, w.configure.runtime.class = V.value, w.configure.runtime.headerStyle = A.value;
|
|
18
18
|
}
|
|
19
19
|
i(F, (e3, t2) => {
|
|
20
|
-
e3.length > t2.length && B(
|
|
20
|
+
e3.length > t2.length && B(w.indexObj.index, e3[e3.length - 1]);
|
|
21
21
|
}, { important: true, deep: true });
|
|
22
22
|
const I = t({});
|
|
23
|
-
|
|
23
|
+
i(w.configure.props, () => {
|
|
24
24
|
!function() {
|
|
25
|
-
const e3 =
|
|
25
|
+
const e3 = w.configure.props, t2 = {};
|
|
26
26
|
e3.isFlex && (t2.display = "flex", t2["flex-wrap"] = "wrap", t2["align-content"] = "flex-start", e3.flexJustify && (t2["justify-content"] = e3.flexJustify));
|
|
27
|
-
I.value = t2,
|
|
27
|
+
I.value = t2, w.configure.runtime.contentStyle = t2;
|
|
28
28
|
}();
|
|
29
29
|
}, { immediate: true });
|
|
30
|
-
const P = t(null), { start: q } =
|
|
30
|
+
const P = t(null), { start: q } = j(P, w.configure.items, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: { name: "amb-assembly-item" }, animation: 300, ghostClass: "amb-item-ghost", forceFallback: true }), z = k2;
|
|
31
31
|
function B(e3, t2) {
|
|
32
32
|
z("onSelectWidget", e3, t2);
|
|
33
33
|
}
|
|
@@ -35,22 +35,22 @@ const C = e({ __name: "card-design", props: { pageDesign: {}, configure: {}, ind
|
|
|
35
35
|
z("onCustomAttrWidget", e3, t2);
|
|
36
36
|
}
|
|
37
37
|
function G(e3) {
|
|
38
|
-
let t2 =
|
|
38
|
+
let t2 = w.configure.items;
|
|
39
39
|
const i2 = t2.indexOf(e3);
|
|
40
40
|
if (i2 > -1) {
|
|
41
41
|
const n2 = v(W(e3));
|
|
42
|
-
n2.uuid = S(),
|
|
42
|
+
n2.uuid = S(), D(n2), t2.splice(i2, 0, n2);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
function H(e3) {
|
|
46
|
-
let t2 =
|
|
47
|
-
|
|
46
|
+
let t2 = w.configure.items;
|
|
47
|
+
_(t2, e3, e3.items && e3.items.length > 0, true);
|
|
48
48
|
}
|
|
49
49
|
return (e3, t2) => {
|
|
50
50
|
const i2 = o("SuperIcon");
|
|
51
|
-
return
|
|
51
|
+
return r(), s(l(h), { class: c(["amb-design-item-default", V.value]), style: u(T.value) }, g({ default: a(() => [f("div", { ref_key: "ambDragParent", ref: P, class: "amb-design-item-default", style: u([{ "padding-bottom": "40px" }, I.value]) }, [(r(true), p(m, null, d(e3.configure.items, (t3, i3) => (r(), s(O, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: B, onOnCustomAttrWidget: E, onOnCopy: G, onOnDelete: H }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: a(() => [f("div", { style: u(A.value) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), s(i2, { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), b(" " + x(e3.configure.props.base.title), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]);
|
|
52
52
|
};
|
|
53
53
|
} });
|
|
54
54
|
export {
|
|
55
|
-
|
|
55
|
+
k as default
|
|
56
56
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.43",
|
|
4
4
|
"description": "AgileBuilder super page designer",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"main": "dist/es/index.js",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
30
30
|
"@vueuse/core": "^10.9.0",
|
|
31
31
|
"agilebuilder-private-libs": "1.0.26",
|
|
32
|
-
"agilebuilder-ui": "1.1.
|
|
32
|
+
"agilebuilder-ui": "1.1.14",
|
|
33
33
|
"echarts": "^5.5.0",
|
|
34
34
|
"element-plus": "^2.6.1",
|
|
35
35
|
"font-awesome": "^4.7.0",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"qrcode": "^1.5.3",
|
|
42
42
|
"quill": "^2.0.1",
|
|
43
43
|
"service-flow-designer": "2.2.33",
|
|
44
|
-
"super-page-runtime": "2.2.
|
|
44
|
+
"super-page-runtime": "2.2.42",
|
|
45
45
|
"uuid": "^9.0.1",
|
|
46
46
|
"vite": "^5.1.6",
|
|
47
47
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|