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.
@@ -94,16 +94,18 @@ function f(e2) {
94
94
  }
95
95
  return i2.tittleClassCustom && (t2 += " " + i2.tittleClassCustom.replace(/;/g, " ")), t2;
96
96
  }
97
- function d(e2, t2) {
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
- m(t2, i2), e2.props.rules.push(i2);
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 u(e2, t2, i2) {
105
+ function d(e2, t2, i2) {
104
106
  var _a, _b;
105
107
  e2.props.rules = [];
106
- e2.props.base.prop && t2 && (t2.required && d(e2, i2), t2.type && c(e2, t2.type, i2), t2.verifyRegex && t2.regex && b(e2, t2.regex, i2), t2.verifyMaxLength && t2.maxLength && h(e2, "max", t2.maxLength, i2), t2.verifyMinLength && t2.minLength && h(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 = []);
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
- m(i2, o2), e2.props.rules.push(o2);
132
+ h(i2, o2), e2.props.rules.push(o2);
131
133
  }
132
134
  }
133
- function h(e2, t2, i2, o2) {
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}字符`, m(o2, n2), e2.props.rules.push(n2);
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 m(e2, t2) {
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
- h as watchMaxOrMinValidate,
234
+ m as watchMaxOrMinValidate,
233
235
  b as watchPatternValidate,
234
- d as watchRequiredValidate,
235
- u as watchValidate,
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-06007c80"]]);
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 o, computed as r, 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";
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 M, removePropFromRefrencePropMap as B } from "../../utils/form-design-util.js";
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, _c, _d;
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, _c2, _d2;
27
- ((_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(q.configure.uuid)) || ((_d2 = (_c2 = q.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.push(q.configure.uuid)), H(q.configure.code);
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, _c2, _d2;
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 && ((_d2 = (_c2 = q.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.shift(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
- H(e3);
36
+ z(e3);
39
37
  });
40
38
  }
41
- function H(e3) {
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 }), ((_d = (_c = q.configure.props) == null ? void 0 : _c.dataOrigin) == null ? void 0 : _d.serviceInputs) && q.pageDesign && n(q.configure.props.dataOrigin.serviceInputs, (e3) => {
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 L = q.indexObj.index;
63
- const V = N2, A = o({});
64
- A.value = C(q.configure.name);
65
- const E = o(true);
66
- null == A.value && (A.value = j, E.value = false), n(() => q.configure.name, (e3) => {
67
- A.value = C(e3);
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, z);
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
- var _a2, _b2;
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
- B(q.configure.props.base.prop, (_b2 = (_a2 = q.pageDesign) == null ? void 0 : _a2.runtime) == null ? void 0 : _b2.refercePropMap);
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, z);
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 F = o(null), J = o({}), G = o(""), K = o({});
87
- function Q() {
88
- W(q.configure, J, G), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.common || (q.configure.runtime.common = {}), q.configure.runtime.common.class = G.value, q.configure.runtime.common.style = J.value;
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
- Q();
88
+ K();
92
89
  }), n(() => q.configure.props.position, (e3) => {
93
- Q();
90
+ K();
94
91
  }, { immediate: true })), q.configure.style && q.configure.style && n(q.configure.style, () => {
95
- Q();
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 X = r(() => {
103
- const e3 = J.value;
104
- if (K.value = {}, !e3 || !q.pageDesign) return {};
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", o2 = e3[n2 + "_style"];
108
- return o2 && (i2.width = o2.width, i2.height = o2.height, K.value = { height: o2.height }), G.value = e3[n2 + "_class"], i2;
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 == L ? Y.value = "amb-design-item-selected" : Y.value = "";
108
+ e3 && e3.value == H ? X.value = "amb-design-item-selected" : X.value = "";
112
109
  });
113
- const Y = o("");
114
- function Z(e3) {
115
- e3 && e3.preventDefault(), V("onSelectWidget", L, q.configure);
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
- V("onSelectWidget", e3, i2);
118
+ L("onCustomAttrWidget", e3, i2);
119
119
  }
120
- function ee(e3, i2) {
121
- V("onCustomAttrWidget", e3, i2);
120
+ function ee(e3) {
121
+ e3.preventDefault(), L("onCopy", q.configure);
122
122
  }
123
123
  function ie(e3) {
124
- e3.preventDefault(), V("onCopy", q.configure);
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, V("onSelectWidget", L, q.configure));
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", G.value]), style: a([{ position: "relative" }, X.value]), ref_key: "thisRef", ref: F }, [(g(), c(f(A.value), { style: a([J.value, K.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: d(Z, ["stop"]), onHandleSelect: Z, class: p([[Y.value], "amb-design-item"]), isTableBtnLink: q.isTableBtnLink, onOnSelectWidget: $, onOnCustomAttrWidget: ee }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class", "isTableBtnLink"])), l(m("span", I, [l(D(n2, { onClick: d(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, E.value]]), D(n2, { onClick: d(ne, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, Y.value && e3.showSelectedClass]])], 6);
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-06007c80] .el-table td.el-table__cell > .cell {
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-design1",
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.48",
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",