super-page-designer 2.3.11-design1 → 2.3.11-design3
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/es/components/design/utils/form-design-util.js +13 -11
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/object-design.vue3.js +49 -48
- package/dist/es/style.css +1 -1
- package/package.json +2 -2
|
@@ -94,16 +94,18 @@ function f(e2) {
|
|
|
94
94
|
}
|
|
95
95
|
return i2.tittleClassCustom && (t2 += " " + i2.tittleClassCustom.replace(/;/g, " ")), t2;
|
|
96
96
|
}
|
|
97
|
-
function
|
|
97
|
+
function u(e2, t2) {
|
|
98
98
|
if (e2.props.base.prop) {
|
|
99
99
|
const i2 = { required: true, message: `${e2.props.base.title}必填`, label: e2.props.base.title };
|
|
100
|
-
|
|
100
|
+
t2 && t2.dataType ? h(t2, i2) : function(e3, t3) {
|
|
101
|
+
e3 && "InputNumber" == e3.name && (t3.type = "number", t3.trigger = "blur");
|
|
102
|
+
}(e2, i2), e2.props.rules.push(i2);
|
|
101
103
|
}
|
|
102
104
|
}
|
|
103
|
-
function
|
|
105
|
+
function d(e2, t2, i2) {
|
|
104
106
|
var _a, _b;
|
|
105
107
|
e2.props.rules = [];
|
|
106
|
-
e2.props.base.prop && t2 && (t2.required &&
|
|
108
|
+
e2.props.base.prop && t2 && (t2.required && u(e2, i2), t2.type && c(e2, t2.type, i2), t2.verifyRegex && t2.regex && b(e2, t2.regex, i2), t2.verifyMaxLength && t2.maxLength && m(e2, "max", t2.maxLength, i2), t2.verifyMinLength && t2.minLength && m(e2, "min", t2.minLength, i2), ((_a = t2.custom) == null ? void 0 : _a.enabled) && ((_b = t2.custom.eventNames) == null ? void 0 : _b.length) > 0 ? e2.props.customRuleEvents = t2.custom.eventNames : e2.props.customRuleEvents = []);
|
|
107
109
|
}
|
|
108
110
|
function c(e2, t2, i2) {
|
|
109
111
|
if (t2) {
|
|
@@ -127,16 +129,16 @@ function g(e2, t2, i2) {
|
|
|
127
129
|
function b(e2, t2, i2) {
|
|
128
130
|
if (e2.props.base.prop) {
|
|
129
131
|
const o2 = { pattern: t2, message: `${e2.props.base.title}格式不匹配`, label: e2.props.base.title, patternType: "pattern" };
|
|
130
|
-
|
|
132
|
+
h(i2, o2), e2.props.rules.push(o2);
|
|
131
133
|
}
|
|
132
134
|
}
|
|
133
|
-
function
|
|
135
|
+
function m(e2, t2, i2, o2) {
|
|
134
136
|
if (e2.props.base.prop) {
|
|
135
137
|
const n2 = { label: e2.props.base.title };
|
|
136
|
-
n2[t2] = i2, n2.message = "max" === t2 ? `${e2.props.base.title}最多只能输入${i2}字符` : `${e2.props.base.title}至少输入${i2}字符`,
|
|
138
|
+
n2[t2] = i2, n2.message = "max" === t2 ? `${e2.props.base.title}最多只能输入${i2}字符` : `${e2.props.base.title}至少输入${i2}字符`, h(o2, n2), e2.props.rules.push(n2);
|
|
137
139
|
}
|
|
138
140
|
}
|
|
139
|
-
function
|
|
141
|
+
function h(e2, t2) {
|
|
140
142
|
if (!e2 || !e2.dataType) return;
|
|
141
143
|
const i2 = e2.dataType;
|
|
142
144
|
"DATE" === i2 || "TIME" === i2 ? t2.type = "date" : "INTEGER" === i2 || "LONG" === i2 ? t2.type = "number" : "FLOAT" === i2 || "DOUBLE" === i2 ? t2.pattern || (t2.pattern = new RegExp("^(-?\\d+)(\\.\\d+)?$")) : "BOOLEAN" === i2 && (t2.type = "boolean"), t2.trigger = "blur";
|
|
@@ -229,9 +231,9 @@ export {
|
|
|
229
231
|
l as removComponentOptionConfigs,
|
|
230
232
|
w as removePropFromRefrencePropMap,
|
|
231
233
|
x as resetConfigIndo,
|
|
232
|
-
|
|
234
|
+
m as watchMaxOrMinValidate,
|
|
233
235
|
b as watchPatternValidate,
|
|
234
|
-
|
|
235
|
-
|
|
236
|
+
u as watchRequiredValidate,
|
|
237
|
+
d as watchValidate,
|
|
236
238
|
c as watchValidateType
|
|
237
239
|
};
|
|
@@ -58,7 +58,7 @@ const $ = { style: { padding: "8px 0px 0px 0px" } }, F = { style: { padding: "8p
|
|
|
58
58
|
}
|
|
59
59
|
return (l2, U2) => {
|
|
60
60
|
const z2 = a("el-option"), q2 = a("el-select"), K = a("el-form-item"), Q = a("el-input"), X = a("el-radio"), Y = a("el-radio-group"), Z = a("el-collapse-item"), ee = a("el-switch"), le = a("el-input-number"), ae = a("el-color-picker"), oe = a("el-divider"), te = a("el-col"), re = a("el-icon"), ue = a("el-tooltip"), se = a("el-checkbox"), pe = a("el-table-column"), me = a("Plus"), de = a("Delete"), ne = a("el-table"), ie = a("el-collapse"), fe = a("el-form");
|
|
61
|
-
return t(), o(fe, { "label-width": "80px", size: "small" }, { default: r(() => [u(ie, { modelValue: P.value, "onUpdate:modelValue": U2[10] || (U2[10] = (e3) => P.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(Z, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", $, [u(K, { label: "组件类型", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.name, "onUpdate:modelValue": U2[0] || (U2[0] = (l3) => e2.configure.name = l3), disabled: "", placeholder: "请选择" }, { default: r(() => [(t(true), p(m, null, d(n(b)(), (e3) => (t(), o(z2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "唯一编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.uuid, "onUpdate:modelValue": U2[1] || (U2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "自定义编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.code, "onUpdate:modelValue": U2[2] || (U2[2] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), u(K, { label: "绑定权限", class: "amb-design-attr-item" }, { default: r(() => [(t(), o(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), u(K, { label: "标题", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.title, "onUpdate:modelValue": U2[3] || (U2[3] = (l3) => e2.configure.title = l3), title: e2.configure.tittle }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "是否导出", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.exportable, "onUpdate:modelValue": U2[4] || (U2[4] = (l3) => e2.configure.exportable = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[11] || (U2[11] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[12] || (U2[12] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(V, { title: "数据", pageDesign: e2.pageDesign, sourceFields: N.value, configure: e2.configure, remote: false, onBindVariableChange: B, onServiceFieldChange: G }, null, 8, ["pageDesign", "sourceFields", "configure"]), u(h, { configureProps: e2.configure.props }, null, 8, ["configureProps"]), u(Z, { title: "列模型", name: "columnModel", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", F, [u(ne, { data: e2.configure.items, style: { width: "100%", "margin-bottom": "8px" }, "row-key": "uuid", onExpandChange: A, "expand-row-keys": W.value }, { default: r(() => [u(pe, { type: "expand", width: "35" }, { default: r((l3) => [u(K, { class: "amb-design-attr-item" }, { label: r(() => U2[13] || (U2[13] = [i(" 显示条件 ")])), default: r(() => [u(O, { paramTypes: ["data", "task", "page", "request"], data: l3.row.showCondition, pageDesign: e2.pageDesign, configure: e2.configure, row: l3.row, "onUpdate:data": L }, null, 8, ["data", "pageDesign", "configure", "row"])]), _: 2 }, 1024), u(K, { class: "amb-design-attr-item", "label-position": "top" }, { label: r(() => U2[14] || (U2[14] = [i(" 数据公式 ")])), default: r(() => [u(Q, { modelValue: l3.row.formula, "onUpdate:modelValue": (e3) => l3.row.formula = e3, type: "textarea", size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "格式化分类", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { onChange: (e3) => {
|
|
61
|
+
return t(), o(fe, { "label-width": "80px", size: "small" }, { default: r(() => [u(ie, { modelValue: P.value, "onUpdate:modelValue": U2[10] || (U2[10] = (e3) => P.value = e3), style: { "margin-top": "6px" } }, { default: r(() => [u(Z, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", $, [u(K, { label: "组件类型", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: e2.configure.name, "onUpdate:modelValue": U2[0] || (U2[0] = (l3) => e2.configure.name = l3), disabled: "", placeholder: "请选择" }, { default: r(() => [(t(true), p(m, null, d(n(b)(), (e3) => (t(), o(z2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(K, { label: "唯一编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.uuid, "onUpdate:modelValue": U2[1] || (U2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "自定义编码", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.code, "onUpdate:modelValue": U2[2] || (U2[2] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), u(K, { label: "绑定权限", class: "amb-design-attr-item" }, { default: r(() => [(t(), o(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), u(K, { label: "标题", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: e2.configure.title, "onUpdate:modelValue": U2[3] || (U2[3] = (l3) => e2.configure.title = l3), title: e2.configure.tittle }, null, 8, ["modelValue", "title"])]), _: 1 }), u(K, { label: "是否导出", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: e2.configure.exportable, "onUpdate:modelValue": U2[4] || (U2[4] = (l3) => e2.configure.exportable = l3), class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[11] || (U2[11] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[12] || (U2[12] = [i("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), u(V, { title: "数据", pageDesign: e2.pageDesign, sourceFields: N.value, configure: e2.configure, remote: false, onBindVariableChange: B, onServiceFieldChange: G }, null, 8, ["pageDesign", "sourceFields", "configure"]), u(h, { configureProps: e2.configure.props }, null, 8, ["configureProps"]), u(Z, { title: "列模型", name: "columnModel", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", F, [u(ne, { data: e2.configure.items, style: { width: "100%", "margin-bottom": "8px" }, "row-key": "uuid", onExpandChange: A, "expand-row-keys": W.value }, { default: r(() => [u(pe, { type: "expand", width: "35" }, { default: r((l3) => [u(K, { class: "amb-design-attr-item" }, { label: r(() => U2[13] || (U2[13] = [i(" 显示条件 ")])), default: r(() => [u(O, { paramTypes: ["data", "task", "page", "request", "fixed"], data: l3.row.showCondition, pageDesign: e2.pageDesign, configure: e2.configure, row: l3.row, "onUpdate:data": L }, null, 8, ["data", "pageDesign", "configure", "row"])]), _: 2 }, 1024), u(K, { class: "amb-design-attr-item", "label-position": "top" }, { label: r(() => U2[14] || (U2[14] = [i(" 数据公式 ")])), default: r(() => [u(Q, { modelValue: l3.row.formula, "onUpdate:modelValue": (e3) => l3.row.formula = e3, type: "textarea", size: "small", placeholder: "请选择" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "格式化分类", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { onChange: (e3) => {
|
|
62
62
|
return a2 = e3, o2 = l3.$index, void (a2 && (I2.configure.items[o2].props.format = { type: a2 }));
|
|
63
63
|
var a2, o2;
|
|
64
64
|
}, modelValue: l3.row.props.format.type, "onUpdate:modelValue": (e3) => l3.row.props.format.type = e3, clearable: "", placeholder: "请选择" }, { default: r(() => [u(z2, { label: "数值", value: "number" }), u(z2, { label: "货币", value: "currency" }), u(z2, { label: "百分比", value: "percent" }), u(z2, { label: "图标/标签", value: "icon" }), u(z2, { label: "进度条控件", value: "progress" }), u(z2, { label: "自定义控件", value: "customControl" }), u(z2, { label: "自定义方法", value: "custom" })]), _: 2 }, 1032, ["onChange", "modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), l3.row.props.format && "number" === l3.row.props.format.type || "currency" === l3.row.props.format.type || "percent" === l3.row.props.format.type ? (t(), o(K, { key: 0, label: "小数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.decimalDigit, "onUpdate:modelValue": (e3) => l3.row.props.format.decimalDigit = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 1, label: "科学计数", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.scientific, "onUpdate:modelValue": (e3) => l3.row.props.format.scientific = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type && l3.row.props.format.scientific ? (t(), o(K, { key: 2, label: "计数位数", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.scientificNum, "onUpdate:modelValue": (e3) => l3.row.props.format.scientificNum = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 3, label: "千位分隔符", class: "amb-design-attr-item" }, { default: r(() => [u(ee, { modelValue: l3.row.props.format.thousandsSeparator, "onUpdate:modelValue": (e3) => l3.row.props.format.thousandsSeparator = e3, "active-text": "使用", "inactive-text": "不使用" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "number" === l3.row.props.format.type ? (t(), o(K, { key: 4, label: "数值符号", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.symbol, "onUpdate:modelValue": (e3) => l3.row.props.format.symbol = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "currency" === l3.row.props.format.type ? (t(), o(K, { key: 5, label: "货币符号", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.currencySymbol, "onUpdate:modelValue": (e3) => l3.row.props.format.currencySymbol = e3, placeholder: "Select" }, { default: r(() => [u(z2, { label: "$", value: "$" }), u(z2, { label: "¥", value: "¥" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "customControl" === l3.row.props.format.type ? (t(), o(K, { key: 6, label: "自定义控件", class: "amb-design-attr-item" }, { default: r(() => [u(Q, { modelValue: l3.row.props.format.customControl, "onUpdate:modelValue": (e3) => l3.row.props.format.customControl = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "icon" === l3.row.props.format.type ? (t(), o(D, { key: 7, setting: l3.row.props.format, "show-event": false }, null, 8, ["setting"])) : f("", true), l3.row.props.format && "custom" === l3.row.props.format.type ? (t(), o(K, { key: 8, label: "自定义方法", class: "amb-design-attr-item" }, { default: r(() => [u(q2, { modelValue: l3.row.props.format.customFunc, "onUpdate:modelValue": (e3) => l3.row.props.format.customFunc = e3, clearable: "" }, { default: r(() => [(t(true), p(m, null, d(n(j)(), (e3) => (t(), o(z2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), l3.row.props.format && "progress" === l3.row.props.format.type ? (t(), p(m, { key: 9 }, [u(K, { label: "进度条高度", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.strokeWidth, "onUpdate:modelValue": (e3) => l3.row.props.format.strokeWidth = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "最大值", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.format.max, "onUpdate:modelValue": (e3) => l3.row.props.format.max = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "进度条类型", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.progressType, "onUpdate:modelValue": (e3) => l3.row.props.format.progressType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "line" }, { default: r(() => U2[15] || (U2[15] = [i("line")])), _: 1 }), u(X, { value: "circle" }, { default: r(() => U2[16] || (U2[16] = [i("circle")])), _: 1 }), u(X, { value: "dashboard" }, { default: r(() => U2[17] || (U2[17] = [i("dashboard")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "显示文字", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.showText, "onUpdate:modelValue": (e3) => l3.row.props.format.showText = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[18] || (U2[18] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[19] || (U2[19] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "line" === l3.row.props.format.progressType ? (t(), o(K, { key: 0, label: "文本内显", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.textInside, "onUpdate:modelValue": (e3) => l3.row.props.format.textInside = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[20] || (U2[20] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[21] || (U2[21] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true), u(K, { label: "进度条状态", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.status, "onUpdate:modelValue": (e3) => l3.row.props.format.status = e3, class: "ml-4" }, { default: r(() => [u(X, { value: null }, { default: r(() => U2[22] || (U2[22] = [i("无")])), _: 1 }), u(X, { value: "success" }, { default: r(() => U2[23] || (U2[23] = [i("success")])), _: 1 }), u(X, { value: "warning" }, { default: r(() => U2[24] || (U2[24] = [i("warning")])), _: 1 }), u(X, { value: "exception" }, { default: r(() => U2[25] || (U2[25] = [i("exception")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "自定义颜色", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.format.colorType, "onUpdate:modelValue": (e3) => l3.row.props.format.colorType = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "default" }, { default: r(() => U2[26] || (U2[26] = [i("默认")])), _: 1 }), u(X, { value: "custom" }, { default: r(() => U2[27] || (U2[27] = [i("指定颜色")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), "custom" === l3.row.props.format.colorType ? (t(), o(K, { key: 1, label: "颜色" }, { default: r(() => [u(ae, { modelValue: l3.row.props.format.color, "onUpdate:modelValue": (e3) => l3.row.props.format.color = e3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)) : f("", true)], 64)) : f("", true), u(oe, null, { default: r(() => U2[28] || (U2[28] = [i("列属性")])), _: 1 }), u(K, { label: "列宽", class: "amb-design-attr-item" }, { default: r(() => [u(le, { modelValue: l3.row.props.base.width, "onUpdate:modelValue": (e3) => l3.row.props.base.width = e3, class: "mx-4", min: 0, "controls-position": "right" }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "标题对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.headerAlign, "onUpdate:modelValue": (e3) => l3.row.props.base.headerAlign = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[29] || (U2[29] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[30] || (U2[30] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[31] || (U2[31] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "内容对齐", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.align, "onUpdate:modelValue": (e3) => l3.row.props.base.align = e3, class: "ml-4" }, { default: r(() => [u(X, { value: "left" }, { default: r(() => U2[32] || (U2[32] = [i("居左")])), _: 1 }), u(X, { value: "center" }, { default: r(() => U2[33] || (U2[33] = [i("居中")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[34] || (U2[34] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "固定列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.fixed, "onUpdate:modelValue": (e3) => l3.row.props.base.fixed = e3, class: "ml-4" }, { default: r(() => [u(X, { value: false }, { default: r(() => U2[35] || (U2[35] = [i("否")])), _: 1 }), u(X, { value: "left" }, { default: r(() => U2[36] || (U2[36] = [i("居左")])), _: 1 }), u(X, { value: "right" }, { default: r(() => U2[37] || (U2[37] = [i("居右")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "可排序", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.sortable, "onUpdate:modelValue": (e3) => l3.row.props.base.sortable = e3, class: "ml-4" }, { default: r(() => [u(X, { value: true }, { default: r(() => U2[38] || (U2[38] = [i("是")])), _: 1 }), u(X, { value: false }, { default: r(() => U2[39] || (U2[39] = [i("否")])), _: 1 })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024), u(K, { label: "汇总列", class: "amb-design-attr-item" }, { default: r(() => [u(Y, { modelValue: l3.row.props.base.collectColumn, "onUpdate:modelValue": (e3) => l3.row.props.base.collectColumn = e3, onChange: (e3) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./object-design.vue3.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const t = o(e, [["__scopeId", "data-v-
|
|
4
|
+
const t = o(e, [["__scopeId", "data-v-3ebfab9d"]]);
|
|
5
5
|
export {
|
|
6
6
|
t as default
|
|
7
7
|
};
|
|
@@ -1,44 +1,42 @@
|
|
|
1
|
-
import { defineComponent as e, onUnmounted as i, watch as n, ref as
|
|
1
|
+
import { defineComponent as e, onUnmounted as i, watch as n, ref as r, computed as o, onMounted as s, resolveComponent as t, createElementBlock as u, openBlock as g, normalizeStyle as a, normalizeClass as p, createBlock as c, withDirectives as l, resolveDynamicComponent as f, withModifiers as d, createElementVNode as m, createVNode as D, withCtx as v, unref as b, vShow as h } from "vue";
|
|
2
2
|
import { CopyDocument as x, Delete as y } from "@element-plus/icons";
|
|
3
3
|
import j from "./error-design.vue.js";
|
|
4
4
|
import { getDesignComponentByName as C } from "../../utils/assemblys-config.js";
|
|
5
5
|
import { caculateCommonStyle as W } from "../../utils/container-design-util.js";
|
|
6
6
|
import { PageDimensions as k } from "../../utils/interfaces/page-design-types.js";
|
|
7
7
|
import { batchUpdatePermissions as O, batchRemovePermissions as S } from "../../utils/page-permission-util.js";
|
|
8
|
-
import { watchValidate as P, getRefrencePropMap as
|
|
8
|
+
import { watchValidate as P, getRefrencePropMap as B, removePropFromRefrencePropMap as M } from "../../utils/form-design-util.js";
|
|
9
9
|
import { usePageContextStore as T } from "../../../../stores/page-store.js";
|
|
10
10
|
import { getListCode as w } from "super-page-runtime";
|
|
11
11
|
import { getFormPropName as U } from "../../utils/page-helper-util.js";
|
|
12
12
|
import { updateServiceInputs as _ } from "../../utils/chart-design-util.js";
|
|
13
13
|
const I = { class: "amb-widget-item-tool" }, N = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false }, isTableBtnLink: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: N2 }) {
|
|
14
|
-
var _a, _b
|
|
14
|
+
var _a, _b;
|
|
15
15
|
const R = T(), q = e2;
|
|
16
16
|
if ("table" === q.configure.name && q.pageDesign.tableRuntimes && q.pageDesign.tableRuntimes[q.configure.uuid]) {
|
|
17
17
|
const e3 = q.pageDesign.tableRuntimes[q.configure.uuid].configure, i2 = JSON.parse(e3);
|
|
18
18
|
Object.assign(q.configure, i2), delete q.pageDesign.tableRuntimes[q.configure.uuid];
|
|
19
19
|
}
|
|
20
|
-
q.indexObj && q.indexObj.index++, null == q.configure.props && (q.configure.props = {}), null == q.configure.style && (q.configure.style = {})
|
|
21
|
-
let z = R.getModelField(U((_b = (_a = q.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.prop));
|
|
22
|
-
if (q.pageDesign && q.configure && "table" == q.configure.name) {
|
|
20
|
+
if (q.indexObj && q.indexObj.index++, null == q.configure.props && (q.configure.props = {}), null == q.configure.style && (q.configure.style = {}), q.pageDesign && q.configure && "table" == q.configure.name) {
|
|
23
21
|
if (q.configure.uuid) {
|
|
24
22
|
q.pageDesign.tableUuids || (q.pageDesign.tableUuids = []);
|
|
25
23
|
const e3 = setTimeout(() => {
|
|
26
|
-
var _a2, _b2,
|
|
27
|
-
((_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(q.configure.uuid)) || ((
|
|
24
|
+
var _a2, _b2, _c, _d;
|
|
25
|
+
((_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(q.configure.uuid)) || ((_d = (_c = q.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.push(q.configure.uuid)), z(q.configure.code);
|
|
28
26
|
}, 500);
|
|
29
27
|
i(() => {
|
|
30
|
-
var _a2, _b2,
|
|
28
|
+
var _a2, _b2, _c, _d;
|
|
31
29
|
const i2 = (_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.indexOf(q.configure.uuid);
|
|
32
|
-
null != i2 && i2 > -1 && ((
|
|
30
|
+
null != i2 && i2 > -1 && ((_d = (_c = q.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.shift(i2, 1));
|
|
33
31
|
const n2 = w(q.pageDesign.code, q.pageDesign.version, q.configure.uuid);
|
|
34
32
|
q.pageDesign.listCodesMap && q.pageDesign.listCodesMap[n2] && delete q.pageDesign.listCodesMap[n2], q.pageDesign.subTableWatchProps && delete q.pageDesign.subTableWatchProps[q.configure.uuid], e3 && clearTimeout(e3);
|
|
35
33
|
});
|
|
36
34
|
}
|
|
37
35
|
n(() => q.configure.code, (e3) => {
|
|
38
|
-
|
|
36
|
+
z(e3);
|
|
39
37
|
});
|
|
40
38
|
}
|
|
41
|
-
function
|
|
39
|
+
function z(e3) {
|
|
42
40
|
q.pageDesign.listCodesMap || (q.pageDesign.listCodesMap = {});
|
|
43
41
|
const i2 = w(q.pageDesign.code, q.pageDesign.version, q.configure.uuid);
|
|
44
42
|
i2 && (q.pageDesign.listCodesMap[i2] = e3 || i2);
|
|
@@ -56,25 +54,24 @@ const I = { class: "amb-widget-item-tool" }, N = e({ __name: "object-design", pr
|
|
|
56
54
|
e3.forEach((e4) => {
|
|
57
55
|
void 0 !== e4.paramName && "" !== e4.paramName && null !== e4.paramName && void 0 !== e4.paramValue && "" !== e4.paramValue && null !== e4.paramValue && (i2[e4.paramName] = e4.paramValue);
|
|
58
56
|
}), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.customParams = i2;
|
|
59
|
-
}, { immediate: true }), ((
|
|
57
|
+
}, { immediate: true }), ((_b = (_a = q.configure.props) == null ? void 0 : _a.dataOrigin) == null ? void 0 : _b.serviceInputs) && q.pageDesign && n(q.configure.props.dataOrigin.serviceInputs, (e3) => {
|
|
60
58
|
_(q.configure, e3);
|
|
61
59
|
}, { immediate: true }), q.configure.componentIndex = q.indexObj.index;
|
|
62
|
-
let
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
const
|
|
66
|
-
null ==
|
|
67
|
-
|
|
60
|
+
let H = q.indexObj.index;
|
|
61
|
+
const L = N2, V = r({});
|
|
62
|
+
V.value = C(q.configure.name);
|
|
63
|
+
const A = r(true);
|
|
64
|
+
null == V.value && (V.value = j, A.value = false), n(() => q.configure.name, (e3) => {
|
|
65
|
+
V.value = C(e3);
|
|
68
66
|
}), q.configure.props && q.configure.props.verification && (q.configure.props.base && q.configure.props.base.title && n(() => q.configure.props.base.title, (e3) => {
|
|
69
|
-
P(q.configure, q.configure.props.verification,
|
|
67
|
+
P(q.configure, q.configure.props.verification, ne());
|
|
70
68
|
}), q.configure.props.base && q.configure.props.base.prop && (n(() => q.configure.props.base.prop, (e3, i2) => {
|
|
71
|
-
|
|
72
|
-
z || (z = R.getModelField(U((_b2 = (_a2 = q.configure.props) == null ? void 0 : _a2.base) == null ? void 0 : _b2.prop))), P(q.configure, q.configure.props.verification, z), q.pageDesign.runtime || (q.pageDesign.runtime = {}), q.pageDesign.runtime.refercePropMap || (q.pageDesign.runtime.refercePropMap = {}), M(e3, i2, q.pageDesign.runtime.refercePropMap);
|
|
69
|
+
P(q.configure, q.configure.props.verification, ne()), q.pageDesign.runtime || (q.pageDesign.runtime = {}), q.pageDesign.runtime.refercePropMap || (q.pageDesign.runtime.refercePropMap = {}), B(e3, i2, q.pageDesign.runtime.refercePropMap);
|
|
73
70
|
}), i(() => {
|
|
74
71
|
var _a2, _b2;
|
|
75
|
-
|
|
72
|
+
M(q.configure.props.base.prop, (_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.runtime) == null ? void 0 : _b2.refercePropMap);
|
|
76
73
|
})), n(q.configure.props.verification, (e3, i2) => {
|
|
77
|
-
P(q.configure, e3,
|
|
74
|
+
P(q.configure, e3, ne());
|
|
78
75
|
})), q.pageDesign.props && n(() => q.pageDesign.props.activeWorkflow, (e3, i2) => {
|
|
79
76
|
if (e3) {
|
|
80
77
|
const e4 = q.configure.props && q.configure.props.rules ? q.configure.props.rules.filter((e5) => e5.required) : null;
|
|
@@ -83,57 +80,61 @@ const I = { class: "amb-widget-item-tool" }, N = e({ __name: "object-design", pr
|
|
|
83
80
|
}), q.configure.props && q.configure.props.verification && q.configure.props.verification.required && (q.configure.props.verification.required = false);
|
|
84
81
|
}
|
|
85
82
|
});
|
|
86
|
-
const
|
|
87
|
-
function
|
|
88
|
-
W(q.configure,
|
|
83
|
+
const E = r(null), F = r({}), J = r(""), G = r({});
|
|
84
|
+
function K() {
|
|
85
|
+
W(q.configure, F, J), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.common || (q.configure.runtime.common = {}), q.configure.runtime.common.class = J.value, q.configure.runtime.common.style = F.value;
|
|
89
86
|
}
|
|
90
87
|
if (q.configure.props && q.configure.props && (n(q.configure.props.size, (e3) => {
|
|
91
|
-
|
|
88
|
+
K();
|
|
92
89
|
}), n(() => q.configure.props.position, (e3) => {
|
|
93
|
-
|
|
90
|
+
K();
|
|
94
91
|
}, { immediate: true })), q.configure.style && q.configure.style && n(q.configure.style, () => {
|
|
95
|
-
|
|
92
|
+
K();
|
|
96
93
|
}), q.configure.props) {
|
|
97
94
|
q.configure.props.size || (q.configure.props.size = {});
|
|
98
95
|
const e3 = q.configure.props.size;
|
|
99
96
|
let i2 = e3[k.PC];
|
|
100
97
|
i2 || (i2 = {}, e3[k.PC] = i2), 0 == Object.keys(i2).length && (i2.widthType = e3.widthType, i2.flexSpan = e3.flexSpan, i2.fixWidth = e3.fixWidth, i2.fixHeight = e3.fixHeight, delete e3.widthType, delete e3.flexSpan, delete e3.fixWidth, delete e3.fixHeight);
|
|
101
98
|
}
|
|
102
|
-
const
|
|
103
|
-
const e3 =
|
|
104
|
-
if (
|
|
99
|
+
const Q = o(() => {
|
|
100
|
+
const e3 = F.value;
|
|
101
|
+
if (G.value = {}, !e3 || !q.pageDesign) return {};
|
|
105
102
|
const i2 = {};
|
|
106
103
|
q.configure.design && q.configure.design.style && Object.assign(i2, q.configure.design.style);
|
|
107
|
-
const n2 = q.pageDesign.dimensions ? q.pageDesign.dimensions : "pc",
|
|
108
|
-
return
|
|
104
|
+
const n2 = q.pageDesign.dimensions ? q.pageDesign.dimensions : "pc", r2 = e3[n2 + "_style"];
|
|
105
|
+
return r2 && (i2.width = r2.width, i2.height = r2.height, G.value = { height: r2.height }), J.value = e3[n2 + "_class"], i2;
|
|
109
106
|
});
|
|
110
107
|
n(q.selectWidget, (e3) => {
|
|
111
|
-
e3 && e3.value ==
|
|
108
|
+
e3 && e3.value == H ? X.value = "amb-design-item-selected" : X.value = "";
|
|
112
109
|
});
|
|
113
|
-
const
|
|
114
|
-
function
|
|
115
|
-
e3 && e3.preventDefault(),
|
|
110
|
+
const X = r("");
|
|
111
|
+
function Y(e3) {
|
|
112
|
+
e3 && e3.preventDefault(), L("onSelectWidget", H, q.configure);
|
|
113
|
+
}
|
|
114
|
+
function Z(e3, i2) {
|
|
115
|
+
L("onSelectWidget", e3, i2);
|
|
116
116
|
}
|
|
117
117
|
function $(e3, i2) {
|
|
118
|
-
|
|
118
|
+
L("onCustomAttrWidget", e3, i2);
|
|
119
119
|
}
|
|
120
|
-
function ee(e3
|
|
121
|
-
|
|
120
|
+
function ee(e3) {
|
|
121
|
+
e3.preventDefault(), L("onCopy", q.configure);
|
|
122
122
|
}
|
|
123
123
|
function ie(e3) {
|
|
124
|
-
e3.preventDefault(),
|
|
125
|
-
}
|
|
126
|
-
function ne(e3) {
|
|
127
|
-
if (e3.preventDefault(), V("onDelete", q.configure), q.pageDesign.allChartUuids) {
|
|
124
|
+
if (e3.preventDefault(), L("onDelete", q.configure), q.pageDesign.allChartUuids) {
|
|
128
125
|
const e4 = q.pageDesign.allChartUuids.findIndex((e5) => e5 === q.configure.uuid);
|
|
129
126
|
e4 >= 0 && q.pageDesign.allChartUuids.splice(e4, 1);
|
|
130
127
|
}
|
|
131
128
|
}
|
|
129
|
+
function ne() {
|
|
130
|
+
var _a2, _b2;
|
|
131
|
+
return R.getModelField(U((_b2 = (_a2 = q.configure.props) == null ? void 0 : _a2.base) == null ? void 0 : _b2.prop));
|
|
132
|
+
}
|
|
132
133
|
return s(() => {
|
|
133
|
-
q.configure.props && q.configure.props.isInit && (delete q.configure.props.isInit,
|
|
134
|
+
q.configure.props && q.configure.props.isInit && (delete q.configure.props.isInit, L("onSelectWidget", H, q.configure));
|
|
134
135
|
}), (e3, i2) => {
|
|
135
136
|
const n2 = t("el-icon");
|
|
136
|
-
return g(), u("div", { class: p(["amb-object-design-ref",
|
|
137
|
+
return g(), u("div", { class: p(["amb-object-design-ref", J.value]), style: a([{ position: "relative" }, Q.value]), ref_key: "thisRef", ref: E }, [(g(), c(f(V.value), { style: a([F.value, G.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: d(Y, ["stop"]), onHandleSelect: Y, class: p([[X.value], "amb-design-item"]), isTableBtnLink: q.isTableBtnLink, onOnSelectWidget: Z, onOnCustomAttrWidget: $ }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class", "isTableBtnLink"])), l(m("span", I, [l(D(n2, { onClick: d(ee, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, A.value]]), D(n2, { onClick: d(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, X.value && e3.showSelectedClass]])], 6);
|
|
137
138
|
};
|
|
138
139
|
} });
|
|
139
140
|
export {
|
package/dist/es/style.css
CHANGED
|
@@ -830,7 +830,7 @@ fieldset.amb-design-item-selected {
|
|
|
830
830
|
content: "\e605";
|
|
831
831
|
}
|
|
832
832
|
|
|
833
|
-
.amb-object-design-ref[data-v-
|
|
833
|
+
.amb-object-design-ref[data-v-3ebfab9d] .el-table td.el-table__cell > .cell {
|
|
834
834
|
padding-left: 2px;
|
|
835
835
|
padding-right: 2px;
|
|
836
836
|
}.runtime-page-container[data-v-f796b484] {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.3.11-
|
|
3
|
+
"version": "2.3.11-design3",
|
|
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.49",
|
|
33
33
|
"echarts": "^5.5.0",
|
|
34
34
|
"element-plus": "^2.6.1",
|
|
35
35
|
"font-awesome": "^4.7.0",
|