super-page-designer 2.3.19-sit1-design1 → 2.3.19-sit2-desgin1
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/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/container/form/form-attr-base.vue.js +9 -9
- package/dist/es/components/design/views/assemblys/container/form/form-design.vue2.js +15 -15
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +15 -15
- package/dist/es/components/design/views/assemblys/page/page-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/design/page-design.vue2.js +23 -23
- package/dist/es/components/design/views/design/page-event/{config.vue2.js → config.vue.js} +1 -1
- package/dist/es/components/design/views/design/page-event/page-event-content.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue2.js +16 -18
- package/dist/es/style.css +6 -1
- package/package.json +5 -5
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +0 -0
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
return (l2,
|
|
7
|
-
const
|
|
8
|
-
return
|
|
1
|
+
import { defineComponent as e, ref as l, resolveComponent as o, createBlock as a, openBlock as t, withCtx as u, createVNode as r, createElementVNode as d, createCommentVNode as i, createTextVNode as p, toDisplayString as n } from "vue";
|
|
2
|
+
import m from "../../common/common-attr-size.vue.js";
|
|
3
|
+
import f from "../../common/common-function-code.vue.js";
|
|
4
|
+
const s = { style: { padding: "8px 0px 0px 0px" } }, c = e({ __name: "form-attr-base", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
5
|
+
const c2 = l(["1", "attrSize"]);
|
|
6
|
+
return (l2, g) => {
|
|
7
|
+
const V = o("el-text"), _ = o("el-form-item"), b = o("el-input"), x = o("el-radio-button"), y = o("el-radio-group"), h = o("el-switch"), v = o("el-collapse-item"), z = o("el-collapse"), U = o("el-form");
|
|
8
|
+
return t(), a(U, { "label-width": "80px", size: "small" }, { default: u(() => [r(z, { modelValue: c2.value, "onUpdate:modelValue": g[7] || (g[7] = (e3) => c2.value = e3), style: { "margin-top": "6px" } }, { default: u(() => [r(v, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: u(() => [d("div", s, [r(_, { label: "组件类型" }, { default: u(() => [r(V, null, { default: u(() => [p(n(e2.configure.label) + "(" + n(e2.configure.name) + ")", 1)]), _: 1 })]), _: 1 }), r(_, { label: "唯一编码", style: { "margin-top": "-10px" } }, { default: u(() => [r(b, { modelValue: e2.configure.uuid, "onUpdate:modelValue": g[0] || (g[0] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), r(_, { label: "自定义编码", style: { "margin-top": "-10px" } }, { default: u(() => [r(b, { modelValue: e2.configure.code, "onUpdate:modelValue": g[1] || (g[1] = (l3) => e2.configure.code = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), r(_, { label: "绑定权限", style: { "margin-top": "-10px" } }, { default: u(() => [r(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), r(_, { label: "标签位置", style: { "margin-top": "-10px" } }, { default: u(() => [r(y, { modelValue: e2.configure.props.labelPosition, "onUpdate:modelValue": g[2] || (g[2] = (l3) => e2.configure.props.labelPosition = l3) }, { default: u(() => [r(x, { value: "left" }, { default: u(() => g[8] || (g[8] = [p("左边")])), _: 1 }), r(x, { value: "right" }, { default: u(() => g[9] || (g[9] = [p("右边")])), _: 1 }), r(x, { value: "top" }, { default: u(() => g[10] || (g[10] = [p("顶部")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(_, { label: "标签宽度自适应", style: { "margin-top": "-10px" } }, { default: u(() => [r(h, { modelValue: e2.configure.props.labelWidthAuto, "onUpdate:modelValue": g[3] || (g[3] = (l3) => e2.configure.props.labelWidthAuto = l3), class: "ml-2", style: { "--el-switch-on-color": "#13ce66" } }, null, 8, ["modelValue"])]), _: 1 }), e2.configure.props.labelWidthAuto ? i("", true) : (t(), a(_, { key: 0, label: "标签宽度", style: { "margin-top": "-10px" } }, { default: u(() => [r(b, { modelValue: e2.configure.props.labelWidth, "onUpdate:modelValue": g[4] || (g[4] = (l3) => e2.configure.props.labelWidth = l3) }, { suffix: u(() => g[11] || (g[11] = [p(" px ")])), _: 1 }, 8, ["modelValue"])]), _: 1 })), r(_, { label: "表单标题", style: { "margin-top": "-10px" } }, { default: u(() => [r(b, { modelValue: e2.configure.props.formTitle, "onUpdate:modelValue": g[5] || (g[5] = (l3) => e2.configure.props.formTitle = l3) }, null, 8, ["modelValue"])]), _: 1 }), r(_, { label: "组件尺寸", style: { "margin-bottom": "-10px", "margin-top": "-10px" } }, { default: u(() => [r(y, { modelValue: e2.configure.props.componentSize, "onUpdate:modelValue": g[6] || (g[6] = (l3) => e2.configure.props.componentSize = l3) }, { default: u(() => [r(x, { value: "large" }, { default: u(() => g[12] || (g[12] = [p("大")])), _: 1 }), r(x, { value: "default" }, { default: u(() => g[13] || (g[13] = [p("适中")])), _: 1 }), r(x, { value: "small" }, { default: u(() => g[14] || (g[14] = [p("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), r(m, { size: e2.configure.props.size, showCalcHeight: true }, null, 8, ["size"])]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
9
9
|
};
|
|
10
10
|
} });
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
c as default
|
|
13
13
|
};
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, watch as i, computed as n, resolveComponent as o, createElementBlock as l, openBlock as s, createVNode as r, normalizeClass as u, normalizeStyle as c, withCtx as g, createCommentVNode as a, toDisplayString as f, Fragment as m, renderList as p, createBlock as d, reactive as b } from "vue";
|
|
2
2
|
import { useDraggable as v } from "vue-draggable-plus";
|
|
3
3
|
import y from "../../object-design.vue.js";
|
|
4
|
-
import { deepCopy as
|
|
5
|
-
import { caculateComponentStyle as
|
|
4
|
+
import { deepCopy as h, getUuidv4 as W } from "../../../../utils/common-util.js";
|
|
5
|
+
import { caculateComponentStyle as O } from "../../../../utils/container-design-util.js";
|
|
6
6
|
import "element-plus";
|
|
7
|
-
import { copyHandleEvents as
|
|
7
|
+
import { copyHandleEvents as j, deleteDesignItem as x } from "../../../../utils/page-design-util.js";
|
|
8
8
|
const D = { class: "amb-design-item-default" }, S = e({ __name: "form-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget", "onCustomAttrWidget"], setup(e2, { emit: S2 }) {
|
|
9
9
|
const _ = e2;
|
|
10
10
|
_.configure.items || (_.configure.items = []), null == _.configure.props && (_.configure.props = {}), _.configure.runtime || (_.configure.runtime = {});
|
|
11
11
|
const C = _.configure.default ? _.configure.default : {}, k = t({});
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
T(), i(_.configure.props, () => {
|
|
13
|
+
T();
|
|
14
14
|
});
|
|
15
|
-
const
|
|
16
|
-
function
|
|
15
|
+
const A = n(() => [..._.configure.items]);
|
|
16
|
+
function T() {
|
|
17
17
|
const e3 = {};
|
|
18
18
|
C.props && Object.assign(e3, C.props);
|
|
19
19
|
for (let t2 in _.configure.props) {
|
|
20
20
|
const i2 = _.configure.props[t2];
|
|
21
21
|
null != i2 && null != i2 && "" != i2 && (e3[t2] = i2);
|
|
22
22
|
}
|
|
23
|
-
k.value = e3, _.configure.runtime.props = e3;
|
|
23
|
+
e3.labelWidthAuto && (e3.labelWidth = "auto"), k.value = e3, _.configure.runtime.props = e3;
|
|
24
24
|
}
|
|
25
|
-
i(
|
|
25
|
+
i(A, (e3, t2) => {
|
|
26
26
|
e3.length > t2.length && E(_.indexObj.index, e3[e3.length - 1]);
|
|
27
27
|
}, { important: true, deep: true });
|
|
28
|
-
const
|
|
28
|
+
const w = t({}), z = t(""), F = t({});
|
|
29
29
|
function N() {
|
|
30
|
-
|
|
30
|
+
O(_.configure, w, z, null);
|
|
31
31
|
const e3 = {};
|
|
32
32
|
if (_.configure.style.formTitleStyle) {
|
|
33
33
|
const t2 = _.configure.style.formTitleStyle.replace(/[\r\n]/g, "").split(";");
|
|
@@ -39,7 +39,7 @@ const D = { class: "amb-design-item-default" }, S = e({ __name: "form-design", p
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
F.value = e3, _.configure.runtime.class =
|
|
42
|
+
F.value = e3, _.configure.runtime.class = z.value, _.configure.runtime.style = w.value, _.configure.runtime.titleStyle = F.value;
|
|
43
43
|
}
|
|
44
44
|
N(), i(_.configure.style, () => {
|
|
45
45
|
N();
|
|
@@ -54,8 +54,8 @@ const D = { class: "amb-design-item-default" }, S = e({ __name: "form-design", p
|
|
|
54
54
|
function H(e3) {
|
|
55
55
|
const t2 = _.configure.items.indexOf(e3);
|
|
56
56
|
if (-1 == t2) return void alert("无可复制对象!");
|
|
57
|
-
const i2 = b(
|
|
58
|
-
i2.uuid =
|
|
57
|
+
const i2 = b(h(e3));
|
|
58
|
+
i2.uuid = W(), j(i2, _.pageDesign), _.configure.items.splice(t2, 0, i2);
|
|
59
59
|
}
|
|
60
60
|
function I(e3) {
|
|
61
61
|
const t2 = _.configure.items;
|
|
@@ -63,7 +63,7 @@ const D = { class: "amb-design-item-default" }, S = e({ __name: "form-design", p
|
|
|
63
63
|
}
|
|
64
64
|
return (e3, t2) => {
|
|
65
65
|
const i2 = o("el-form");
|
|
66
|
-
return s(), l("div", D, [r(i2, { ref_key: "ambDragParent", ref: P, "label-width": k.value.labelWidth, "label-position": k.value.labelPosition, size: k.value.componentSize, style: c([
|
|
66
|
+
return s(), l("div", D, [r(i2, { ref_key: "ambDragParent", ref: P, "label-width": k.value.labelWidth, "label-position": k.value.labelPosition, size: k.value.componentSize, style: c([w.value, { "padding-bottom": "40px" }]), class: u(z.value) }, { default: g(() => [k.value.formTitle ? (s(), l("div", { key: 0, class: "amb-widget-form-title", style: c(F.value) }, f(k.value.formTitle), 5)) : a("", true), (s(true), l(m, null, p(e3.configure.items, (t3, i3) => (s(), d(y, { key: t3, pageDesign: e3.pageDesign, configure: t3, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: E, onOnCustomAttrWidget: G, onOnCopy: H, onOnDelete: I }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]))), 128))]), _: 1 }, 8, ["label-width", "label-position", "size", "style", "class"])]);
|
|
67
67
|
};
|
|
68
68
|
} });
|
|
69
69
|
export {
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, computed as a, resolveComponent as o, createBlock as u, openBlock as t, withCtx as s, createVNode as r, withDirectives as i, createCommentVNode as p, createElementVNode as
|
|
1
|
+
import { defineComponent as e, ref as l, computed as a, resolveComponent as o, createBlock as u, openBlock as t, withCtx as s, createVNode as r, withDirectives as i, createCommentVNode as p, createElementVNode as d, createElementBlock as n, Fragment as m, renderList as f, unref as c, vShow as b, createTextVNode as g } from "vue";
|
|
2
2
|
import { getFormComponentOptions as v } from "../../../../utils/assemblys-config.js";
|
|
3
3
|
import { componentNameChange as V } from "../../../../utils/form-design-util.js";
|
|
4
4
|
import { getCustomFuncs as _ } from "../../../../utils/page-event-util.js";
|
|
@@ -15,7 +15,7 @@ const j = { style: { padding: "8px 0px 0px 0px" } }, D = { class: "amb-design-at
|
|
|
15
15
|
const Y = e2, F = l(Y.configure.name), M = T2, W = l(["base"]), P = l(false);
|
|
16
16
|
Y.configure.isTable && (P.value = true);
|
|
17
17
|
const q = l("绑定变量"), H = a(() => {
|
|
18
|
-
const e3 = Y.configure.props.base, l2 = (!e3.type || "week" != e3.type
|
|
18
|
+
const e3 = Y.configure.props.base, l2 = (!e3.type || "week" != e3.type) && e3.dateScope;
|
|
19
19
|
return q.value = l2 ? "绑定变量1" : "绑定变量", l2 ? "默认值1" : "默认值";
|
|
20
20
|
});
|
|
21
21
|
function R(e3) {
|
|
@@ -26,7 +26,7 @@ const j = { style: { padding: "8px 0px 0px 0px" } }, D = { class: "amb-design-at
|
|
|
26
26
|
}
|
|
27
27
|
return (l2, a2) => {
|
|
28
28
|
const V2 = o("el-option"), T3 = o("el-select"), Y2 = o("el-form-item"), M2 = o("el-input"), C = o("el-radio"), O = o("el-radio-group"), B = o("el-input-number"), L = o("el-checkbox"), E = o("el-col"), G = o("el-row"), I = o("el-checkbox-group"), J = o("el-link"), K = o("el-icon"), N = o("el-tooltip"), Q = o("el-collapse-item"), X = o("el-collapse"), Z = o("el-form");
|
|
29
|
-
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: W.value, "onUpdate:modelValue": a2[22] || (a2[22] = (e3) => W.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [n("div", j, [r(Y2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(T3, { modelValue: F.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => F.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), d(f, null, m(c(v)(), (e3) => (t(), u(V2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), P.value ? p("", true) : (t(), u(Y2, { key: 0, label: q.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop", modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": A }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"])), r(Y2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 8, ["label"]), i(r(Y2, { label: "绑定变量2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop2", modelValue: e2.configure.props.base.prop2, paramTypes: ["data", "page"], "onUpdate:modelValue": a2[2] || (a2[2] = (e3, l3) => A(e3, l3, "prop2")) }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), i(r(Y2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", defaultValueProp: "defaultValue2", moreDefaultValueProp: "moreDefaultValue2", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), P.value ? p("", true) : (t(), u(Y2, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), P.value ? p("", true) : (t(), u(Y2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[23] || (a2[23] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[24] || (a2[24] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), i(r(Y2, { label: "标题", class: "amb-design-attr-item" }, { default: s(() => [r(w, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(Y2, { label: "标题宽度", class: "amb-design-attr-item" }, { default: s(() => [r(B, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.base.titleWidth = l3), style: { width: "100%" }, min: 0, placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(Y2, { label: "标题超宽", title: "标题超宽显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.titleShowWay, "onUpdate:modelValue": a2[6] || (a2[6] = (l3) => e2.configure.props.base.titleShowWay = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "block" }, { default: s(() => a2[25] || (a2[25] = [g("换行")])), _: 1 }), r(C, { value: "inline" }, { default: s(() => a2[26] || (a2[26] = [g("不换行")])), _: 1 }), r(C, { value: "omit" }, { default: s(() => a2[27] || (a2[27] = [g("省略号")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow && e2.configure.props.base.titleWidth > 0]]), r(Y2, { class: "amb-design-attr-item" }, { label: s(() => [i(n("span", null, "输入提示", 512), [[b, !e2.configure.props.base.dateScope]]), i(n("span", null, "开始提示", 512), [[b, e2.configure.props.base.dateScope]])]), default: s(() => [r(w, { modelValue: e2.configure.props.base.placeholder, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.placeholder = l3) }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.endPlaceholder, "onUpdate:modelValue": a2[8] || (a2[8] = (l3) => e2.configure.props.base.endPlaceholder = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), r(Y2, { label: "清除按钮", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.clearable, "onUpdate:modelValue": a2[9] || (a2[9] = (l3) => e2.configure.props.base.clearable = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[28] || (a2[28] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[29] || (a2[29] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "类型", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": a2[10] || (a2[10] = (l3) => e2.configure.props.base.type = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "date" }, { default: s(() => a2[30] || (a2[30] = [g("日期")])), _: 1 }), r(C, { value: "time" }, { default: s(() => a2[31] || (a2[31] = [g("时间")])), _: 1 }), r(C, { value: "datetime" }, { default: s(() => a2[32] || (a2[32] = [g("日期+时间")])), _: 1 }), r(C, { value: "week" }, { default: s(() => a2[33] || (a2[33] = [g("周")])), _: 1 }), r(C, { value: "month" }, { default: s(() => a2[34] || (a2[34] = [g("月")])), _: 1 }), r(C, { value: "year" }, { default: s(() => a2[35] || (a2[35] = [g("年")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "选择范围", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.dateScope, "onUpdate:modelValue": a2[11] || (a2[11] = (l3) => e2.configure.props.base.dateScope = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[36] || (a2[36] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[37] || (a2[37] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(Y2, { label: "快捷选项", class: "amb-design-attr-item" }, { default: s(() => [r(I, { modelValue: e2.configure.props.base.dateScopeDetails, "onUpdate:modelValue": a2[13] || (a2[13] = (l3) => e2.configure.props.base.dateScopeDetails = l3), class: "ml-4" }, { default: s(() => [i(r(L, { value: "today" }, { default: s(() => a2[38] || (a2[38] = [g("今天")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "yesterday" }, { default: s(() => a2[39] || (a2[39] = [g("昨天")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "oneWeek" }, { default: s(() => a2[40] || (a2[40] = [g("一周")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "oneMonth" }, { default: s(() => a2[41] || (a2[41] = [g("一月")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "year" != e2.configure.props.base.type]]), r(L, { value: "oneYear" }, { default: s(() => a2[42] || (a2[42] = [g("一年")])), _: 1 }), r(G, null, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { value: "custom" }, { default: s(() => a2[43] || (a2[43] = [g("自定义")])), _: 1 })]), _: 1 }), r(E, { span: 16 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.base.dateScopeDetails || !e2.configure.props.base.dateScopeDetails.includes("custom"), modelValue: e2.configure.props.base.scopeFunc, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.scopeFunc = l3), placeholder: "请选择自定义方法", filterable: "" }, { default: s(() => [(t(true), d(f, null, m(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "显示格式化", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.format, "onUpdate:modelValue": a2[14] || (a2[14] = (l3) => e2.configure.props.base.format = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.timestamp, "onUpdate:modelValue": a2[15] || (a2[15] = (l3) => e2.configure.props.base.timestamp = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[44] || (a2[44] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[45] || (a2[45] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [n("div", D, [r(M2, { modelValue: e2.configure.props.base.valueFormat, "onUpdate:modelValue": a2[16] || (a2[16] = (l3) => e2.configure.props.base.valueFormat = l3), placeholder: "请输入", disabled: true === e2.configure.props.base.timestamp }, null, 8, ["modelValue", "disabled"]), r(N, { placement: "top", effect: "light" }, { content: s(() => [a2[47] || (a2[47] = g(" 四位年:YYYY")), a2[48] || (a2[48] = n("br", null, null, -1)), a2[49] || (a2[49] = g("两位年:YY")), a2[50] || (a2[50] = n("br", null, null, -1)), a2[51] || (a2[51] = g("两位月:MM")), a2[52] || (a2[52] = n("br", null, null, -1)), a2[53] || (a2[53] = g("两位日:DD")), a2[54] || (a2[54] = n("br", null, null, -1)), a2[55] || (a2[55] = g("小时:hh")), a2[56] || (a2[56] = n("br", null, null, -1)), a2[57] || (a2[57] = g("分钟:mm")), a2[58] || (a2[58] = n("br", null, null, -1)), a2[59] || (a2[59] = g("秒:ss")), a2[60] || (a2[60] = n("br", null, null, -1)), a2[61] || (a2[61] = g("占位:[占位符]")), a2[62] || (a2[62] = n("br", null, null, -1)), a2[63] || (a2[63] = g("更多见： ")), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => a2[46] || (a2[46] = [n("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", class: "link-icon" }, [n("path", { fill: "currentColor", d: "M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z" })], -1)])), _: 1 }), a2[64] || (a2[64] = g(" 查看 Day.js 支持的所有格式。 "))]), default: s(() => [r(K, { style: { "margin-left": "10px" } }, { default: s(() => [r(c(S))]), _: 1 })]), _: 1 })])]), _: 1 }), r(Y2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": a2[17] || (a2[17] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "large" }, { default: s(() => a2[65] || (a2[65] = [g("大")])), _: 1 }), r(C, { value: "default" }, { default: s(() => a2[66] || (a2[66] = [g("中")])), _: 1 }), r(C, { value: "small" }, { default: s(() => a2[67] || (a2[67] = [g("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": a2[18] || (a2[18] = (l3) => e2.configure.props.base.state = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "default" }, { default: s(() => a2[68] || (a2[68] = [g("普通")])), _: 1 }), r(C, { value: "disabled" }, { default: s(() => a2[69] || (a2[69] = [g("禁用")])), _: 1 }), r(C, { value: "readonly" }, { default: s(() => a2[70] || (a2[70] = [g("只读")])), _: 1 }), r(C, { value: "hidden" }, { default: s(() => a2[71] || (a2[71] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(r(U, { configure: e2.configure }, null, 8, ["configure"]), [[b, e2.configure.props.base.tittleShow]]), (t(), u(Q, { title: "校验", name: "verification", key: e2.configure.uuid, class: "amb-design-attr-group-header" }, { default: s(() => [n("div", z, [r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(L, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": a2[19] || (a2[19] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { label: "自定义", modelValue: e2.configure.props.verification.custom, "onUpdate:modelValue": a2[20] || (a2[20] = (l3) => e2.configure.props.verification.custom = l3) }, null, 8, ["modelValue"])]), _: 1 }), r(E, { span: 14 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.verification.custom, modelValue: e2.configure.props.verification.customFunc, "onUpdate:modelValue": a2[21] || (a2[21] = (l3) => e2.configure.props.verification.customFunc = l3), placeholder: "请选择校验方法", filterable: "" }, { default: s(() => [(t(true), d(f, null, m(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 })), P.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
29
|
+
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: W.value, "onUpdate:modelValue": a2[22] || (a2[22] = (e3) => W.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [d("div", j, [r(Y2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(T3, { modelValue: F.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => F.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), n(m, null, f(c(v)(), (e3) => (t(), u(V2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), P.value ? p("", true) : (t(), u(Y2, { key: 0, label: q.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop", modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": A }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"])), r(Y2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 8, ["label"]), i(r(Y2, { label: "绑定变量2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop2", modelValue: e2.configure.props.base.prop2, paramTypes: ["data", "page"], "onUpdate:modelValue": a2[2] || (a2[2] = (e3, l3) => A(e3, l3, "prop2")) }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), i(r(Y2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", defaultValueProp: "defaultValue2", moreDefaultValueProp: "moreDefaultValue2", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), P.value ? p("", true) : (t(), u(Y2, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), P.value ? p("", true) : (t(), u(Y2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[23] || (a2[23] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[24] || (a2[24] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), i(r(Y2, { label: "标题", class: "amb-design-attr-item" }, { default: s(() => [r(w, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(Y2, { label: "标题宽度", class: "amb-design-attr-item" }, { default: s(() => [r(B, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.base.titleWidth = l3), style: { width: "100%" }, min: 0, placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(Y2, { label: "标题超宽", title: "标题超宽显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.titleShowWay, "onUpdate:modelValue": a2[6] || (a2[6] = (l3) => e2.configure.props.base.titleShowWay = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "block" }, { default: s(() => a2[25] || (a2[25] = [g("换行")])), _: 1 }), r(C, { value: "inline" }, { default: s(() => a2[26] || (a2[26] = [g("不换行")])), _: 1 }), r(C, { value: "omit" }, { default: s(() => a2[27] || (a2[27] = [g("省略号")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow && e2.configure.props.base.titleWidth > 0]]), r(Y2, { class: "amb-design-attr-item" }, { label: s(() => [i(d("span", null, "输入提示", 512), [[b, !e2.configure.props.base.dateScope]]), i(d("span", null, "开始提示", 512), [[b, e2.configure.props.base.dateScope]])]), default: s(() => [r(w, { modelValue: e2.configure.props.base.placeholder, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.placeholder = l3) }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.endPlaceholder, "onUpdate:modelValue": a2[8] || (a2[8] = (l3) => e2.configure.props.base.endPlaceholder = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), r(Y2, { label: "清除按钮", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.clearable, "onUpdate:modelValue": a2[9] || (a2[9] = (l3) => e2.configure.props.base.clearable = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[28] || (a2[28] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[29] || (a2[29] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "类型", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": a2[10] || (a2[10] = (l3) => e2.configure.props.base.type = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "date" }, { default: s(() => a2[30] || (a2[30] = [g("日期")])), _: 1 }), r(C, { value: "time" }, { default: s(() => a2[31] || (a2[31] = [g("时间")])), _: 1 }), r(C, { value: "datetime" }, { default: s(() => a2[32] || (a2[32] = [g("日期+时间")])), _: 1 }), r(C, { value: "week" }, { default: s(() => a2[33] || (a2[33] = [g("周")])), _: 1 }), r(C, { value: "month" }, { default: s(() => a2[34] || (a2[34] = [g("月")])), _: 1 }), r(C, { value: "year" }, { default: s(() => a2[35] || (a2[35] = [g("年")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "选择范围", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.dateScope, "onUpdate:modelValue": a2[11] || (a2[11] = (l3) => e2.configure.props.base.dateScope = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[36] || (a2[36] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[37] || (a2[37] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type]]), i(r(Y2, { label: "快捷选项", class: "amb-design-attr-item" }, { default: s(() => [r(I, { modelValue: e2.configure.props.base.dateScopeDetails, "onUpdate:modelValue": a2[13] || (a2[13] = (l3) => e2.configure.props.base.dateScopeDetails = l3), class: "ml-4" }, { default: s(() => [i(r(L, { value: "today" }, { default: s(() => a2[38] || (a2[38] = [g("今天")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "yesterday" }, { default: s(() => a2[39] || (a2[39] = [g("昨天")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "oneWeek" }, { default: s(() => a2[40] || (a2[40] = [g("一周")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "month" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(L, { value: "oneMonth" }, { default: s(() => a2[41] || (a2[41] = [g("一月")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "year" != e2.configure.props.base.type]]), r(L, { value: "oneYear" }, { default: s(() => a2[42] || (a2[42] = [g("一年")])), _: 1 }), r(G, null, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { value: "custom" }, { default: s(() => a2[43] || (a2[43] = [g("自定义")])), _: 1 })]), _: 1 }), r(E, { span: 16 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.base.dateScopeDetails || !e2.configure.props.base.dateScopeDetails.includes("custom"), modelValue: e2.configure.props.base.scopeFunc, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.scopeFunc = l3), placeholder: "请选择自定义方法", filterable: "" }, { default: s(() => [(t(true), n(m, null, f(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "显示格式化", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.format, "onUpdate:modelValue": a2[14] || (a2[14] = (l3) => e2.configure.props.base.format = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.timestamp, "onUpdate:modelValue": a2[15] || (a2[15] = (l3) => e2.configure.props.base.timestamp = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[44] || (a2[44] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[45] || (a2[45] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [d("div", D, [r(M2, { modelValue: e2.configure.props.base.valueFormat, "onUpdate:modelValue": a2[16] || (a2[16] = (l3) => e2.configure.props.base.valueFormat = l3), placeholder: "请输入", disabled: true === e2.configure.props.base.timestamp }, null, 8, ["modelValue", "disabled"]), r(N, { placement: "top", effect: "light" }, { content: s(() => [a2[47] || (a2[47] = g(" 四位年:YYYY")), a2[48] || (a2[48] = d("br", null, null, -1)), a2[49] || (a2[49] = g("两位年:YY")), a2[50] || (a2[50] = d("br", null, null, -1)), a2[51] || (a2[51] = g("两位月:MM")), a2[52] || (a2[52] = d("br", null, null, -1)), a2[53] || (a2[53] = g("两位日:DD")), a2[54] || (a2[54] = d("br", null, null, -1)), a2[55] || (a2[55] = g("小时:hh")), a2[56] || (a2[56] = d("br", null, null, -1)), a2[57] || (a2[57] = g("分钟:mm")), a2[58] || (a2[58] = d("br", null, null, -1)), a2[59] || (a2[59] = g("秒:ss")), a2[60] || (a2[60] = d("br", null, null, -1)), a2[61] || (a2[61] = g("占位:[占位符]")), a2[62] || (a2[62] = d("br", null, null, -1)), a2[63] || (a2[63] = g("更多见： ")), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => a2[46] || (a2[46] = [d("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", class: "link-icon" }, [d("path", { fill: "currentColor", d: "M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z" })], -1)])), _: 1 }), a2[64] || (a2[64] = g(" 查看 Day.js 支持的所有格式。 "))]), default: s(() => [r(K, { style: { "margin-left": "10px" } }, { default: s(() => [r(c(S))]), _: 1 })]), _: 1 })])]), _: 1 }), r(Y2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": a2[17] || (a2[17] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "large" }, { default: s(() => a2[65] || (a2[65] = [g("大")])), _: 1 }), r(C, { value: "default" }, { default: s(() => a2[66] || (a2[66] = [g("中")])), _: 1 }), r(C, { value: "small" }, { default: s(() => a2[67] || (a2[67] = [g("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": a2[18] || (a2[18] = (l3) => e2.configure.props.base.state = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "default" }, { default: s(() => a2[68] || (a2[68] = [g("普通")])), _: 1 }), r(C, { value: "disabled" }, { default: s(() => a2[69] || (a2[69] = [g("禁用")])), _: 1 }), r(C, { value: "readonly" }, { default: s(() => a2[70] || (a2[70] = [g("只读")])), _: 1 }), r(C, { value: "hidden" }, { default: s(() => a2[71] || (a2[71] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(r(U, { configure: e2.configure }, null, 8, ["configure"]), [[b, e2.configure.props.base.tittleShow]]), (t(), u(Q, { title: "校验", name: "verification", key: e2.configure.uuid, class: "amb-design-attr-group-header" }, { default: s(() => [d("div", z, [r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(L, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": a2[19] || (a2[19] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { label: "自定义", modelValue: e2.configure.props.verification.custom, "onUpdate:modelValue": a2[20] || (a2[20] = (l3) => e2.configure.props.verification.custom = l3) }, null, 8, ["modelValue"])]), _: 1 }), r(E, { span: 14 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.verification.custom, modelValue: e2.configure.props.verification.customFunc, "onUpdate:modelValue": a2[21] || (a2[21] = (l3) => e2.configure.props.verification.customFunc = l3), placeholder: "请选择校验方法", filterable: "" }, { default: s(() => [(t(true), n(m, null, f(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 })), P.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
30
30
|
};
|
|
31
31
|
} });
|
|
32
32
|
export {
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js
CHANGED
|
@@ -2,31 +2,31 @@ import { defineComponent as e, ref as a, watch as t, resolveComponent as l, crea
|
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import h from "../common/title-suffix-element.vue.js";
|
|
4
4
|
import "super-page-runtime";
|
|
5
|
-
import { Clock as Y, Calendar as
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
5
|
+
import { Clock as Y, Calendar as D } from "@element-plus/icons-vue";
|
|
6
|
+
const b = e({ __name: "datepicker-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
7
|
+
const b2 = e2;
|
|
8
|
+
b2.configure.runtime || (b2.configure.runtime = {});
|
|
9
9
|
const F = a({}), k = a(""), S = a({}), V = a({}), x = a({});
|
|
10
|
-
return t(
|
|
11
|
-
g(
|
|
12
|
-
}, { immediate: true }), a([]), t(
|
|
13
|
-
y(
|
|
14
|
-
let e3 =
|
|
10
|
+
return t(b2.configure.style, () => {
|
|
11
|
+
g(b2.configure, F, k, S), b2.configure.runtime.style = F.value, b2.configure.runtime.class = k.value, b2.configure.runtime.headerStyle = S.value;
|
|
12
|
+
}, { immediate: true }), a([]), t(b2.configure.props, () => {
|
|
13
|
+
y(b2.configure, V, x), function() {
|
|
14
|
+
let e3 = b2.configure && b2.configure.props ? b2.configure.props.base : {};
|
|
15
15
|
e3 = e3 || {};
|
|
16
16
|
const a2 = {};
|
|
17
17
|
a2.moreDefaultValue = e3.moreDefaultValue, a2.defaultValue2 = e3.defaultValue2, a2.moreDefaultValue2 = e3.moreDefaultValue2, a2.prop2 = e3.prop2, e3.format && (a2.format = e3.format);
|
|
18
18
|
let t2 = e3.type ? e3.type : "date";
|
|
19
19
|
if (e3.dateScope) {
|
|
20
20
|
let l2 = "daterange";
|
|
21
|
-
"datetime" == t2 ? l2 = "datetimerange" : "week" == t2 ? l2 = "week" : "month" == t2 ? l2 = "monthrange" : "year" == t2 ? l2 = "
|
|
21
|
+
"datetime" == t2 ? l2 = "datetimerange" : "week" == t2 ? l2 = "week" : "month" == t2 ? l2 = "monthrange" : "year" == t2 ? l2 = "yearrange" : "time" == t2 ? l2 = "timerange" : "month" == t2 && (l2 = "monthrange"), a2.dateType = l2, e3.endPlaceholder && (a2.endPlaceholder = e3.endPlaceholder);
|
|
22
22
|
} else a2.dateType = t2;
|
|
23
|
-
e3.timestamp ? a2.valueFormat = "x" : (a2.valueFormat = e3.valueFormat, a2.valueFormat || ("datetime" === t2 ? a2.valueFormat = "YYYY-MM-DD HH:mm:ss" : "year" === t2 ? a2.valueFormat = "YYYY" : "month" === t2 ? a2.valueFormat = "YYYY-MM" : "time" === t2 ? a2.valueFormat = "hh:mm:ss" : ("date" === t2 || "week" === t2) && (a2.valueFormat = "YYYY-MM-DD"))), a2.sourceType = t2, a2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (a2.shortcutsFunc = e3.scopeFunc), Object.assign(V.value, a2);
|
|
24
|
-
}(),
|
|
23
|
+
e3.timestamp ? a2.valueFormat = "x" : (a2.valueFormat = e3.valueFormat, a2.valueFormat || ("datetime" === t2 ? a2.valueFormat = "YYYY-MM-DD HH:mm:ss" : "year" === t2 ? a2.valueFormat = "YYYY" : "month" === t2 ? a2.valueFormat = "YYYY-MM-DD" : "time" === t2 ? a2.valueFormat = "hh:mm:ss" : ("date" === t2 || "week" === t2) && (a2.valueFormat = "YYYY-MM-DD"))), a2.sourceType = t2, a2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (a2.shortcutsFunc = e3.scopeFunc), Object.assign(V.value, a2);
|
|
24
|
+
}(), b2.configure.runtime.props = V.value, b2.configure.runtime.titleExceedStyle = x.value;
|
|
25
25
|
}, { immediate: true }), (a2, t2) => {
|
|
26
|
-
const g2 = l("el-icon"), y2 = l("el-input"),
|
|
27
|
-
return u(), r(
|
|
26
|
+
const g2 = l("el-icon"), y2 = l("el-input"), b3 = l("el-form-item");
|
|
27
|
+
return u(), r(b3, { required: V.value.required, class: i([k.value, "remove-formLabel-formContent-blankStyle"]), "label-width": V.value.labelWidth, style: o(F.value) }, { label: m(() => [V.value.tittleShow ? (u(), s("div", { key: 0, style: o({ ...S.value, ...x.value, "padding-right": "12px" }) }, [V.value.prefixType ? (u(), r(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (u(), s(p, { key: 1 }, [f(v(V.value.title), 1)], 64))], 4)) : d("", true)]), default: m(() => [n(y2, { readonly: "", size: V.value.size, clearable: V.value.clearable, placeholder: V.value.placeholder, modelValue: V.value.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => V.value.value = e3) }, { prefix: m(() => ["timerange" == V.value.dateType || "time" == V.value.dateType ? (u(), r(g2, { key: 0 }, { default: m(() => [n(c(Y))]), _: 1 })) : (u(), r(g2, { key: 1 }, { default: m(() => [n(c(D))]), _: 1 }))]), _: 1 }, 8, ["size", "clearable", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
28
28
|
};
|
|
29
29
|
} });
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
b as default
|
|
32
32
|
};
|
|
@@ -75,7 +75,7 @@ const T = { style: { padding: "8px 0px 0px 0px" } }, U = { style: { padding: "8p
|
|
|
75
75
|
}
|
|
76
76
|
return oe(A.configure.props ? A.configure.props.workflowSource : null), (e3, o2) => {
|
|
77
77
|
const V2 = l("el-text"), _2 = l("el-form-item"), C2 = l("el-input"), h2 = l("el-radio-button"), W2 = l("el-radio-group"), S2 = l("el-switch"), j3 = l("el-option"), q2 = l("el-select"), $2 = l("el-collapse-item"), ee2 = l("el-button"), ne = l("el-tree"), te = l("el-form"), ie = l("el-radio"), ue = l("el-collapse");
|
|
78
|
-
return r(), a(te, { "label-width": "80px", size: "small" }, { default: n(() => [t(ue, { modelValue: G.value, "onUpdate:modelValue": o2[9] || (o2[9] = (e4) => G.value = e4), style: { "margin-top": "6px" } }, { default: n(() => [t($2, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", T, [t(_2, { label: "编码" }, { default: n(() => [t(V2, null, { default: n(() => [s(f(e3.configure.code), 1)]), _: 1 })]), _: 1 }), t(_2, { label: "名称", style: { "margin-top": "-10px" } }, { default: n(() => [t(C2, { modelValue: e3.configure.label, "onUpdate:modelValue": o2[0] || (o2[0] = (o3) => e3.configure.label = o3) }, null, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "页面类型", style: { "margin-top": "-10px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.pageType, "onUpdate:modelValue": o2[1] || (o2[1] = (o3) => e3.configure.pageType = o3) }, { default: n(() => [t(h2, { value: "form" }, { default: n(() => o2[10] || (o2[10] = [s("表单")])), _: 1 }), t(h2, { value: "list" }, { default: n(() => o2[11] || (o2[11] = [s("台帐")])), _: 1 }), t(h2, { value: "other" }, { default: n(() => o2[12] || (o2[12] = [s("其他")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: n(() => [t(S2, { modelValue: e3.configure.props.isFlex, "onUpdate:modelValue": o2[2] || (o2[2] = (o3) => e3.configure.props.isFlex = o3) }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.isFlex ? (r(), a(_2, { key: 0, label: "水平对齐", style: { "margin-top": "18px", "margin-bottom": "-15px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexJustify, "onUpdate:modelValue": o2[3] || (o2[3] = (o3) => e3.configure.props.flexJustify = o3), placeholder: "默认", clearable: "" }, { default: n(() => [t(j3, { label: "start", value: "start" }), t(j3, { label: "center", value: "center" }), t(j3, { label: "space-between", value: "space-between" }), t(j3, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), "2" == e3.configure.props.isFlex ? (r(), a(_2, { key: 1, label: "分栏间隔", style: { "margin-bottom": "-15px", "margin-top": "-10px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexGutter, "onUpdate:modelValue": o2[4] || (o2[4] = (o3) => e3.configure.props.flexGutter = o3), placeholder: "默认", clearable: "" }, { default: n(() => [(r(true), p(c, null, d(B.value, (e4) => (r(), a(j3, { label: e4, value: e4 }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true)])]), _: 1 }), t($2, { title: "页面变量", name: "3", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", U, [e3.configure.pageType && "form" != e3.configure.pageType ? i("", true) : (r(), a(_2, { key: 0, label: "数据模型", class: "amb-design-attr-item" }, { default: n(() => [t(C2, { modelValue: e3.configure.tableAlias, "onUpdate:modelValue": o2[5] || (o2[5] = (o3) => e3.configure.tableAlias = o3), onClick: Q, title: e3.configure.tableAlias, clearable: "", size: "small", readonly: "true" }, { append: n(() => [t(ee2, { type: "default", icon: g(b), onClick: Q, size: "small" }, null, 8, ["icon"]), t(ee2, { style: { "margin-left": "5px" }, type: "default", icon: g(y), onClick: m(R, ["stop"]), title: "Clear", size: "small" }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })), t(te, { "label-position": "top", size: "small" }, { default: n(() => [t(_2, { "label-position": "top", class: "amb-design-attr-item" }, { label: n(() => [o2[13] || (o2[13] = s(" 自定义变量 ")), t(ee2, { type: "primary", round: "", icon: g(k), onClick: Y, size: "small" }, null, 8, ["icon"])]), default: n(() => [t(ne, { style: { border: "1px solid #f5f6f8", padding: "10px", width: "100%", "min-height": "100px" }, data: O.value, props: I, "default-expand-all": "", "expand-on-click-node": false }, null, 8, ["data"])]), _: 1 })]), _: 1 })])]), _: 1 }), e3.configure.pageType && "form" != e3.configure.pageType || !A.configure.tableName ? i("", true) : (r(), a($2, { key: 0, title: "工作流", name: "2", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", F, [t(_2, { label: "启用", style: { "margin-bottom": "-14px" } }, { default: n(() => [t(S2, { modelValue: K.value, "onUpdate:modelValue": o2[6] || (o2[6] = (e4) => K.value = e4), onChange: re }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.activeWorkflow ? (r(), a(_2, { key: 0, label: "流程来源", style: { "margin-top": "14px", "margin-bottom": "-15px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.props.workflowSource, "onUpdate:modelValue": o2[7] || (o2[7] = (o3) => e3.configure.props.workflowSource = o3), onChange: oe }, { default: n(() => [t(ie, { value: "link" }, { default: n(() => o2[14] || (o2[14] = [s("选择引用")])), _: 1 }), t(ie, { value: "create" }, { default: n(() => o2[15] || (o2[15] = [s("新增流程")])), _: 1 }), e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), p("span", N, [t(ee2, { type: "default", onClick: le }, { default: n(() => o2[16] || (o2[16] = [s("新增")])), _: 1 })])) : i("", true)]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 1, label: "选择引用", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [t(q2, { modelValue: E.value, "onUpdate:modelValue": o2[8] || (o2[8] = (e4) => E.value = e4), onChange: L }, { default: n(() => [(r(true), p(c, null, d(P.value, (e4) => (r(), a(j3, { key: e4.code, label: e4.name, value: e4.code }, { default: n(() => [u("span", D, f(e4.name), 1), u("span", z, f(e4.code), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 2, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.linkWorkflowCode), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 3, label: "流程名称", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowName), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 4, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowCode), 1)]), _: 1 })) : i("", true)])]), _: 1 }))]), _: 1 }, 8, ["modelValue"]), t(w, { ref_key: "selectTableDialog", ref: J, onSelectTable: X, systemCode: e3.configure.systemCode, systemVersion: e3.configure.systemVersion }, null, 8, ["systemCode", "systemVersion"]), t(x, { ref_key: "refVariableDialog", ref: M, pageDesign: e3.configure, onClose: Z }, null, 8, ["pageDesign"]), H.value ? (r(), a(v, { key: 0, pageDesign: e3.configure, onClose: ae }, null, 8, ["pageDesign"])) : i("", true)]), _: 1 });
|
|
78
|
+
return r(), a(te, { "label-width": "80px", size: "small" }, { default: n(() => [t(ue, { modelValue: G.value, "onUpdate:modelValue": o2[9] || (o2[9] = (e4) => G.value = e4), style: { "margin-top": "6px" } }, { default: n(() => [t($2, { title: "基本", name: "1", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", T, [t(_2, { label: "编码" }, { default: n(() => [t(V2, null, { default: n(() => [s(f(e3.configure.code), 1)]), _: 1 })]), _: 1 }), t(_2, { label: "名称", style: { "margin-top": "-10px" } }, { default: n(() => [t(C2, { modelValue: e3.configure.label, "onUpdate:modelValue": o2[0] || (o2[0] = (o3) => e3.configure.label = o3) }, null, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "页面类型", style: { "margin-top": "-10px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.pageType, "onUpdate:modelValue": o2[1] || (o2[1] = (o3) => e3.configure.pageType = o3) }, { default: n(() => [t(h2, { value: "form" }, { default: n(() => o2[10] || (o2[10] = [s("表单")])), _: 1 }), t(h2, { value: "list" }, { default: n(() => o2[11] || (o2[11] = [s("台帐")])), _: 1 }), t(h2, { value: "other" }, { default: n(() => o2[12] || (o2[12] = [s("其他")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), t(_2, { label: "Flex布局", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: n(() => [t(S2, { modelValue: e3.configure.props.isFlex, "onUpdate:modelValue": o2[2] || (o2[2] = (o3) => e3.configure.props.isFlex = o3) }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.isFlex ? (r(), a(_2, { key: 0, label: "水平对齐", style: { "margin-top": "18px", "margin-bottom": "-15px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexJustify, "onUpdate:modelValue": o2[3] || (o2[3] = (o3) => e3.configure.props.flexJustify = o3), placeholder: "默认", clearable: "" }, { default: n(() => [t(j3, { label: "start", value: "start" }), t(j3, { label: "center", value: "center" }), t(j3, { label: "space-between", value: "space-between" }), t(j3, { label: "space-around", value: "space-around" })]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), "2" == e3.configure.props.isFlex ? (r(), a(_2, { key: 1, label: "分栏间隔", style: { "margin-bottom": "-15px", "margin-top": "-10px" } }, { default: n(() => [t(q2, { modelValue: e3.configure.props.flexGutter, "onUpdate:modelValue": o2[4] || (o2[4] = (o3) => e3.configure.props.flexGutter = o3), placeholder: "默认", clearable: "" }, { default: n(() => [(r(true), p(c, null, d(B.value, (e4) => (r(), a(j3, { label: e4, value: e4 }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true)])]), _: 1 }), t($2, { title: "页面变量", name: "3", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", U, [e3.configure.pageType && "form" != e3.configure.pageType ? i("", true) : (r(), a(_2, { key: 0, label: "数据模型", class: "amb-design-attr-item" }, { default: n(() => [t(C2, { modelValue: e3.configure.tableAlias, "onUpdate:modelValue": o2[5] || (o2[5] = (o3) => e3.configure.tableAlias = o3), onClick: Q, title: e3.configure.tableAlias, clearable: "", size: "small", readonly: "true" }, { append: n(() => [t(ee2, { type: "default", icon: g(b), onClick: Q, size: "small" }, null, 8, ["icon"]), t(ee2, { style: { "margin-left": "5px" }, type: "default", icon: g(y), onClick: m(R, ["stop"]), title: "Clear", size: "small" }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })), t(te, { "label-position": "top", size: "small" }, { default: n(() => [t(_2, { "label-position": "top", class: "amb-design-attr-item" }, { label: n(() => [o2[13] || (o2[13] = s(" 自定义变量 ")), t(ee2, { type: "primary", round: "", icon: g(k), onClick: Y, size: "small", circle: "" }, null, 8, ["icon"])]), default: n(() => [t(ne, { style: { border: "1px solid #f5f6f8", padding: "10px", width: "100%", "min-height": "100px" }, data: O.value, props: I, "default-expand-all": "", "expand-on-click-node": false }, null, 8, ["data"])]), _: 1 })]), _: 1 })])]), _: 1 }), e3.configure.pageType && "form" != e3.configure.pageType || !A.configure.tableName ? i("", true) : (r(), a($2, { key: 0, title: "工作流", name: "2", class: "amb-design-attr-group-header" }, { default: n(() => [u("div", F, [t(_2, { label: "启用", style: { "margin-bottom": "-14px" } }, { default: n(() => [t(S2, { modelValue: K.value, "onUpdate:modelValue": o2[6] || (o2[6] = (e4) => K.value = e4), onChange: re }, null, 8, ["modelValue"])]), _: 1 }), e3.configure.props.activeWorkflow ? (r(), a(_2, { key: 0, label: "流程来源", style: { "margin-top": "14px", "margin-bottom": "-15px" } }, { default: n(() => [t(W2, { modelValue: e3.configure.props.workflowSource, "onUpdate:modelValue": o2[7] || (o2[7] = (o3) => e3.configure.props.workflowSource = o3), onChange: oe }, { default: n(() => [t(ie, { value: "link" }, { default: n(() => o2[14] || (o2[14] = [s("选择引用")])), _: 1 }), t(ie, { value: "create" }, { default: n(() => o2[15] || (o2[15] = [s("新增流程")])), _: 1 }), e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), p("span", N, [t(ee2, { type: "default", onClick: le }, { default: n(() => o2[16] || (o2[16] = [s("新增")])), _: 1 })])) : i("", true)]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 1, label: "选择引用", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [t(q2, { modelValue: E.value, "onUpdate:modelValue": o2[8] || (o2[8] = (e4) => E.value = e4), onChange: L }, { default: n(() => [(r(true), p(c, null, d(P.value, (e4) => (r(), a(j3, { key: e4.code, label: e4.name, value: e4.code }, { default: n(() => [u("span", D, f(e4.name), 1), u("span", z, f(e4.code), 1)]), _: 2 }, 1032, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "link" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 2, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.linkWorkflowCode), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 3, label: "流程名称", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowName), 1)]), _: 1 })) : i("", true), e3.configure.props.activeWorkflow && e3.configure.props.workflowSource && "create" === e3.configure.props.workflowSource ? (r(), a(_2, { key: 4, label: "流程编码", style: { "margin-top": "18px", "margin-bottom": "-12px" } }, { default: n(() => [s(f(e3.configure.props.createWorkflowCode), 1)]), _: 1 })) : i("", true)])]), _: 1 }))]), _: 1 }, 8, ["modelValue"]), t(w, { ref_key: "selectTableDialog", ref: J, onSelectTable: X, systemCode: e3.configure.systemCode, systemVersion: e3.configure.systemVersion }, null, 8, ["systemCode", "systemVersion"]), t(x, { ref_key: "refVariableDialog", ref: M, pageDesign: e3.configure, onClose: Z }, null, 8, ["pageDesign"]), H.value ? (r(), a(v, { key: 0, pageDesign: e3.configure, onClose: ae }, null, 8, ["pageDesign"])) : i("", true)]), _: 1 });
|
|
79
79
|
};
|
|
80
80
|
} });
|
|
81
81
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, watch as o, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as l, watch as o, resolveComponent as a, createElementBlock as s, openBlock as i, createElementVNode as t, createCommentVNode as n, createVNode as u, withCtx as r, createBlock as v, normalizeClass as p, withDirectives as c, vShow as d, unref as f } from "vue";
|
|
2
2
|
import m from "./view/view-design.vue.js";
|
|
3
3
|
import { initComponentRefState as g } from "../../utils/page-helper-util.js";
|
|
4
4
|
import { getTableNameByTableUuid as w, queryTableFields as k, changeFeieldToMap as y } from "../../utils/page-table-util.js";
|
|
@@ -14,7 +14,7 @@ import { undoRedo as W } from "../../../../stores/undo-redo-store.js";
|
|
|
14
14
|
import B from "./page-event/page-event-view.vue.js";
|
|
15
15
|
import x from "../../utils/eventBus.js";
|
|
16
16
|
import { v4 as J } from "uuid";
|
|
17
|
-
const P = { class: "amb-page-container" }, T = { class: "amb-page-container-header-page" }, $ = { class: "amb-page-container-header" }, N = { class: "amb-page-container-header-type" }, R = { key: 0, class: "amb-page-container-main" }, A = e({ __name: "page-design", props: { pageId: { type: Number, default: null }, ucrDesign: { type: Boolean, default: false } }, setup(e2) {
|
|
17
|
+
const P = { class: "amb-page-container amb-page-designer" }, T = { class: "amb-page-container-header-page" }, $ = { class: "amb-page-container-header" }, N = { class: "amb-page-container-header-type" }, R = { key: 0, class: "amb-page-container-main" }, A = e({ __name: "page-design", props: { pageId: { type: Number, default: null }, ucrDesign: { type: Boolean, default: false } }, setup(e2) {
|
|
18
18
|
const A2 = W(), E = e2, F = l(null), G = l(null), O = l(), z = C(), q = l("page"), L = l(null), U = l(null), H = l(null), K = l(false), Q = l(true), X = l(0);
|
|
19
19
|
let Y = l(null);
|
|
20
20
|
const Z = l(null);
|
|
@@ -28,17 +28,17 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
28
28
|
function oe(e3) {
|
|
29
29
|
let l2;
|
|
30
30
|
e3.ucrDesign = E.ucrDesign, g(e3);
|
|
31
|
-
const
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
if (
|
|
31
|
+
const a2 = e3 == null ? void 0 : e3.tableUuids;
|
|
32
|
+
a2 && a2.length > 0 && (l2 = a2[0]);
|
|
33
|
+
const s2 = w(e3, l2);
|
|
34
|
+
if (s2) {
|
|
35
35
|
const l3 = e3.tableSysCode ? e3.tableSysCode : e3.systemCode, o2 = e3.tableSysVersion ? e3.tableSysVersion : e3.systemVersion;
|
|
36
|
-
k(l3, o2,
|
|
36
|
+
k(l3, o2, s2).then((l4) => {
|
|
37
37
|
e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), z.setPageContext(e3);
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
Y.value = e3.systemVersion, z.setPageContext(e3), o(() => e3, (e4) => {
|
|
41
|
-
|
|
41
|
+
se();
|
|
42
42
|
}, { deep: true }), o(e3.events, (l3) => {
|
|
43
43
|
if (e3.runtime || (e3.runtime = {}), e3.events) {
|
|
44
44
|
const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
|
|
@@ -51,12 +51,12 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
51
51
|
}, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
|
|
52
52
|
ue(e3);
|
|
53
53
|
}, { immediate: true }), x.$emit("changePageDesign"), function() {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
ae("_isMobile", { level: 0, code: J(), name: "_isMobile", alias: "是否是移动端", type: "string", defaultValue: "", items: [], $editing: false });
|
|
55
|
+
ae("_isMobileApp", { level: 0, code: J(), name: "_isMobileApp", alias: "是否是移动端APP", type: "string", defaultValue: "", items: [], $editing: false });
|
|
56
|
+
ae("_isMobileBrowser", { level: 0, code: J(), name: "_isMobileBrowser", alias: "是否是移动端浏览器", type: "string", defaultValue: "", items: [], $editing: false });
|
|
57
57
|
}();
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function ae(e3, l2) {
|
|
60
60
|
var _a;
|
|
61
61
|
const o2 = (_a = F.value.variables) == null ? void 0 : _a.filter((l3) => l3.name && l3.name === e3);
|
|
62
62
|
o2 && 0 !== o2.length || (F.value.variables || (F.value.variables = []), F.value.variables.push(l2));
|
|
@@ -69,23 +69,23 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
69
69
|
o2.id = E.pageId, F.value = o2, oe(F.value);
|
|
70
70
|
} else F.value = le(null), oe(F.value);
|
|
71
71
|
}) : E.ucrDesign || (F.value = le(null), oe(F.value));
|
|
72
|
-
let
|
|
72
|
+
let se = /* @__PURE__ */ function(e3, l2) {
|
|
73
73
|
let o2 = null;
|
|
74
74
|
return function() {
|
|
75
|
-
let
|
|
75
|
+
let a2 = arguments;
|
|
76
76
|
o2 && clearTimeout(o2);
|
|
77
|
-
let
|
|
77
|
+
let s2 = !o2;
|
|
78
78
|
o2 = setTimeout(() => {
|
|
79
79
|
o2 = null;
|
|
80
|
-
}, l2),
|
|
80
|
+
}, l2), s2 && e3.apply(this, a2);
|
|
81
81
|
};
|
|
82
82
|
}(() => {
|
|
83
83
|
A2.addSnapshot(F.value);
|
|
84
84
|
}, 400);
|
|
85
|
-
function
|
|
85
|
+
function ie() {
|
|
86
86
|
X.value++, A2.undo(F.value);
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function te() {
|
|
89
89
|
X.value++, A2.record(F.value);
|
|
90
90
|
}
|
|
91
91
|
function ne(e3) {
|
|
@@ -100,7 +100,7 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
100
100
|
b(e3, "gets", "", "-1"), o2.push("gets");
|
|
101
101
|
(e3.props ? e3.props : {}).activeWorkflow && (b(e3, "workflowGets", "", "-1"), o2.push("workflowGets"));
|
|
102
102
|
}
|
|
103
|
-
for (let
|
|
103
|
+
for (let a2 of l2) o2.includes(a2) || h(e3, a2, "-1");
|
|
104
104
|
}
|
|
105
105
|
function re(e3) {
|
|
106
106
|
U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
|
|
@@ -120,8 +120,8 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
120
120
|
const l2 = I.service({ lock: true, text: "加载中，请稍后..." });
|
|
121
121
|
j(e3).then((o2) => {
|
|
122
122
|
if (X.value++, l2.close(), o2 && o2.designJson) {
|
|
123
|
-
const l3 = o2.designJson,
|
|
124
|
-
|
|
123
|
+
const l3 = o2.designJson, a2 = le(JSON.parse(l3));
|
|
124
|
+
a2.id = e3, F.value = a2, F.value.items || (F.value.items = []), F.value.props || (F.value.props = {}), oe(F.value);
|
|
125
125
|
} else F.value = le(null), oe(F.value);
|
|
126
126
|
});
|
|
127
127
|
}
|
|
@@ -129,8 +129,8 @@ const P = { class: "amb-page-container" }, T = { class: "amb-page-container-head
|
|
|
129
129
|
e3 && e3.system && (Z.value = e3.system), Z.value && z.setEnableI18n(Z.value.enableI18n);
|
|
130
130
|
}
|
|
131
131
|
return (l2, o2) => {
|
|
132
|
-
const g2 =
|
|
133
|
-
return
|
|
132
|
+
const g2 = a("el-col"), w2 = a("el-row"), k2 = a("workflow-editor");
|
|
133
|
+
return i(), s("div", P, [t("div", T, [u(w2, null, { default: r(() => [u(g2, { span: 23 }, { default: r(() => [F.value && F.value.code || e2.ucrDesign ? (i(), v(M, { key: 0, pageId: e2.pageId, pageDesign: F.value, ucrDesign: e2.ucrDesign, onChangePage: pe, onInitLoaded: ce }, null, 8, ["pageId", "pageDesign", "ucrDesign"])) : n("", true)]), _: 1 })]), _: 1 })]), t("div", $, [t("div", N, [t("label", { class: p({ selected: "page" === q.value }), onClick: o2[0] || (o2[0] = (e3) => q.value = "page") }, "页面设计", 2), t("label", { class: p({ selected: "front" === q.value }), onClick: o2[1] || (o2[1] = (e3) => ee()) }, "页面逻辑", 2), e2.ucrDesign ? n("", true) : (i(), s("label", { key: 0, class: p({ selected: "workflow" === q.value }), onClick: o2[2] || (o2[2] = (e3) => ve()) }, " 工作流设计 ", 2)), t("label", { class: p({ selected: "service" === q.value }), onClick: o2[3] || (o2[3] = (e3) => q.value = "service") }, "服务编排", 2)])]), F.value ? (i(), s("div", R, [c((i(), v(m, { ref_key: "ViewDesignRef", ref: G, key: X.value, configure: F.value, system: Z.value, onRegain: te, onRevocation: ie }, null, 8, ["configure", "system"])), [[d, "page" === q.value]]), K.value ? c((i(), v(k2, { key: 0, id: L.value, code: F.value.workflowCode, version: F.value.workflowVersion, "system-code": F.value.systemCode, "system-publish-version": F.value.systemVersion, "page-code": F.value.code, onBack: l2.goBack, onChangeDefVersion: ne }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[d, "workflow" === q.value]]) : n("", true), "service" === q.value ? (i(), v(f(D), { key: 1, pageContext: F.value }, null, 8, ["pageContext"])) : n("", true), c(u(B, { ref_key: "pageEventContainerRef", ref: O, configure: F.value }, null, 8, ["configure"]), [[d, "front" === q.value]])])) : n("", true)]);
|
|
134
134
|
};
|
|
135
135
|
} });
|
|
136
136
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
|
|
2
2
|
import { ElMessageBox as x, ElMessage as h } from "element-plus";
|
|
3
|
-
import C from "./config.
|
|
3
|
+
import C from "./config.vue.js";
|
|
4
4
|
import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
|
|
5
5
|
import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
|
|
|
16
16
|
import "@codemirror/language";
|
|
17
17
|
import "@codemirror/search";
|
|
18
18
|
import "js-beautify";
|
|
19
|
-
/* empty css
|
|
19
|
+
/* empty css */
|
|
20
20
|
import "../../../utils/assemblys-config.js";
|
|
21
21
|
import "../../../../../stores/page-store.js";
|
|
22
22
|
import "../../../../../stores/event-undo-redo-store.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./view-design-preview.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = i(e, [["__scopeId", "data-v-
|
|
4
|
+
const r = i(e, [["__scopeId", "data-v-28acfb1b"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import { defineComponent as e, computed as s, resolveComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const g2 = i("el-dialog");
|
|
17
|
-
return t(), n(g2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: m.value, onClose: s2[0] || (s2[0] = (e4) => c("close")) }, { default: o(() => [r(p(a), { style: l([{ margin: "0 auto" }, f.value]), pageDesign: e3.pageDesign, publishVersion: e3.pageDesign.systemVersion, dimensions: e3.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
|
|
1
|
+
import { defineComponent as e, computed as i, ref as s, resolveComponent as t, createBlock as r, openBlock as l, withCtx as o, createElementVNode as a, unref as u } from "vue";
|
|
2
|
+
import "super-page-runtime";
|
|
3
|
+
import p from "agilebuilder-ui/src/utils/auth-api";
|
|
4
|
+
import { getSystemFrontendUrlWith as n } from "agilebuilder-ui/src/utils/common-util";
|
|
5
|
+
import { setSessionCache as g } from "agilebuilder-ui/src/utils/auth";
|
|
6
|
+
const m = ["src"], c = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: c2 }) {
|
|
7
|
+
const d = e2, f = i(() => "预览【" + d.pageDesign.label + "】"), v = c2, w = d.pageDesign.systemCode;
|
|
8
|
+
let y = p.getSystemCacheFrontendUrlByCode(w);
|
|
9
|
+
y = n(y);
|
|
10
|
+
const D = d.pageDesign.code;
|
|
11
|
+
g("preview_" + D, JSON.stringify(d.pageDesign));
|
|
12
|
+
let _ = s(null);
|
|
13
|
+
return _.value = y + "#/dsc-full-screen/page?customSystem=" + w + "&pageCode=" + D + "&isNewPage=true&isPreview=true&_t_=" + (/* @__PURE__ */ new Date()).getTime(), (e3, i2) => {
|
|
14
|
+
const s2 = t("el-dialog");
|
|
15
|
+
return l(), r(s2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: f.value, onClose: i2[0] || (i2[0] = (e4) => v("close")) }, { default: o(() => [a("iframe", { class: "preview-page-iframe", src: u(_) }, null, 8, m)]), _: 1 }, 8, ["title"]);
|
|
18
16
|
};
|
|
19
17
|
} });
|
|
20
18
|
export {
|
|
21
|
-
|
|
19
|
+
c as default
|
|
22
20
|
};
|
package/dist/es/style.css
CHANGED
|
@@ -834,9 +834,14 @@ fieldset.amb-design-item-selected {
|
|
|
834
834
|
.amb-object-design-ref[data-v-c2d9c8d5] .el-table td.el-table__cell > .cell {
|
|
835
835
|
padding-left: 2px;
|
|
836
836
|
padding-right: 2px;
|
|
837
|
-
}.runtime-page-container[data-v-
|
|
837
|
+
}.runtime-page-container[data-v-28acfb1b] {
|
|
838
838
|
height: calc(100vh - 73px);
|
|
839
839
|
}
|
|
840
|
+
.preview-page-iframe[data-v-28acfb1b] {
|
|
841
|
+
width: 100%;
|
|
842
|
+
border: none;
|
|
843
|
+
height: calc(100vh - 80px);
|
|
844
|
+
}
|
|
840
845
|
.editorTool[data-v-f39498c6] {
|
|
841
846
|
margin-left: auto;
|
|
842
847
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.3.19-
|
|
3
|
+
"version": "2.3.19-sit2-desgin1",
|
|
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.65-sit1",
|
|
33
33
|
"echarts": "^5.5.0",
|
|
34
34
|
"element-plus": "^2.6.1",
|
|
35
35
|
"font-awesome": "^4.7.0",
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
"pinia": "^2.1.7",
|
|
41
41
|
"qrcode": "^1.5.3",
|
|
42
42
|
"quill": "^2.0.1",
|
|
43
|
-
"service-flow-designer": "2.3.19-
|
|
44
|
-
"super-page-runtime": "2.3.19-
|
|
43
|
+
"service-flow-designer": "2.3.19-sit2-flow1",
|
|
44
|
+
"super-page-runtime": "2.3.19-sit2",
|
|
45
45
|
"uuid": "^9.0.1",
|
|
46
46
|
"vite": "^5.1.6",
|
|
47
47
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"vue-echarts": "^6.6.9",
|
|
53
53
|
"vue-router": "^4.3.0",
|
|
54
54
|
"vuex": "^4.1.0",
|
|
55
|
-
"workflow-editor": "0.0.
|
|
55
|
+
"workflow-editor": "0.0.79-up"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@codemirror/autocomplete": "^6.16.0",
|