super-page-designer 2.3.19-sit2-design1 → 2.3.20-sit1-design2
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-advanced-basic.vue.js +6 -6
- package/dist/es/components/design/views/assemblys/common/common-task-title.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/common/common-task-title.vue2.js +59 -47
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +12 -12
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +7 -7
- package/dist/es/components/design/views/design/page-event/completion-data.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 +12 -13
- package/dist/es/style.css +9 -9
- package/package.json +5 -5
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue2.js → common-variable-bind.vue3.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as e, resolveComponent as t,
|
|
2
|
-
import
|
|
3
|
-
const
|
|
4
|
-
const m = t("el-form-item"),
|
|
5
|
-
return
|
|
1
|
+
import { defineComponent as e, resolveComponent as t, createElementBlock as i, openBlock as n, Fragment as a, createVNode as o, withCtx as r, createElementVNode as u, createBlock as l, createCommentVNode as d } from "vue";
|
|
2
|
+
import c from "./common-advanced-basic-showcondition.vue.js";
|
|
3
|
+
const s = { style: { padding: "8px 0px 0px 0px" } }, p = { style: { padding: "8px 0px 0px 0px" } }, f = e({ __name: "common-advanced-basic", props: { configure: { type: Object, required: true }, type: { type: String, required: false }, editTitle: { type: String, required: false, default: "可编辑条件" } }, setup: (e2) => (f2, g) => {
|
|
4
|
+
const m = t("el-form-item"), b = t("el-collapse-item");
|
|
5
|
+
return n(), i(a, null, [o(b, { title: "通用设置", name: "base", class: "amb-design-attr-group-header" }, { default: r(() => [u("div", s, [o(m, { label: "显示条件", class: "amb-design-attr-item" }, { default: r(() => [(n(), l(c, { key: e2.configure.uuid + "_show", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }), "form" === e2.type ? (n(), l(m, { key: 0, label: e2.editTitle, class: "amb-design-attr-item" }, { default: r(() => [(n(), l(c, { key: e2.configure.uuid + "_edit", configure: e2.configure, type: "editConditions" }, null, 8, ["configure"]))]), _: 1 }, 8, ["label"])) : d("", true)])]), _: 1 }), o(b, { title: "锚点设置", name: "anchorConfig", class: "amb-design-attr-group-header" }, { default: r(() => [u("div", p, [o(m, { label: "自动锚点", class: "amb-design-attr-item" }, { default: r(() => [(n(), l(c, { title: "锚点条件", key: e2.configure.uuid + "_anchor", configure: e2.configure, type: "autoAnchorConditions" }, null, 8, ["configure"]))]), _: 1 })])]), _: 1 })], 64);
|
|
6
6
|
} });
|
|
7
7
|
export {
|
|
8
|
-
|
|
8
|
+
f as default
|
|
9
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./common-task-title.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const e = o(t, [["__scopeId", "data-v-
|
|
4
|
+
const e = o(t, [["__scopeId", "data-v-94c132a7"]]);
|
|
5
5
|
export {
|
|
6
6
|
e as default
|
|
7
7
|
};
|
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, computed as a, resolveComponent as t, createElementBlock as o, openBlock as u, Fragment as i, createElementVNode as n, createVNode as
|
|
1
|
+
import { defineComponent as e, ref as l, computed as a, resolveComponent as t, createElementBlock as o, openBlock as u, Fragment as i, createElementVNode as n, createVNode as d, withDirectives as r, withCtx as s, createTextVNode as p, vShow as c, unref as f, renderList as m, createBlock as v, createCommentVNode as g, toDisplayString as b, withKeys as y } from "vue";
|
|
2
2
|
import { Plus as w, Delete as T, EditPen as h, Search as V } from "@element-plus/icons-vue";
|
|
3
|
-
import
|
|
4
|
-
import { getUuidv4 as
|
|
3
|
+
import k from "./common-variable-bind.vue.js";
|
|
4
|
+
import { getUuidv4 as _ } from "../../../utils/common-util.js";
|
|
5
5
|
import { usePageContextStore as C } from "../../../../../stores/page-store.js";
|
|
6
|
-
import { getModelOptionsByFields as
|
|
7
|
-
const
|
|
8
|
-
const B2 = C(),
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
function
|
|
12
|
-
if (G.value = true,
|
|
13
|
-
JSON.parse(JSON.stringify(
|
|
6
|
+
import { getModelOptionsByFields as x } from "../../../utils/page-table-util.js";
|
|
7
|
+
const N = { style: { "max-height": "60vh", overflow: "auto" } }, O = { class: "card-header" }, U = { class: "title-config" }, D = { class: "card-remove" }, j = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, L = { class: "item-content" }, B = e({ __name: "common-task-title", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, required: true }, title: { type: String, default: "显示条件" } }, setup(e2) {
|
|
8
|
+
const B2 = C(), $ = e2;
|
|
9
|
+
$.configure.props.task || ($.configure.props.task = {});
|
|
10
|
+
const z = l([]), I = l(""), S = a(() => "" === I.value.trim() ? $.pageDesign.modelFields : $.pageDesign.modelFields.filter((e3) => e3.alias.toLowerCase().includes(I.value.trim().toLowerCase()) || e3.dbColumnName.toLowerCase().includes(I.value.trim().toLowerCase())));
|
|
11
|
+
function E() {
|
|
12
|
+
if (G.value = true, z.value = [], $.configure.props.task.title) {
|
|
13
|
+
JSON.parse(JSON.stringify($.configure.props.task.title)).forEach((e3) => {
|
|
14
14
|
e3.titleDynamicTags = [];
|
|
15
15
|
const l2 = e3.config.match(/\$\{(.+?)\}/g);
|
|
16
16
|
if (l2) for (const a2 of l2) e3.titleDynamicTags.push(a2);
|
|
17
|
-
|
|
17
|
+
z.value.push(e3);
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
|
-
const
|
|
22
|
-
var
|
|
23
|
-
(
|
|
24
|
-
const G = l(false), W = l(false), A = l(""), J = l(""), K = l(""), Q = l(false);
|
|
25
|
-
function
|
|
26
|
-
if (0 ===
|
|
21
|
+
const q = l(), M = B2.pageContext;
|
|
22
|
+
var F;
|
|
23
|
+
(F = M.currentTableConfig) && (q.value = x(F.modelFields));
|
|
24
|
+
const G = l(false), W = l(false), A = l(""), J = l(""), K = l(""), Q = l(""), H = l(false), P = l(false);
|
|
25
|
+
function R() {
|
|
26
|
+
if (0 === z.value.length) return void ($.configure.props.task.title = null);
|
|
27
27
|
const e3 = [];
|
|
28
|
-
|
|
28
|
+
z.value.forEach((l2) => {
|
|
29
29
|
var _a;
|
|
30
30
|
l2.titleDynamicTags && ((_a = l2.titleDynamicTags) == null ? void 0 : _a.length) > 0 && (l2.config = l2.titleDynamicTags.join(""), delete l2.titleDynamicTags, e3.push(l2));
|
|
31
|
-
}),
|
|
31
|
+
}), $.configure.props.task.title = e3;
|
|
32
32
|
}
|
|
33
|
-
function
|
|
34
|
-
const e3 = { uuid:
|
|
35
|
-
|
|
33
|
+
function X() {
|
|
34
|
+
const e3 = { uuid: _(), conditions: [], titleDynamicTags: [], config: "" };
|
|
35
|
+
z.value.push(e3);
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function Y(e3, l2) {
|
|
38
38
|
let a2 = -1;
|
|
39
39
|
const t2 = l2.conditions.length;
|
|
40
40
|
for (let o2 = 0; o2 < t2; o2++) if (l2.conditions[o2].uuid == e3.uuid) {
|
|
@@ -43,13 +43,13 @@ const x = { style: { "max-height": "60vh", overflow: "auto" } }, U = { class: "c
|
|
|
43
43
|
}
|
|
44
44
|
return a2;
|
|
45
45
|
}
|
|
46
|
-
function
|
|
46
|
+
function Z(e3, l2) {
|
|
47
47
|
let a2 = -1;
|
|
48
|
-
e3 && (a2 =
|
|
49
|
-
const t2 = { uuid:
|
|
48
|
+
e3 && (a2 = Y(e3, l2));
|
|
49
|
+
const t2 = { uuid: _(), leftBracket: "", propName: "", operator: "", propValueType: "", rightBracket: "", joinSign: "", dataType: "" };
|
|
50
50
|
-1 === a2 ? l2.conditions.push(t2) : l2.conditions.splice(a2 + 1, 0, t2);
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function ee(e3, l2, a2) {
|
|
53
53
|
if ("propValue" == a2) l2.propValue = e3;
|
|
54
54
|
else {
|
|
55
55
|
l2.propName = e3;
|
|
@@ -66,10 +66,10 @@ const x = { style: { "max-height": "60vh", overflow: "auto" } }, U = { class: "c
|
|
|
66
66
|
l2.dataType = a3;
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
|
-
function
|
|
69
|
+
function le(e3) {
|
|
70
70
|
return e3.indexOf("${field") >= 0 ? "success" : null;
|
|
71
71
|
}
|
|
72
|
-
function
|
|
72
|
+
function ae(e3) {
|
|
73
73
|
let l2 = e3;
|
|
74
74
|
if (e3.indexOf("${field[") >= 0) {
|
|
75
75
|
const e4 = l2.substring(l2.indexOf("[") + 1, l2.lastIndexOf("]"));
|
|
@@ -85,41 +85,53 @@ const x = { style: { "max-height": "60vh", overflow: "auto" } }, U = { class: "c
|
|
|
85
85
|
}
|
|
86
86
|
return l2;
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function te(e3) {
|
|
89
89
|
"" !== K.value.trim() && (J.value === e3.uuid && (K.value = "${writeTitle[" + K.value + "]}"), e3.titleDynamicTags.push(K.value)), K.value = "", J.value = "";
|
|
90
90
|
}
|
|
91
|
-
function
|
|
91
|
+
function oe() {
|
|
92
92
|
if ("" !== A.value && J.value) {
|
|
93
|
-
const e3 =
|
|
93
|
+
const e3 = z.value.find((e4) => e4.uuid === J.value);
|
|
94
94
|
e3 && e3.titleDynamicTags && e3.titleDynamicTags.push("${field[" + A.value + "]}");
|
|
95
95
|
}
|
|
96
96
|
J.value = "", A.value = "", W.value = false;
|
|
97
97
|
}
|
|
98
|
+
function ue(e3) {
|
|
99
|
+
if (e3 && "" !== e3 && J.value) {
|
|
100
|
+
const l2 = z.value.find((e4) => e4.uuid === J.value);
|
|
101
|
+
if (l2 && l2.titleDynamicTags) {
|
|
102
|
+
let a2 = e3;
|
|
103
|
+
(a2.indexOf("${page.") >= 0 || a2.indexOf("${request.") >= 0) && (a2 = a2.substring(a2.indexOf(".") + 1, a2.lastIndexOf("}"))), l2.titleDynamicTags.push("${request[" + a2 + "]}");
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
J.value = "", Q.value = "", H.value = false;
|
|
107
|
+
}
|
|
98
108
|
return (l2, a2) => {
|
|
99
|
-
const
|
|
100
|
-
return u(), o(i, null, [n("div", null, [
|
|
109
|
+
const _2 = t("el-button"), C2 = t("el-text"), x2 = t("el-row"), B3 = t("el-tag"), $2 = t("el-input"), M2 = t("el-button-group"), F2 = t("super-icon"), ie = t("el-popconfirm"), ne = t("Top"), de = t("el-icon"), re = t("Bottom"), se = t("el-table-column"), pe = t("el-option"), ce = t("el-select"), fe = t("el-table"), me = t("el-card"), ve = t("el-dialog"), ge = t("el-radio"), be = t("el-radio-group");
|
|
110
|
+
return u(), o(i, null, [n("div", null, [d(_2, { type: "primary", onClick: E }, { default: s(() => a2[6] || (a2[6] = [p("编辑")])), _: 1 }), r(d(C2, { type: "success" }, { default: s(() => a2[7] || (a2[7] = [p(" 已设置.")])), _: 1 }, 512), [[c, e2.configure.props.task.title]])]), d(ve, { "append-to-body": "", "destroy-on-close": "", modelValue: G.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => G.value = e3), title: e2.title, width: "900", onClose: R }, { default: s(() => [d(x2, { style: { "padding-bottom": "8px" } }, { default: s(() => [d(_2, { icon: f(w), plain: "", type: "primary", onClick: X }, { default: s(() => a2[8] || (a2[8] = [p(" 添加标题 ")])), _: 1 }, 8, ["icon"])]), _: 1 }), n("div", N, [(u(true), o(i, null, m(z.value, (e3, l3) => (u(), v(me, null, { header: s(() => [n("div", O, [n("div", U, [(u(true), o(i, null, m(e3.titleDynamicTags, (l4, a3) => (u(), v(B3, { key: a3 + l4, type: le(l4), closable: "", "disable-transitions": false, onClose: (a4) => function(e4, l5) {
|
|
101
111
|
const a5 = l5.titleDynamicTags.indexOf(e4);
|
|
102
112
|
a5 >= 0 && l5.titleDynamicTags.splice(a5, 1);
|
|
103
|
-
}(l4, e3) }, { default:
|
|
104
|
-
J.value = e4.uuid,
|
|
105
|
-
}(e3) }, { default:
|
|
113
|
+
}(l4, e3) }, { default: s(() => [p(b(ae(l4)), 1)]), _: 2 }, 1032, ["type", "onClose"]))), 128)), J.value === e3.uuid && false === W.value && false === H.value ? (u(), v($2, { key: 0, style: { width: "150px", "margin-right": "8px" }, modelValue: K.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => K.value = e4), size: "small", ref_for: true, ref: "saveTagInput" + e3.uuid, onKeyup: y((l4) => te(e3), ["enter", "native"]), onBlur: (l4) => te(e3) }, null, 8, ["modelValue", "onKeyup", "onBlur"])) : g("", true), J.value === e3.uuid && H.value ? (u(), v(k, { key: 1, modelValue: Q.value, paramTypes: ["page", "request"], "onUpdate:modelValue": ue }, null, 8, ["modelValue"])) : g("", true), J.value && J.value === e3.uuid ? g("", true) : (u(), v(M2, { key: 2 }, { default: s(() => [d(_2, { class: "button-new-tag", size: "small", icon: f(h), onClick: (l4) => function(e4) {
|
|
114
|
+
J.value = e4.uuid, P.value = false;
|
|
115
|
+
}(e3) }, { default: s(() => a2[9] || (a2[9] = [p(" 输入文字 ")])), _: 2 }, 1032, ["icon", "onClick"]), d(_2, { class: "button-new-tag", size: "small", icon: f(V), onClick: (l4) => function(e4) {
|
|
106
116
|
J.value = e4.uuid, W.value = true;
|
|
107
|
-
}(e3) }, { default:
|
|
108
|
-
|
|
109
|
-
}(
|
|
110
|
-
|
|
117
|
+
}(e3) }, { default: s(() => a2[10] || (a2[10] = [p(" 选择字段 ")])), _: 2 }, 1032, ["icon", "onClick"]), d(_2, { class: "button-new-tag", size: "small", icon: f(h), onClick: (l4) => function(e4) {
|
|
118
|
+
J.value = e4.uuid, H.value = true;
|
|
119
|
+
}(e3) }, { default: s(() => a2[11] || (a2[11] = [p(" 请求参数 ")])), _: 2 }, 1032, ["icon", "onClick"])]), _: 2 }, 1024))]), n("div", D, [d(ie, { title: "确认删除该标题配置吗？", onConfirm: (e4) => function(e5) {
|
|
120
|
+
z.value.splice(e5, 1);
|
|
121
|
+
}(l3) }, { reference: s(() => [d(F2, { style: { cursor: "pointer" }, iconValue: "amb-color-icon-shanchu" })]), _: 2 }, 1032, ["onConfirm"])])])]), default: s(() => [d(fe, { border: "", "highlight-current-row": "", "current-row-key": "uuid", "row-key": "uuid", data: e3.conditions, style: { width: "100%" } }, { default: s(() => [d(se, { label: "", width: "50" }, { default: s((l4) => [n("div", j, [d(de, { size: "14", style: { cursor: "pointer" }, onClick: (a3) => function(e4, l5) {
|
|
122
|
+
let a4 = Y(e4, l5);
|
|
111
123
|
if (a4 < 1) return;
|
|
112
124
|
const t2 = l5.conditions;
|
|
113
125
|
[t2[a4 - 1], t2[a4]] = [t2[a4], t2[a4 - 1]];
|
|
114
|
-
}(l4.row, e3) }, { default:
|
|
115
|
-
let a4 =
|
|
126
|
+
}(l4.row, e3) }, { default: s(() => [d(ne)]), _: 2 }, 1032, ["onClick"]), d(de, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (a3) => function(e4, l5) {
|
|
127
|
+
let a4 = Y(e4, l5);
|
|
116
128
|
if (-1 == a4 || l5.conditions.length == a4 + 1) return;
|
|
117
129
|
const t2 = l5.conditions;
|
|
118
130
|
[t2[a4], t2[a4 + 1]] = [t2[a4 + 1], t2[a4]];
|
|
119
|
-
}(l4.row, e3) }, { default:
|
|
120
|
-
let a4 =
|
|
131
|
+
}(l4.row, e3) }, { default: s(() => [d(re)]), _: 2 }, 1032, ["onClick"])])]), _: 2 }, 1024), d(se, { prop: "leftBracket", label: "(", width: "80" }, { default: s((e4) => [d(ce, { modelValue: e4.row.leftBracket, "onUpdate:modelValue": (l4) => e4.row.leftBracket = l4, clearable: "", placeholder: "请选择" }, { default: s(() => [d(pe, { label: "", value: "" }), d(pe, { label: "(", value: "(" }), d(pe, { label: "((", value: "((" }), d(pe, { label: "(((", value: "(((" }), d(pe, { label: "((((", value: "((((" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "propName", label: "字段名(*)", width: "150" }, { default: s((e4) => [d(k, { modelValue: e4.row.propName, objModelOptions: q.value, paramTypes: ["data", "task", "page", "request", "row"], "onUpdate:modelValue": (l4) => ee(l4, e4.row, "propName") }, null, 8, ["modelValue", "objModelOptions", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "operator", label: "操作符", width: "90" }, { default: s((e4) => [d(ce, { modelValue: e4.row.operator, "onUpdate:modelValue": (l4) => e4.row.operator = l4, clearable: "", placeholder: "请选择" }, { default: s(() => [r(d(pe, { label: "大于", value: "GT" }, null, 512), [[c, "int" == e4.row.dataType || "long" == e4.row.dataType || "float" == e4.row.dataType || "double" == e4.row.dataType]]), r(d(pe, { label: "小于", value: "LT" }, null, 512), [[c, "int" == e4.row.dataType || "long" == e4.row.dataType || "float" == e4.row.dataType || "double" == e4.row.dataType]]), r(d(pe, { label: "晚于", value: "GT" }, null, 512), [[c, "date" == e4.row.dataType || "datetime" == e4.row.dataType]]), r(d(pe, { label: "早于", value: "LT" }, null, 512), [[c, "date" == e4.row.dataType || "datetime" == e4.row.dataType]]), d(pe, { label: "等于", value: "EQ" }), r(d(pe, { label: "不大于", value: "LET" }, null, 512), [[c, "int" == e4.row.dataType || "long" == e4.row.dataType || "float" == e4.row.dataType || "double" == e4.row.dataType]]), r(d(pe, { label: "不小于", value: "GET" }, null, 512), [[c, "int" == e4.row.dataType || "long" == e4.row.dataType || "float" == e4.row.dataType || "double" == e4.row.dataType]]), r(d(pe, { label: "不晚于", value: "LET" }, null, 512), [[c, "date" == e4.row.dataType || "datetime" == e4.row.dataType]]), r(d(pe, { label: "不早于", value: "GET" }, null, 512), [[c, "date" == e4.row.dataType || "datetime" == e4.row.dataType]]), d(pe, { label: "不等于", value: "NET" }), d(pe, { label: "包含", value: "CONTAIN" }), d(pe, { label: "不包含", value: "NOT_CONTAIN" }), d(pe, { label: "等于Null", value: "IS_NULL" }), d(pe, { label: "不等于Null", value: "IS_NOT_NULL" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "propValue", label: "值(*)", width: "120" }, { default: s((e4) => [d(k, { modelValue: e4.row.propValue, objModelOptions: q.value, "onUpdate:modelValue": (l4) => ee(l4, e4.row, "propValue") }, null, 8, ["modelValue", "objModelOptions", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "rightBracket", label: ")", width: "80" }, { default: s((e4) => [d(ce, { modelValue: e4.row.rightBracket, "onUpdate:modelValue": (l4) => e4.row.rightBracket = l4, placeholder: "请选择", clearable: "" }, { default: s(() => [d(pe, { label: "", value: "" }), d(pe, { label: ")", value: ")" }), d(pe, { label: "))", value: "))" }), d(pe, { label: ")))", value: ")))" }), d(pe, { label: "))))", value: "))))" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "joinSign", label: "并且/或者", width: "80" }, { default: s((e4) => [d(ce, { modelValue: e4.row.joinSign, "onUpdate:modelValue": (l4) => e4.row.joinSign = l4, clearable: "", placeholder: "请选择" }, { default: s(() => [d(pe, { label: "或者", value: "or" }), d(pe, { label: "并且", value: "and" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(se, { prop: "variableIsNull", label: "变量为空时", width: "100" }, { default: s((e4) => [d(ce, { modelValue: e4.row.variableIsNull, "onUpdate:modelValue": (l4) => e4.row.variableIsNull = l4, clearable: "", placeholder: "请选择" }, { default: s(() => [d(pe, { label: "Null", value: "null" }), d(pe, { label: "忽略(1=1)", value: "ignore" }), d(pe, { label: "不符合(1<>1)", value: "notequal" })]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), d(se, { label: "操作" }, { header: s(() => [d(_2, { icon: f(w), plain: "", type: "primary", onClick: (l4) => Z(null, e3) }, { default: s(() => a2[12] || (a2[12] = [p(" 添加条件 ")])), _: 2 }, 1032, ["icon", "onClick"])]), default: s((l4) => [d(de, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px", "margin-left": "6px" }, onClick: (a3) => Z(l4.row, e3) }, { default: s(() => [d(f(w))]), _: 2 }, 1032, ["onClick"]), d(de, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (a3) => function(e4, l5) {
|
|
132
|
+
let a4 = Y(e4, l5);
|
|
121
133
|
a4 > -1 && l5.conditions.splice(a4, 1);
|
|
122
|
-
}(l4.row, e3) }, { default:
|
|
134
|
+
}(l4.row, e3) }, { default: s(() => [d(f(T))]), _: 2 }, 1032, ["onClick"])]), _: 2 }, 1024)]), _: 2 }, 1032, ["data"])]), _: 2 }, 1024))), 256))])]), _: 1 }, 8, ["modelValue", "title"]), d(ve, { "append-to-body": "", modelValue: W.value, "onUpdate:modelValue": a2[5] || (a2[5] = (e3) => W.value = e3), title: e2.title, width: "900" }, { footer: s(() => [d(_2, { type: "primary", size: "small", onClick: oe }, { default: s(() => a2[13] || (a2[13] = [p(" 确定 ")])), _: 1 }), d(_2, { size: "small", onClick: a2[4] || (a2[4] = (e3) => W.value = false) }, { default: s(() => a2[14] || (a2[14] = [p(" 取消 ")])), _: 1 })]), default: s(() => [d($2, { modelValue: I.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => I.value = e3), placeholder: "筛选字段", clearable: "" }, null, 8, ["modelValue"]), n("div", L, [d(be, { modelValue: A.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => A.value = e3), class: "group" }, { default: s(() => [(u(true), o(i, null, m(S.value, (e3) => (u(), o("li", { key: e3.dbColumnName, class: "item" }, [d(ge, { value: e3.dbColumnName }, { default: s(() => [p(b(e3.alias), 1)]), _: 2 }, 1032, ["value"])]))), 128))]), _: 1 }, 8, ["modelValue"])])]), _: 1 }, 8, ["modelValue", "title"])], 64);
|
|
123
135
|
};
|
|
124
136
|
} });
|
|
125
137
|
export {
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
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
|
-
import { componentNameChange as
|
|
4
|
-
import { getCustomFuncs as
|
|
3
|
+
import { componentNameChange as _ } from "../../../../utils/form-design-util.js";
|
|
4
|
+
import { getCustomFuncs as V } from "../../../../utils/page-event-util.js";
|
|
5
5
|
import y from "../../common/common-attr-size.vue.js";
|
|
6
6
|
import h from "../../common/common-variable-bind.vue.js";
|
|
7
7
|
import k from "../../common/common-function-code.vue.js";
|
|
@@ -12,21 +12,21 @@ import x from "../../common/common-bind-default-value.vue.js";
|
|
|
12
12
|
const j = { style: { padding: "8px 0px 0px 0px" } }, D = { class: "amb-design-attr-item-inline" }, z = { style: { padding: "8px 0px 0px 0px" } }, T = e({ __name: "datepicker-attr-base", props: { configure: { type: Object, required: true, default: () => {
|
|
13
13
|
} }, pageDesign: { type: Object, default: () => {
|
|
14
14
|
} } }, emits: ["changeAssembly"], setup(e2, { emit: T2 }) {
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
const e3 =
|
|
19
|
-
return
|
|
15
|
+
const M = e2, Y = l(M.configure.name), F = T2, P = l(["base"]), W = l(false);
|
|
16
|
+
M.configure.isTable && (W.value = true);
|
|
17
|
+
const R = l("绑定变量"), q = a(() => {
|
|
18
|
+
const e3 = M.configure.props.base, l2 = (!e3.type || "week" != e3.type) && e3.dateScope;
|
|
19
|
+
return R.value = l2 ? "绑定变量1" : "绑定变量", l2 ? "默认值1" : "默认值";
|
|
20
20
|
});
|
|
21
|
-
function
|
|
22
|
-
|
|
21
|
+
function H(e3) {
|
|
22
|
+
_(M.configure, e3, F);
|
|
23
23
|
}
|
|
24
24
|
function A(e3, l2, a2) {
|
|
25
|
-
"prop2" === a2 ?
|
|
25
|
+
"prop2" === a2 ? M.configure.props.base.prop2 = e3 : M.configure.props.base.prop = e3, l2 && (M.configure.props.base.title = l2);
|
|
26
26
|
}
|
|
27
27
|
return (l2, a2) => {
|
|
28
|
-
const
|
|
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 });
|
|
28
|
+
const _2 = o("el-option"), T3 = o("el-select"), M2 = o("el-form-item"), F2 = 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: P.value, "onUpdate:modelValue": a2[23] || (a2[23] = (e3) => P.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(M2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(T3, { modelValue: Y.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => Y.value = e3), onChange: H, placeholder: "请选择" }, { default: s(() => [(t(true), n(m, null, f(c(v)(), (e3) => (t(), u(_2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(M2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [r(F2, { 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 }), W.value ? p("", true) : (t(), u(M2, { key: 0, label: R.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(M2, { label: q.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(M2, { 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(M2, { 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]]), W.value ? p("", true) : (t(), u(M2, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), W.value ? p("", true) : (t(), u(M2, { 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[24] || (a2[24] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[25] || (a2[25] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), i(r(M2, { 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(M2, { 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(M2, { 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[26] || (a2[26] = [g("换行")])), _: 1 }), r(C, { value: "inline" }, { default: s(() => a2[27] || (a2[27] = [g("不换行")])), _: 1 }), r(C, { value: "omit" }, { default: s(() => a2[28] || (a2[28] = [g("省略号")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow && e2.configure.props.base.titleWidth > 0]]), r(M2, { 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(M2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(F2, { 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(M2, { 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[29] || (a2[29] = [g("显示")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[30] || (a2[30] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(M2, { 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[31] || (a2[31] = [g("日期")])), _: 1 }), r(C, { value: "time" }, { default: s(() => a2[32] || (a2[32] = [g("时间")])), _: 1 }), r(C, { value: "datetime" }, { default: s(() => a2[33] || (a2[33] = [g("日期+时间")])), _: 1 }), r(C, { value: "week" }, { default: s(() => a2[34] || (a2[34] = [g("周")])), _: 1 }), r(C, { value: "month" }, { default: s(() => a2[35] || (a2[35] = [g("月")])), _: 1 }), r(C, { value: "year" }, { default: s(() => a2[36] || (a2[36] = [g("年")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(r(M2, { 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[37] || (a2[37] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[38] || (a2[38] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type]]), i(r(M2, { label: "选择方式", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.dateRangePickerMode, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.dateRangePickerMode = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "combined" }, { default: s(() => a2[39] || (a2[39] = [g("原生")])), _: 1 }), r(C, { value: "separate" }, { default: s(() => a2[40] || (a2[40] = [g("分开选择")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), i(r(M2, { label: "快捷选项", class: "amb-design-attr-item" }, { default: s(() => [r(I, { modelValue: e2.configure.props.base.dateScopeDetails, "onUpdate:modelValue": a2[14] || (a2[14] = (l3) => e2.configure.props.base.dateScopeDetails = l3), class: "ml-4" }, { default: s(() => [i(r(L, { value: "today" }, { default: s(() => a2[41] || (a2[41] = [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[42] || (a2[42] = [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[43] || (a2[43] = [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[44] || (a2[44] = [g("一月")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "year" != e2.configure.props.base.type]]), r(L, { value: "oneYear" }, { default: s(() => a2[45] || (a2[45] = [g("一年")])), _: 1 }), r(G, null, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { value: "custom" }, { default: s(() => a2[46] || (a2[46] = [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[13] || (a2[13] = (l3) => e2.configure.props.base.scopeFunc = l3), placeholder: "请选择自定义方法", filterable: "" }, { default: s(() => [(t(true), n(m, null, f(c(V)(), (e3) => (t(), u(_2, { 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(M2, { label: "显示格式化", class: "amb-design-attr-item" }, { default: s(() => [r(F2, { modelValue: e2.configure.props.base.format, "onUpdate:modelValue": a2[15] || (a2[15] = (l3) => e2.configure.props.base.format = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(r(M2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.timestamp, "onUpdate:modelValue": a2[16] || (a2[16] = (l3) => e2.configure.props.base.timestamp = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => a2[47] || (a2[47] = [g("是")])), _: 1 }), r(C, { value: false }, { default: s(() => a2[48] || (a2[48] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(M2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [d("div", D, [r(F2, { modelValue: e2.configure.props.base.valueFormat, "onUpdate:modelValue": a2[17] || (a2[17] = (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[50] || (a2[50] = g(" 四位年:YYYY")), a2[51] || (a2[51] = d("br", null, null, -1)), a2[52] || (a2[52] = g("两位年:YY")), a2[53] || (a2[53] = d("br", null, null, -1)), a2[54] || (a2[54] = g("两位月:MM")), a2[55] || (a2[55] = d("br", null, null, -1)), a2[56] || (a2[56] = g("两位日:DD")), a2[57] || (a2[57] = d("br", null, null, -1)), a2[58] || (a2[58] = g("小时:hh")), a2[59] || (a2[59] = d("br", null, null, -1)), a2[60] || (a2[60] = g("分钟:mm")), a2[61] || (a2[61] = d("br", null, null, -1)), a2[62] || (a2[62] = g("秒:ss")), a2[63] || (a2[63] = d("br", null, null, -1)), a2[64] || (a2[64] = g("占位:[占位符]")), a2[65] || (a2[65] = d("br", null, null, -1)), a2[66] || (a2[66] = g("更多见： ")), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => a2[49] || (a2[49] = [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[67] || (a2[67] = g(" 查看 Day.js 支持的所有格式。 "))]), default: s(() => [r(K, { style: { "margin-left": "10px" } }, { default: s(() => [r(c(S))]), _: 1 })]), _: 1 })])]), _: 1 }), r(M2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": a2[18] || (a2[18] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "large" }, { default: s(() => a2[68] || (a2[68] = [g("大")])), _: 1 }), r(C, { value: "default" }, { default: s(() => a2[69] || (a2[69] = [g("中")])), _: 1 }), r(C, { value: "small" }, { default: s(() => a2[70] || (a2[70] = [g("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(M2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.state, "onUpdate:modelValue": a2[19] || (a2[19] = (l3) => e2.configure.props.base.state = l3), class: "ml-4" }, { default: s(() => [r(C, { value: "default" }, { default: s(() => a2[71] || (a2[71] = [g("普通")])), _: 1 }), r(C, { value: "disabled" }, { default: s(() => a2[72] || (a2[72] = [g("禁用")])), _: 1 }), r(C, { value: "readonly" }, { default: s(() => a2[73] || (a2[73] = [g("只读")])), _: 1 }), r(C, { value: "hidden" }, { default: s(() => a2[74] || (a2[74] = [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(M2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(L, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": a2[20] || (a2[20] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), r(M2, { 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[21] || (a2[21] = (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[22] || (a2[22] = (l3) => e2.configure.props.verification.customFunc = l3), placeholder: "请选择校验方法", filterable: "" }, { default: s(() => [(t(true), n(m, null, f(c(V)(), (e3) => (t(), u(_2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 })), W.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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, watch as t, resolveComponent as l, createBlock as r, openBlock as u, normalizeStyle as o, normalizeClass as i, withCtx as
|
|
1
|
+
import { defineComponent as e, ref as a, watch as t, resolveComponent as l, createBlock as r, openBlock as u, normalizeStyle as o, normalizeClass as i, withCtx as n, createVNode as m, unref as c, createElementBlock as d, createCommentVNode as s, Fragment as p, createTextVNode as f, toDisplayString as v } from "vue";
|
|
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";
|
|
@@ -6,11 +6,11 @@ import { Clock as Y, Calendar as D } from "@element-plus/icons-vue";
|
|
|
6
6
|
const b = e({ __name: "datepicker-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
7
7
|
const b2 = e2;
|
|
8
8
|
b2.configure.runtime || (b2.configure.runtime = {});
|
|
9
|
-
const
|
|
9
|
+
const k = a({}), F = a(""), S = a({}), V = a({}), M = a({});
|
|
10
10
|
return t(b2.configure.style, () => {
|
|
11
|
-
g(b2.configure,
|
|
11
|
+
g(b2.configure, k, F, S), b2.configure.runtime.style = k.value, b2.configure.runtime.class = F.value, b2.configure.runtime.headerStyle = S.value;
|
|
12
12
|
}, { immediate: true }), a([]), t(b2.configure.props, () => {
|
|
13
|
-
y(b2.configure, V,
|
|
13
|
+
y(b2.configure, V, M), function() {
|
|
14
14
|
let e3 = b2.configure && b2.configure.props ? b2.configure.props.base : {};
|
|
15
15
|
e3 = e3 || {};
|
|
16
16
|
const a2 = {};
|
|
@@ -20,11 +20,11 @@ const b = e({ __name: "datepicker-design", props: { configure: { type: Object, r
|
|
|
20
20
|
let l2 = "daterange";
|
|
21
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-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 =
|
|
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, a2.dateRangePickerMode = e3.dateRangePickerMode, 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 = M.value;
|
|
25
25
|
}, { immediate: true }), (a2, t2) => {
|
|
26
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([
|
|
27
|
+
return u(), r(b3, { required: V.value.required, class: i([F.value, "remove-formLabel-formContent-blankStyle"]), "label-width": V.value.labelWidth, style: o(k.value) }, { label: n(() => [V.value.tittleShow ? (u(), d("div", { key: 0, style: o({ ...S.value, ...M.value, "padding-right": "12px" }) }, [V.value.prefixType ? (u(), r(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (u(), d(p, { key: 1 }, [f(v(V.value.title), 1)], 64))], 4)) : s("", true)]), default: n(() => [m(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: n(() => ["timerange" == V.value.dateType || "time" == V.value.dateType ? (u(), r(g2, { key: 0 }, { default: n(() => [m(c(Y))]), _: 1 })) : (u(), r(g2, { key: 1 }, { default: n(() => [m(c(D))]), _: 1 }))]), _: 1 }, 8, ["size", "clearable", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
28
28
|
};
|
|
29
29
|
} });
|
|
30
30
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const e = { de: [{ label: "debugger", type: "property" }], "params.": [{ label: "params.pageContext", type: "property", info: "页面工具上下文" }, { label: "params.configureObj", type: "property", info: "组件配置信息" }], "params.pageContext.": [{ label: "params.pageContext.entity.data", type: "property", info: "" }, { label: "params.pageContext.entity.context", type: "property", info: "" }, { label: "params.pageContext.entity.page", type: "property", info: "" }, { label: "params.pageContext.entity.request", type: "property", info: "" }, { label: "params.pageContext.entity.system", type: "property", info: "" }, { label: "params.pageContext.entity.task", type: "property", info: "" }], "window.": [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http", type: "property", info: "接口调用" }], "window.$http.": [{ label: "window.$http.get(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.post(url,{}).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.delete(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.put(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.patch(url).then(result => {\n\n})", type: "function", info: "" }], "window.$message.": [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }], "window.$PageUtil.": [{ label: "window.$PageUtil.standardEvents", type: "function", info: "标准事件" }, { label: 'window.$PageUtil.getCustomFunc(params.pageContext, "xxxx")', type: "function", info: "获取自定义方法" }, { label: 'window.$PageUtil.getComponentRefByProp(params.pageContext, "xxxx")', type: "function", info: "根据属性获取组件引用对象" }, { label: 'window.$PageUtil.getComponentRefByCode(params.pageContext, "12c216ce9d424259974a56436c5af4cc")', type: "function", info: "根据组件唯一编码获取组件引用对象" }, { label: "window.$PageUtil.getEntity(params.pageContext)", type: "function", info: "获得实体" }, { label: 'window.$PageUtil.getEntityValue(params.pageContext, "xxxx")', type: "function", info: "获得实体属性值" }, { label: "window.$PageUtil.getPageData(params.pageContext)", type: "function", info: "获得页面变量" }, { label: 'window.$PageUtil.getPageDataValue(params.pageContext,"xxxx")', type: "function", info: "获得页面变量属性值" }, { label: "window.$PageUtil.getAdditionalParams(params.pageContext)", type: "function", info: "获得附加参数对象" }, { label: 'window.$PageUtil.getAdditionalParamValue(params.pageContext,"xxxx")', type: "function", info: "获得某附加参数值" }, { label: "window.$PageUtil.getFormViewData(params.pageContext)", type: "function", info: "获得表单数据查看信息" }, { label: "window.$PageUtil.getFormData(params.pageContext,id)", type: "function", info: "重新请求获得表单数据" }, { label: 'window.$PageUtil.setEntityDataValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置Data值" }, { label: 'window.$PageUtil.setEntityPageValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置页面变量值" }, { label: 'window.$PageUtil.setEntityValueByType(params.pageContext,"page",{"name":"xxx",age:1})', type: "function", info: "根据类型设置值" }, { label: 'window.$PageUtil.showElement(params.pageContext,["NAME","AGE"])', type: "function", info: "显示页面中的某个组件元素" }, { label: 'window.$PageUtil.hideElement(params.pageContext,["NAME","AGE"])', type: "function", info: "隐藏页面中的某个组件元素" }, { label: 'window.$PageUtil.enableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "设置组件元素可用状态" }, { label: 'window.$PageUtil.disableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.disabledAllFields(params.pageContext)", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit(params.pageContext,[])", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit(params.pageContext,[],tableCode?)", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage(params.pageContext,openParam)", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage(params.pageContext,id)", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle(params.pageContext,tableCode)", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData(params.pageContextt, tableCode, data)", type: "function", info: "更新子表集合" }, { label: "window.$PageUtil.isMobile()", type: "function", info: "是否是移动端" }, { label: "window.$PageUtil.getServerConfigValue(key)", type: "function", info: "根据key获得配置信息" }, { label: "window.$PageUtil.getBackendUrl(params.pageContext)", type: "function", info: "获得当前系统后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }], "logicContext.": [{ label: "logicContext.page", type: "property", info: "页面变量" }, { label: "logicContext.logic", type: "property", info: "页面逻辑" }, { label: "logicContext.task", type: "property", info: "任务变量" }, { label: "logicContext.context", type: "property", info: "上下文变量" }, { label: "logicContext.system", type: "property", info: "系统变量" }, { label: "logicContext.data", type: "property", info: "数据模型变量" }] };
|
|
1
|
+
const e = { de: [{ label: "debugger", type: "property" }], "params.": [{ label: "params.pageContext", type: "property", info: "页面工具上下文" }, { label: "params.configureObj", type: "property", info: "组件配置信息" }], "params.pageContext.": [{ label: "params.pageContext.entity.data", type: "property", info: "" }, { label: "params.pageContext.entity.context", type: "property", info: "" }, { label: "params.pageContext.entity.page", type: "property", info: "" }, { label: "params.pageContext.entity.request", type: "property", info: "" }, { label: "params.pageContext.entity.system", type: "property", info: "" }, { label: "params.pageContext.entity.task", type: "property", info: "" }], "window.": [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http", type: "property", info: "接口调用" }], "window.$http.": [{ label: "window.$http.get(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.post(url,{}).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.delete(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.put(url).then(result => {\n\n})", type: "function", info: "" }, { label: "window.$http.patch(url).then(result => {\n\n})", type: "function", info: "" }], "window.$message.": [{ label: "window.$message.info()", type: "function", info: "提示消息" }, { label: "window.$message.success()", type: "function", info: "成功消息" }, { label: "window.$message.warning()", type: "function", info: "警告消息" }, { label: "window.$message.error()", type: "function", info: "错误消息" }], "window.$PageUtil.": [{ label: "window.$PageUtil.standardEvents", type: "function", info: "标准事件" }, { label: 'window.$PageUtil.getCustomFunc(params.pageContext, "xxxx")', type: "function", info: "获取自定义方法" }, { label: 'window.$PageUtil.getComponentRefByProp(params.pageContext, "xxxx")', type: "function", info: "根据属性获取组件引用对象" }, { label: 'window.$PageUtil.getComponentRefByCode(params.pageContext, "12c216ce9d424259974a56436c5af4cc")', type: "function", info: "根据组件唯一编码获取组件引用对象" }, { label: "window.$PageUtil.getEntity(params.pageContext)", type: "function", info: "获得实体" }, { label: 'window.$PageUtil.getEntityValue(params.pageContext, "xxxx")', type: "function", info: "获得实体属性值" }, { label: "window.$PageUtil.getPageData(params.pageContext)", type: "function", info: "获得页面变量" }, { label: 'window.$PageUtil.getPageDataValue(params.pageContext,"xxxx")', type: "function", info: "获得页面变量属性值" }, { label: "window.$PageUtil.getAdditionalParams(params.pageContext)", type: "function", info: "获得附加参数对象" }, { label: 'window.$PageUtil.getAdditionalParamValue(params.pageContext,"xxxx")', type: "function", info: "获得某附加参数值" }, { label: "window.$PageUtil.getFormViewData(params.pageContext)", type: "function", info: "获得表单数据查看信息" }, { label: "window.$PageUtil.getFormData(params.pageContext,id)", type: "function", info: "重新请求获得表单数据" }, { label: 'window.$PageUtil.setEntityDataValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置Data值" }, { label: 'window.$PageUtil.setEntityPageValue(params.pageContext, {"name":"xxx",age:1})', type: "function", info: "设置页面变量值" }, { label: 'window.$PageUtil.setEntityValueByType(params.pageContext,"page",{"name":"xxx",age:1})', type: "function", info: "根据类型设置值" }, { label: 'window.$PageUtil.showElement(params.pageContext,["NAME","AGE"])', type: "function", info: "显示页面中的某个组件元素" }, { label: 'window.$PageUtil.hideElement(params.pageContext,["NAME","AGE"])', type: "function", info: "隐藏页面中的某个组件元素" }, { label: 'window.$PageUtil.enableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "设置组件元素可用状态" }, { label: 'window.$PageUtil.disableElement(params.pageContext,["NAME","AGE"])', type: "function", info: "禁用页面中的某个组件元素" }, { label: "window.$PageUtil.disabledAllFields(params.pageContext)", type: "function", info: "禁用所有字段" }, { label: "window.$PageUtil.dynamicControlFormEdit(params.pageContext,[])", type: "function", info: "表单编辑权限动态控制" }, { label: "window.$PageUtil.dynamicControlTableEdit(params.pageContext,[],tableCode?)", type: "function", info: "控制表格编辑权限" }, { label: "window.$PageUtil.openPage(params.pageContext,openParam)", type: "function", info: "打开页面" }, { label: "window.$PageUtil.refreshPage(params.pageContext,id)", type: "function", info: "刷新页面" }, { label: "window.$PageUtil.refreshSubTableHandle(params.pageContext,tableCode)", type: "function", info: "刷新表单中子表内容" }, { label: "window.$PageUtil.refreshChildData(params.pageContextt, tableCode, data)", type: "function", info: "更新子表集合" }, { label: "window.$PageUtil.isMobile()", type: "function", info: "是否是移动端" }, { label: "window.$PageUtil.getServerConfigValue(key)", type: "function", info: "根据key获得配置信息" }, { label: "window.$PageUtil.getBackendUrl(params.pageContext)", type: "function", info: "获得当前系统后端访问路径" }, { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }, { label: "window.$PageUtil.scrollIntoComponentWithUuid(params.pageContext,uuid)", type: "function", info: "滚动到指定 uuid 的组件" }, { label: "window.$PageUtil.scrollIntoComponentWithCode(params.pageContext,code)", type: "function", info: "滚动到指定 code 的组件" }], "logicContext.": [{ label: "logicContext.page", type: "property", info: "页面变量" }, { label: "logicContext.logic", type: "property", info: "页面逻辑" }, { label: "logicContext.task", type: "property", info: "任务变量" }, { label: "logicContext.context", type: "property", info: "上下文变量" }, { label: "logicContext.system", type: "property", info: "系统变量" }, { label: "logicContext.data", type: "property", info: "数据模型变量" }] };
|
|
2
2
|
export {
|
|
3
3
|
e as default
|
|
4
4
|
};
|
|
@@ -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-29454f75"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { defineComponent as e, computed as i, ref as s, resolveComponent as t, createBlock as r, openBlock as l, withCtx as o,
|
|
1
|
+
import { defineComponent as e, computed as i, ref as s, resolveComponent as t, createBlock as r, openBlock as l, withCtx as a, createElementBlock as o, createCommentVNode as u, unref as p } from "vue";
|
|
2
2
|
import "super-page-runtime";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import { setSessionCache as
|
|
6
|
-
const m = ["src"],
|
|
7
|
-
const
|
|
8
|
-
let y = p.getSystemCacheFrontendUrlByCode(w);
|
|
9
|
-
y = n(y);
|
|
10
|
-
const D = d.pageDesign.code;
|
|
11
|
-
g("preview_" + D, JSON.stringify(d.pageDesign));
|
|
3
|
+
import "agilebuilder-ui/src/utils/auth-api";
|
|
4
|
+
import { getCacheSystemUrlWithSystemCode as n, getSystemFrontendUrlWith as g } from "agilebuilder-ui/src/utils/common-util";
|
|
5
|
+
import { setSessionCache as c } from "agilebuilder-ui/src/utils/auth";
|
|
6
|
+
const m = ["src"], d = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: d2 }) {
|
|
7
|
+
const f = e2, v = i(() => "预览【" + f.pageDesign.label + "】"), w = d2, D = f.pageDesign.systemCode;
|
|
12
8
|
let _ = s(null);
|
|
13
|
-
return
|
|
9
|
+
return n(D).then((e3) => {
|
|
10
|
+
const i2 = g(e3), s2 = f.pageDesign.code;
|
|
11
|
+
c("preview_" + s2, JSON.stringify(f.pageDesign)), _.value = i2 + "#/dsc-full-screen/page?customSystem=" + D + "&pageCode=" + s2 + "&isNewPage=true&isPreview=true&_t_=" + (/* @__PURE__ */ new Date()).getTime();
|
|
12
|
+
}), (e3, i2) => {
|
|
14
13
|
const s2 = t("el-dialog");
|
|
15
|
-
return l(), r(s2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title:
|
|
14
|
+
return l(), r(s2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: v.value, onClose: i2[0] || (i2[0] = (e4) => w("close")) }, { default: a(() => [p(_) ? (l(), o("iframe", { key: 0, class: "preview-page-iframe", src: p(_) }, null, 8, m)) : u("", true)]), _: 1 }, 8, ["title"]);
|
|
16
15
|
};
|
|
17
16
|
} });
|
|
18
17
|
export {
|
|
19
|
-
|
|
18
|
+
d as default
|
|
20
19
|
};
|
package/dist/es/style.css
CHANGED
|
@@ -834,10 +834,10 @@ 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-29454f75] {
|
|
838
838
|
height: calc(100vh - 73px);
|
|
839
839
|
}
|
|
840
|
-
.preview-page-iframe[data-v-
|
|
840
|
+
.preview-page-iframe[data-v-29454f75] {
|
|
841
841
|
width: 100%;
|
|
842
842
|
border: none;
|
|
843
843
|
height: calc(100vh - 80px);
|
|
@@ -13196,25 +13196,25 @@ fieldset.amb-design-item-selected {
|
|
|
13196
13196
|
padding: 8px 0px 0px 0px;
|
|
13197
13197
|
}
|
|
13198
13198
|
|
|
13199
|
-
[data-v-
|
|
13199
|
+
[data-v-94c132a7] .el-card__body {
|
|
13200
13200
|
padding: 10px 0px;
|
|
13201
13201
|
}
|
|
13202
|
-
.group[data-v-
|
|
13202
|
+
.group[data-v-94c132a7] {
|
|
13203
13203
|
font-size: 14px;
|
|
13204
13204
|
width: 100%;
|
|
13205
13205
|
}
|
|
13206
|
-
.item[data-v-
|
|
13206
|
+
.item[data-v-94c132a7] {
|
|
13207
13207
|
float: left;
|
|
13208
13208
|
list-style-type: none;
|
|
13209
13209
|
width: 33.33%;
|
|
13210
13210
|
margin-bottom: 18px;
|
|
13211
13211
|
}
|
|
13212
|
-
.item-content[data-v-
|
|
13212
|
+
.item-content[data-v-94c132a7] {
|
|
13213
13213
|
height: calc(100vh - 400px);
|
|
13214
13214
|
margin-top: 10px;
|
|
13215
13215
|
overflow: auto;
|
|
13216
13216
|
}
|
|
13217
|
-
.card-header[data-v-
|
|
13217
|
+
.card-header[data-v-94c132a7] {
|
|
13218
13218
|
width: 100%;
|
|
13219
13219
|
display: flex;
|
|
13220
13220
|
justify-content: space-between;
|
|
@@ -13222,13 +13222,13 @@ fieldset.amb-design-item-selected {
|
|
|
13222
13222
|
}
|
|
13223
13223
|
|
|
13224
13224
|
/* 保证左侧内容在一行内靠左，右侧按钮靠右 */
|
|
13225
|
-
.title-config[data-v-
|
|
13225
|
+
.title-config[data-v-94c132a7] {
|
|
13226
13226
|
display: flex;
|
|
13227
13227
|
align-items: center;
|
|
13228
13228
|
gap: 8px;
|
|
13229
13229
|
flex: 1;
|
|
13230
13230
|
}
|
|
13231
|
-
.card-remove[data-v-
|
|
13231
|
+
.card-remove[data-v-94c132a7] {
|
|
13232
13232
|
/* 如需微调右侧位置可加 padding/margin */
|
|
13233
13233
|
}.amb-button-group-main[data-v-1320eaf4] {
|
|
13234
13234
|
min-height: 32px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "super-page-designer",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.20-sit1-design2",
|
|
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.66-sit2",
|
|
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.
|
|
44
|
-
"super-page-runtime": "2.3.
|
|
43
|
+
"service-flow-designer": "2.3.20-sit1-flow2",
|
|
44
|
+
"super-page-runtime": "2.3.20-sit1",
|
|
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.81-up"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@codemirror/autocomplete": "^6.16.0",
|