super-page-designer 2.2.27 → 2.2.30
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/chart/statistical-table/statisticalTable-design.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js +52 -52
- package/dist/es/components/design/views/assemblys/common/common-variable-bind.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js +35 -35
- package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js +5 -5
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +29 -29
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js +1 -1
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +1 -1
- 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 +32 -22
- package/dist/es/style.css +19 -833
- package/package.json +4 -4
- /package/dist/es/components/design/views/assemblys/common/{common-variable-bind.vue3.js → common-variable-bind.vue2.js} +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as e, ref as n, onMounted as l, watch as o, resolveComponent as
|
|
1
|
+
import { defineComponent as e, ref as n, onMounted as l, watch as o, resolveComponent as i, createElementBlock as t, openBlock as a, createVNode as u, createElementVNode as r, withDirectives as s, createCommentVNode as c, normalizeStyle as p, normalizeClass as d, withCtx as g, Fragment as m, renderList as f, createBlock as v, createTextVNode as b, unref as y, vShow as h } from "vue";
|
|
2
2
|
import C from "../../../../utils/eventBus.js";
|
|
3
3
|
import { useDraggable as x } from "vue-draggable-plus";
|
|
4
4
|
import { caculateDetailComponentStyle as S, caculateComponentProps as j } from "../../../../utils/form-design-util.js";
|
|
5
5
|
import { getTableColumnConf as D } from "../../../../utils/assemblys-config.js";
|
|
6
|
-
import { Plus as
|
|
6
|
+
import { Plus as k, Delete as H } from "@element-plus/icons-vue";
|
|
7
7
|
import { ElMessageBox as O } from "element-plus";
|
|
8
8
|
import { getColumnsWithGroupHeader as w, addColumnToGroupHeaders as z } from "../../../../utils/data-table-util.js";
|
|
9
9
|
import "uuid";
|
|
@@ -15,11 +15,11 @@ import "@vueuse/core";
|
|
|
15
15
|
import E from "../component/table-children-column.vue.js";
|
|
16
16
|
import { queryTableFields as M, changeFeieldToMap as T } from "../../../../utils/page-table-util.js";
|
|
17
17
|
const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _ = { key: 0, style: { width: "100%", display: "flex", "justify-content": "center", "padding-top": "20px" } }, B = e({ __name: "table-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {} }, emits: ["selectColumn", "onSelectWidget"], setup(e2, { emit: B2 }) {
|
|
18
|
-
const P = e2,
|
|
18
|
+
const P = e2, $ = B2, N = n([{}]), G = n(1), F = n(1), K = n({}), L = n(""), U = n({}), V = n({}), I = n(false);
|
|
19
19
|
P.configure.props.groupHeaders;
|
|
20
|
-
const
|
|
20
|
+
const R = n([]), q = n(), X = n([]);
|
|
21
21
|
function Y(e3, n2) {
|
|
22
|
-
|
|
22
|
+
$("onSelectWidget", e3, n2);
|
|
23
23
|
}
|
|
24
24
|
P.configure && function() {
|
|
25
25
|
const e3 = P.configure.tableSysCode ? P.configure.tableSysCode : P.pageDesign.systemCode, n2 = P.configure.tableSysVersion ? P.configure.tableSysVersion : P.pageDesign.version, l2 = P.configure.props.dataOrigin.tableName;
|
|
@@ -27,25 +27,25 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
27
27
|
P.configure.modelFieldsMap = T(P.configure.modelFieldsMap, e4), P.configure.modelFields = e4;
|
|
28
28
|
});
|
|
29
29
|
}(), l(() => {
|
|
30
|
-
|
|
31
|
-
}), C.$on("
|
|
32
|
-
e3.value ? X.value = X.value.filter((n2) => n2 != e3.
|
|
30
|
+
R.value = w(P.configure);
|
|
31
|
+
}), C.$on("setHiddenColumsUuid", (e3) => {
|
|
32
|
+
e3.value ? X.value = X.value.filter((n2) => n2 != e3.uuid) : X.value.push(e3.uuid);
|
|
33
33
|
}), o(P.configure.style, () => {
|
|
34
|
-
S(P.configure,
|
|
34
|
+
S(P.configure, K, L, U), P.configure.runtime.style = K.value, P.configure.runtime.class = L.value, P.configure.runtime.headerStyle = U.value;
|
|
35
35
|
}, { immediate: true }), o(P.configure.props, () => {
|
|
36
|
-
j(P.configure,
|
|
36
|
+
j(P.configure, V), function() {
|
|
37
37
|
let e3 = P.configure.props;
|
|
38
38
|
if (!e3.base) return;
|
|
39
39
|
const n2 = {};
|
|
40
|
-
if (e3.base.subPaging && (n2.subPaging = e3.base.subPaging), e3.base.layout && (n2.layout = e3.base.layout.join(",")), e3.base.pageSizes && (n2.pageSizes = e3.base.pageSizes.split(",")), e3.base.alignTitle && (n2.alignTitle = e3.base.alignTitle), e3.base.alignContent && (n2.alignContent = e3.base.alignContent), n2 != {}) for (const e4 in n2)
|
|
41
|
-
}(), P.configure.runtime.props =
|
|
40
|
+
if (e3.base.subPaging && (n2.subPaging = e3.base.subPaging), e3.base.layout && (n2.layout = e3.base.layout.join(",")), e3.base.pageSizes && (n2.pageSizes = e3.base.pageSizes.split(",")), e3.base.alignTitle && (n2.alignTitle = e3.base.alignTitle), e3.base.alignContent && (n2.alignContent = e3.base.alignContent), n2 != {}) for (const e4 in n2) V.value[e4] = n2[e4];
|
|
41
|
+
}(), P.configure.runtime.props = V.value;
|
|
42
42
|
}, { immediate: true }), o(() => P.configure.props.isChangeGroupHeader, () => {
|
|
43
|
-
P.configure.props.isChangeGroupHeader && (
|
|
43
|
+
P.configure.props.isChangeGroupHeader && (R.value = w(P.configure), q.value && q.value.doLayout());
|
|
44
44
|
}), C.$on("reloadTable-" + P.configure.uuid, (e3) => {
|
|
45
|
-
e3 && (P.configure.items = e3,
|
|
46
|
-
}), o(() =>
|
|
45
|
+
e3 && (P.configure.items = e3, R.value = w(P.configure)), q.value && q.value.doLayout();
|
|
46
|
+
}), o(() => R.value, (e3) => {
|
|
47
47
|
e3.forEach((e4) => {
|
|
48
|
-
e4.props && e4.props.base && !e4.props.base.visible && X.value.push(e4.
|
|
48
|
+
e4.props && e4.props.base && !e4.props.base.visible && X.value.push(e4.uuid);
|
|
49
49
|
});
|
|
50
50
|
}, { deep: true });
|
|
51
51
|
const A = n("");
|
|
@@ -57,12 +57,12 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
57
57
|
var l2;
|
|
58
58
|
(n2 || window.event).preventDefault(), l2 = e3, P.configure.items.forEach((e4, n3) => {
|
|
59
59
|
e4.props.base.name == l2.label && (ne.value = e4, le.value = n3);
|
|
60
|
-
}),
|
|
61
|
-
const o2 = document.querySelector("#tableDesignMenu"),
|
|
62
|
-
o2.style.display = "block", o2.style.left = n2.clientX + 30 + "px", o2.style.top = n2.clientY +
|
|
60
|
+
}), I.value = true;
|
|
61
|
+
const o2 = document.querySelector("#tableDesignMenu"), i2 = document.documentElement.scrollTop || document.body.scrollTop;
|
|
62
|
+
o2.style.display = "block", o2.style.left = n2.clientX + 30 + "px", o2.style.top = n2.clientY + i2 - 22 + "px";
|
|
63
63
|
}
|
|
64
64
|
function Z() {
|
|
65
|
-
|
|
65
|
+
I.value = false;
|
|
66
66
|
}
|
|
67
67
|
function ee(e3) {
|
|
68
68
|
var _a;
|
|
@@ -71,7 +71,7 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
71
71
|
let n2 = D(e4);
|
|
72
72
|
P.configure.items.splice(le.value + 1, 0, n2), (_a = P.configure.items) == null ? void 0 : _a.forEach((e5, n3) => {
|
|
73
73
|
e5.props.base.displayOrder && e5.props.base.displayOrder == n3 || (e5.props.base.displayOrder = n3);
|
|
74
|
-
}), P.configure.props.base.isEnableGroupHeader && (z(P.configure.items[le.value + 1], null, P.configure.props.groupHeaders),
|
|
74
|
+
}), P.configure.props.base.isEnableGroupHeader && (z(P.configure.items[le.value + 1], null, P.configure.props.groupHeaders), R.value = w(P.configure), C.$emit("synchroGroupHeadersData"));
|
|
75
75
|
} else "deleteNode" === e3 && O.confirm("当前操作会删除当前列", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
|
|
76
76
|
P.configure.items.splice(le.value, 1);
|
|
77
77
|
}).catch(() => {
|
|
@@ -81,8 +81,8 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
81
81
|
function oe(e3) {
|
|
82
82
|
ne.value = e3;
|
|
83
83
|
}
|
|
84
|
-
function
|
|
85
|
-
te(
|
|
84
|
+
function ie(e3, n2, l2, o2) {
|
|
85
|
+
te(R.value, l2.columnKey).props.base.columnWidth = e3;
|
|
86
86
|
}
|
|
87
87
|
function te(e3, n2) {
|
|
88
88
|
let l2 = {};
|
|
@@ -91,12 +91,12 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
91
91
|
e4.children && e4.children.length > 0 && (l2 = te(e4.children, n2));
|
|
92
92
|
}), l2;
|
|
93
93
|
}
|
|
94
|
-
function
|
|
95
|
-
let
|
|
96
|
-
return X.value.includes(n2.
|
|
94
|
+
function ae({ row: e3, column: n2, rowIndex: l2, columnIndex: o2 }) {
|
|
95
|
+
let i2 = "";
|
|
96
|
+
return X.value.includes(n2.columnKey) && (i2 = "hiddenBorder"), n2.columnKey === A.value && (i2 = "addBorder"), i2;
|
|
97
97
|
}
|
|
98
98
|
function ue(e3) {
|
|
99
|
-
A.value = e3;
|
|
99
|
+
A.value = e3.uuid;
|
|
100
100
|
}
|
|
101
101
|
function re(e3, n2) {
|
|
102
102
|
for (var l2 = document.getElementsByClassName(n2.id), o2 = 0; o2 < l2.length; o2++) l2[o2].style.backgroundColor = "rgba(88, 147, 239,.1)";
|
|
@@ -106,8 +106,8 @@ const W = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, _
|
|
|
106
106
|
}
|
|
107
107
|
return x(".el-table__header-wrapper tr", P.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
|
|
108
108
|
} }), (e3, n2) => {
|
|
109
|
-
const l2 =
|
|
110
|
-
return
|
|
109
|
+
const l2 = i("el-table"), o2 = i("el-icon"), C2 = i("el-pagination");
|
|
110
|
+
return a(), t("div", null, [u(l2, { ref_key: "tableRef", ref: q, "cell-class-name": ae, "header-cell-class-name": ae, border: "", class: d(L.value), data: N.value, onHeaderDragend: ie, onHeaderContextmenu: Q, onRowClick: J, onCellMouseEnter: re, onCellMouseLeave: se, style: p(K.value) }, { default: g(() => [(a(true), t(m, null, f(R.value, (n3) => (a(), v(E, { key: n3, listColumns: n3, designProperty: V.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetClickColumn: ue, onOnSelectWidget: Y, onSetColumnData: oe, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), r("div", { onClick: J, style: { width: "100%", height: "30px" } }), s(r("div", null, [r("ul", W, [r("li", { tabindex: "-1", onClick: n2[0] || (n2[0] = () => ee("createCombinedHeader")) }, [u(o2, null, { default: g(() => [u(y(k))]), _: 1 }), n2[4] || (n2[4] = b(" 创建 "))]), ne.value.props && ne.value.props.base && "$selection" !== ne.value.props.base.prop && "$index" !== ne.value.props.base.prop ? (a(), t("li", { key: 0, tabindex: "-1", onClick: n2[1] || (n2[1] = () => ee("deleteNode")) }, [u(o2, null, { default: g(() => [u(y(H))]), _: 1 }), n2[5] || (n2[5] = b(" 删除 "))])) : c("", true)], 512)], 512), [[h, I.value]]), V.value.subPaging ? (a(), t("div", _, [u(C2, { "current-page": G.value, "onUpdate:currentPage": n2[2] || (n2[2] = (e4) => G.value = e4), "page-size": F.value, "onUpdate:pageSize": n2[3] || (n2[3] = (e4) => F.value = e4), "page-sizes": V.value.pageSizes, layout: V.value.layout, total: 400 }, null, 8, ["current-page", "page-size", "page-sizes", "layout"])])) : c("", true)]);
|
|
111
111
|
};
|
|
112
112
|
} });
|
|
113
113
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import t from "./tablecolumn-attr-base.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const a = e(t, [["__scopeId", "data-v-a94e418c"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -82,7 +82,7 @@ const P = { style: { padding: "8px 0px 0px 0px" } }, A = { class: "amb-design-at
|
|
|
82
82
|
D(null, e5, K), K.push(e5);
|
|
83
83
|
}
|
|
84
84
|
} else R2.tableConfigure.props.base.isEnableGroupHeader && x(K, a2);
|
|
85
|
-
else k.$emit("
|
|
85
|
+
else k.$emit("setHiddenColumsUuid", { uuid: R2.configure.uuid, name: R2.configure.props.base.name, value: e3 });
|
|
86
86
|
}
|
|
87
87
|
function se(e3) {
|
|
88
88
|
R2.configure.props.base.defaultValue = e3;
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js
CHANGED
|
@@ -28,7 +28,7 @@ const x = { style: { padding: "8px 0px 0px 0px" } }, T = { class: "amb-design-at
|
|
|
28
28
|
}
|
|
29
29
|
return (l2, a2) => {
|
|
30
30
|
const v2 = o("el-option"), z3 = o("el-select"), D2 = o("el-form-item"), F2 = o("el-input"), O = o("el-radio"), P = 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");
|
|
31
|
-
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: M.value, "onUpdate:modelValue": a2[23] || (a2[23] = (e3) => M.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [d("div", x, [r(D2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(z3, { modelValue: Y.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => Y.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), n(f, null, c(m(V)(), (e3) => (t(), u(v2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { 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(D2, { 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(D2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "defaultValue", isRange: true, modelValue: e2.configure.props.base.defaultValue, "onUpdate:modelValue": C }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"]), i(r(D2, { 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(D2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "defaultValue2", isRange: true, modelValue: e2.configure.props.base.defaultValue2, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => C(e3, "defaultValue2")) }, 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]]), W.value ? p("", true) : (t(), u(D2, { 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(D2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[24] || (a2[24] = [g("显示")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[25] || (a2[25] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), i(r(D2, { label: "标题", class: "amb-design-attr-item" }, { default: s(() => [r(w, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(D2, { label: "标题宽度", class: "amb-design-attr-item" }, { default: s(() => [r(B, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": a2[6] || (a2[6] = (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(D2, { label: "标题超宽", title: "标题超宽显示", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.titleShowWay, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.titleShowWay = l3), class: "ml-4" }, { default: s(() => [r(O, { value: "block" }, { default: s(() => a2[26] || (a2[26] = [g("换行")])), _: 1 }), r(O, { value: "inline" }, { default: s(() => a2[27] || (a2[27] = [g("不换行")])), _: 1 }), r(O, { 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(D2, { 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[8] || (a2[8] = (l3) => e2.configure.props.base.placeholder = l3) }, null, 8, ["modelValue"])]), _: 1 }), i(r(D2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(F2, { modelValue: e2.configure.props.base.endPlaceholder, "onUpdate:modelValue": a2[9] || (a2[9] = (l3) => e2.configure.props.base.endPlaceholder = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), r(D2, { label: "清除按钮", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.clearable, "onUpdate:modelValue": a2[10] || (a2[10] = (l3) => e2.configure.props.base.clearable = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[29] || (a2[29] = [g("显示")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[30] || (a2[30] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { label: "类型", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": a2[11] || (a2[11] = (l3) => e2.configure.props.base.type = l3), class: "ml-4" }, { default: s(() => [r(O, { value: "date" }, { default: s(() => a2[31] || (a2[31] = [g("日期")])), _: 1 }), r(O, { value: "time" }, { default: s(() => a2[32] || (a2[32] = [g("时间")])), _: 1 }), r(O, { value: "datetime" }, { default: s(() => a2[33] || (a2[33] = [g("日期+时间")])), _: 1 }), r(O, { value: "week" }, { default: s(() => a2[34] || (a2[34] = [g("周")])), _: 1 }), r(O, { value: "month" }, { default: s(() => a2[35] || (a2[35] = [g("月")])), _: 1 }), r(O, { value: "year" }, { default: s(() => a2[36] || (a2[36] = [g("年")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(r(D2, { label: "选择范围", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.dateScope, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.dateScope = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[37] || (a2[37] = [g("是")])), _: 1 }), r(O, { 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 && "year" != e2.configure.props.base.type]]), i(r(D2, { 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[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: "yesterday" }, { default: s(() => a2[40] || (a2[40] = [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[41] || (a2[41] = [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[42] || (a2[42] = [g("一月")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "year" != e2.configure.props.base.type]]), r(L, { value: "oneYear" }, { default: s(() => a2[43] || (a2[43] = [g("一年")])), _: 1 }), r(G, null, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { value: "custom" }, { default: s(() => a2[44] || (a2[44] = [g("自定义")])), _: 1 })]), _: 1 }), r(E, { span: 16 }, { default: s(() => [r(z3, { 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(f, null, c(m(_)(), (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(D2, { 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(D2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: true }, { default: s(() => a2[45] || (a2[45] = [g("是")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[46] || (a2[46] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(D2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [d("div", T, [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[48] || (a2[48] = g(" 四位年:YYYY")), a2[49] || (a2[49] = d("br", null, null, -1)), a2[50] || (a2[50] = g("两位年:YY")), a2[51] || (a2[51] = d("br", null, null, -1)), a2[52] || (a2[52] = g("两位月:MM")), a2[53] || (a2[53] = d("br", null, null, -1)), a2[54] || (a2[54] = g("两位日:DD")), a2[55] || (a2[55] = d("br", null, null, -1)), a2[56] || (a2[56] = g("小时:hh")), a2[57] || (a2[57] = d("br", null, null, -1)), a2[58] || (a2[58] = g("分钟:mm")), a2[59] || (a2[59] = d("br", null, null, -1)), a2[60] || (a2[60] = g("秒:ss")), a2[61] || (a2[61] = d("br", null, null, -1)), a2[62] || (a2[62] = g("占位:[占位符]")), a2[63] || (a2[63] = d("br", null, null, -1)), a2[64] || (a2[64] = g("更多见: ")), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => a2[47] || (a2[47] = [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[65] || (a2[65] = g(" 查看 Day.js 支持的所有格式。 "))]), default: s(() => [r(K, { style: { "margin-left": "10px" } }, { default: s(() => [r(m(S))]), _: 1 })]), _: 1 })])]), _: 1 }), r(D2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: "large" }, { default: s(() => a2[66] || (a2[66] = [g("大")])), _: 1 }), r(O, { value: "default" }, { default: s(() => a2[67] || (a2[67] = [g("中")])), _: 1 }), r(O, { value: "small" }, { default: s(() => a2[68] || (a2[68] = [g("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: "default" }, { default: s(() => a2[69] || (a2[69] = [g("普通")])), _: 1 }), r(O, { value: "disabled" }, { default: s(() => a2[70] || (a2[70] = [g("禁用")])), _: 1 }), r(O, { value: "readonly" }, { 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", j, [r(D2, { 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(D2, { 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(z3, { 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(f, null, c(m(_)(), (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 })), W.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
31
|
+
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: M.value, "onUpdate:modelValue": a2[23] || (a2[23] = (e3) => M.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [d("div", x, [r(D2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(z3, { modelValue: Y.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => Y.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), n(f, null, c(m(V)(), (e3) => (t(), u(v2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { 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(D2, { 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(D2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "defaultValue", isRange: true, modelValue: e2.configure.props.base.defaultValue, "onUpdate:modelValue": C }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"]), i(r(D2, { 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(D2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "defaultValue2", isRange: true, modelValue: e2.configure.props.base.defaultValue2, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => C(e3, "defaultValue2")) }, 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]]), W.value ? p("", true) : (t(), u(D2, { 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(D2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[4] || (a2[4] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[24] || (a2[24] = [g("显示")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[25] || (a2[25] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })), i(r(D2, { label: "标题", class: "amb-design-attr-item" }, { default: s(() => [r(w, { modelValue: e2.configure.props.base.title, "onUpdate:modelValue": a2[5] || (a2[5] = (l3) => e2.configure.props.base.title = l3) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow]]), i(r(D2, { label: "标题宽度", class: "amb-design-attr-item" }, { default: s(() => [r(B, { modelValue: e2.configure.props.base.titleWidth, "onUpdate:modelValue": a2[6] || (a2[6] = (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(D2, { label: "标题超宽", title: "标题超宽显示", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.titleShowWay, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.titleShowWay = l3), class: "ml-4" }, { default: s(() => [r(O, { value: "block" }, { default: s(() => a2[26] || (a2[26] = [g("换行")])), _: 1 }), r(O, { value: "inline" }, { default: s(() => a2[27] || (a2[27] = [g("不换行")])), _: 1 }), r(O, { 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(D2, { 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[8] || (a2[8] = (l3) => e2.configure.props.base.placeholder = l3) }, null, 8, ["modelValue"])]), _: 1 }), i(r(D2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(F2, { modelValue: e2.configure.props.base.endPlaceholder, "onUpdate:modelValue": a2[9] || (a2[9] = (l3) => e2.configure.props.base.endPlaceholder = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), r(D2, { label: "清除按钮", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.clearable, "onUpdate:modelValue": a2[10] || (a2[10] = (l3) => e2.configure.props.base.clearable = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[29] || (a2[29] = [g("显示")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[30] || (a2[30] = [g("隐藏")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { label: "类型", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.type, "onUpdate:modelValue": a2[11] || (a2[11] = (l3) => e2.configure.props.base.type = l3), class: "ml-4" }, { default: s(() => [r(O, { value: "date" }, { default: s(() => a2[31] || (a2[31] = [g("日期")])), _: 1 }), r(O, { value: "time" }, { default: s(() => a2[32] || (a2[32] = [g("时间")])), _: 1 }), r(O, { value: "datetime" }, { default: s(() => a2[33] || (a2[33] = [g("日期+时间")])), _: 1 }), r(O, { value: "week" }, { default: s(() => a2[34] || (a2[34] = [g("周")])), _: 1 }), r(O, { value: "month" }, { default: s(() => a2[35] || (a2[35] = [g("月")])), _: 1 }), r(O, { value: "year" }, { default: s(() => a2[36] || (a2[36] = [g("年")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), i(r(D2, { label: "选择范围", class: "amb-design-attr-item" }, { default: s(() => [r(P, { modelValue: e2.configure.props.base.dateScope, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.dateScope = l3), class: "ml-4" }, { default: s(() => [r(O, { value: true }, { default: s(() => a2[37] || (a2[37] = [g("是")])), _: 1 }), r(O, { 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 && "year" != e2.configure.props.base.type]]), i(r(D2, { 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[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: "yesterday" }, { default: s(() => a2[40] || (a2[40] = [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[41] || (a2[41] = [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[42] || (a2[42] = [g("一月")])), _: 1 }, 512), [[b, !e2.configure.props.base.type || "year" != e2.configure.props.base.type]]), r(L, { value: "oneYear" }, { default: s(() => a2[43] || (a2[43] = [g("一年")])), _: 1 }), r(G, null, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { value: "custom" }, { default: s(() => a2[44] || (a2[44] = [g("自定义")])), _: 1 })]), _: 1 }), r(E, { span: 16 }, { default: s(() => [r(z3, { 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(f, null, c(m(_)(), (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(D2, { 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(D2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: true }, { default: s(() => a2[45] || (a2[45] = [g("是")])), _: 1 }), r(O, { value: false }, { default: s(() => a2[46] || (a2[46] = [g("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(D2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [d("div", T, [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[48] || (a2[48] = g(" 四位年:YYYY")), a2[49] || (a2[49] = d("br", null, null, -1)), a2[50] || (a2[50] = g("两位年:YY")), a2[51] || (a2[51] = d("br", null, null, -1)), a2[52] || (a2[52] = g("两位月:MM")), a2[53] || (a2[53] = d("br", null, null, -1)), a2[54] || (a2[54] = g("两位日:DD")), a2[55] || (a2[55] = d("br", null, null, -1)), a2[56] || (a2[56] = g("小时:hh")), a2[57] || (a2[57] = d("br", null, null, -1)), a2[58] || (a2[58] = g("分钟:mm")), a2[59] || (a2[59] = d("br", null, null, -1)), a2[60] || (a2[60] = g("秒:ss")), a2[61] || (a2[61] = d("br", null, null, -1)), a2[62] || (a2[62] = g("占位:[占位符]")), a2[63] || (a2[63] = d("br", null, null, -1)), a2[64] || (a2[64] = g("更多见: ")), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => a2[47] || (a2[47] = [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[65] || (a2[65] = g(" 查看 Day.js 支持的所有格式。 "))]), default: s(() => [r(K, { style: { "margin-left": "10px" } }, { default: s(() => [r(m(S))]), _: 1 })]), _: 1 })])]), _: 1 }), r(D2, { label: "尺寸", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: "large" }, { default: s(() => a2[66] || (a2[66] = [g("大")])), _: 1 }), r(O, { value: "default" }, { default: s(() => a2[67] || (a2[67] = [g("中")])), _: 1 }), r(O, { value: "small" }, { default: s(() => a2[68] || (a2[68] = [g("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(D2, { label: "状态", class: "amb-design-attr-item" }, { default: s(() => [r(P, { 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(O, { value: "default" }, { default: s(() => a2[69] || (a2[69] = [g("普通")])), _: 1 }), r(O, { value: "disabled" }, { default: s(() => a2[70] || (a2[70] = [g("禁用")])), _: 1 }), r(O, { value: "readonly" }, { default: s(() => a2[71] || (a2[71] = [g("只读")])), _: 1 }), r(O, { value: "hidden" }, { default: s(() => a2[72] || (a2[72] = [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", j, [r(D2, { 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(D2, { 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(z3, { 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(f, null, c(m(_)(), (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 })), W.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
32
32
|
};
|
|
33
33
|
} });
|
|
34
34
|
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 c, withCtx as m, vShow as d, unref as v, createTextVNode as f, toDisplayString as p, 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 _, deepCopy as V } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as k } from "../../../../../stores/page-store.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as
|
|
1
|
+
import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as C, renderList as j } from "vue";
|
|
2
2
|
import { Monitor as S, Cellphone as k, Iphone as O, Plus as _, Check as A, View as T } from "@element-plus/icons";
|
|
3
3
|
import { useDraggable as D } from "vue-draggable-plus";
|
|
4
4
|
import w from "../../assemblys/object-design.vue.js";
|
|
5
5
|
import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as N } from "../../../utils/common-util.js";
|
|
6
6
|
import { addComponentRef as E } from "../../../utils/page-helper-util.js";
|
|
7
|
-
import { caculatePageStyle as
|
|
8
|
-
import
|
|
9
|
-
import { ElMessage as
|
|
7
|
+
import { caculatePageStyle as R } from "../../../utils/container-design-util.js";
|
|
8
|
+
import U from "./view-design-preview.vue.js";
|
|
9
|
+
import { ElMessage as J } from "element-plus";
|
|
10
10
|
import "@vueuse/core";
|
|
11
11
|
import "@element-plus/icons-vue";
|
|
12
12
|
import "codemirror";
|
|
@@ -16,14 +16,14 @@ 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";
|
|
23
23
|
import "../../../utils/eventBus.js";
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import { setTableRuntimesFromConfigure as
|
|
24
|
+
import P from "./components/quick-add-dialog.vue.js";
|
|
25
|
+
import z from "./components/i18n-setting.vue.js";
|
|
26
|
+
import { setTableRuntimesFromConfigure as M } from "../../../utils/page-table-util.js";
|
|
27
27
|
import B from "agilebuilder-ui/src/utils/request";
|
|
28
28
|
import { copyHandleEvents as K, deleteDesignItem as q } from "../../../utils/page-design-util.js";
|
|
29
29
|
import { setHomeChartRuntimesFromConfigure as V } from "../../../utils/home-chart-util.js";
|
|
@@ -41,7 +41,7 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
|
|
|
41
41
|
return se.value && (i2["min-height"] = se.value + "px"), i2;
|
|
42
42
|
});
|
|
43
43
|
function ue() {
|
|
44
|
-
|
|
44
|
+
R(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
|
|
45
45
|
}
|
|
46
46
|
l(X.configure.props, () => {
|
|
47
47
|
ue();
|
|
@@ -81,24 +81,34 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
|
|
|
81
81
|
const e3 = JSON.parse(JSON.stringify(X.configure));
|
|
82
82
|
e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
|
|
83
83
|
"form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
|
|
84
|
-
|
|
85
|
-
const
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
if (e4.tableUuids) {
|
|
85
|
+
const i2 = {};
|
|
86
|
+
e4.tableUuids = e4.tableUuids.filter((n2) => {
|
|
87
|
+
const t2 = N(e4, n2);
|
|
88
|
+
if (t2) {
|
|
89
|
+
if (M(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
|
|
90
|
+
const l2 = e4.tableRuntimes[n2];
|
|
91
|
+
l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
|
|
92
|
+
}
|
|
93
|
+
return true;
|
|
94
|
+
}
|
|
95
|
+
return false;
|
|
96
|
+
}), e4.listCodesMap = i2;
|
|
97
|
+
}
|
|
88
98
|
e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
|
|
89
99
|
let n2 = N(e4, i2);
|
|
90
100
|
return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), V(n2, e4), true);
|
|
91
101
|
}));
|
|
92
102
|
}(e3), B.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
|
|
93
|
-
|
|
103
|
+
J({ message: "保存成功", type: "success" });
|
|
94
104
|
}).catch((e4) => {
|
|
95
|
-
|
|
105
|
+
J({ message: "保存失败", type: "error" });
|
|
96
106
|
});
|
|
97
107
|
}
|
|
98
108
|
D(be, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
|
|
99
109
|
} });
|
|
100
110
|
const he = i(false);
|
|
101
|
-
const
|
|
111
|
+
const Ce = i(null), je = i({}), Se = i({}), ke = i(false);
|
|
102
112
|
let Oe;
|
|
103
113
|
function _e() {
|
|
104
114
|
Oe && clearTimeout(Oe), ke.value = false, Oe = setTimeout(() => {
|
|
@@ -116,18 +126,18 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
|
|
|
116
126
|
}), G2({ onSelectEvent: function(e3) {
|
|
117
127
|
ke.value = !(!e3 || "selected" !== e3);
|
|
118
128
|
}, addEvent: function(e3, i2) {
|
|
119
|
-
|
|
129
|
+
je.value = e3;
|
|
120
130
|
const n2 = Ae(e3.eventName);
|
|
121
|
-
n2 && (Se.value = n2),
|
|
131
|
+
n2 && (Se.value = n2), Ce.value = i2 || "event", _e();
|
|
122
132
|
}, changeEvent: function(e3) {
|
|
123
133
|
if (e3) {
|
|
124
|
-
|
|
134
|
+
Ce.value = null, je.value = e3;
|
|
125
135
|
const i2 = Ae(e3.eventName);
|
|
126
136
|
Se.value = i2 || null, _e();
|
|
127
137
|
} else ke.value = false;
|
|
128
138
|
} }), (e3, i2) => {
|
|
129
139
|
const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting");
|
|
130
|
-
return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[
|
|
140
|
+
return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[C, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
|
|
131
141
|
var _a;
|
|
132
142
|
(_a = Z.value) == null ? void 0 : _a.show();
|
|
133
143
|
}) }, [f(n2, { size: 18 }, { default: y(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = g("label", null, "国际化配置", -1))]), g("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
|
|
@@ -136,9 +146,9 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
|
|
|
136
146
|
const e5 = JSON.parse(JSON.stringify(X.configure));
|
|
137
147
|
e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
|
|
138
148
|
const n3 = N(e5, i3);
|
|
139
|
-
n3 &&
|
|
149
|
+
n3 && M(n3, e5);
|
|
140
150
|
}), ne.value = e5, he.value = true;
|
|
141
|
-
}()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null,
|
|
151
|
+
}()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, j(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[C, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(U, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(P, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(z, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
|
|
142
152
|
};
|
|
143
153
|
} });
|
|
144
154
|
export {
|