super-page-designer 2.3.18-design1 → 2.3.19-design1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/design/utils/assemblys-config.js +6 -6
- package/dist/es/components/design/utils/chart-design-util.js +100 -92
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue.js +1 -1
- package/dist/es/components/design/views/assemblys/button/button/button-attr-base.vue2.js +19 -19
- package/dist/es/components/design/views/assemblys/chart/common/common-style-legend.vue.js +7 -4
- package/dist/es/components/design/views/assemblys/chart/common/common-style-tooltip.vue.js +2 -2
- package/dist/es/components/design/views/assemblys/chart/gauge/gauge-attr.vue2.js +4 -3
- package/dist/es/components/design/views/assemblys/chart/pie/pie-attr.vue2.js +8 -7
- package/dist/es/components/design/views/assemblys/chart/radar/radar-attr.vue2.js +2 -1
- package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-attr.vue2.js +11 -10
- package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js +5 -4
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js +3 -3
- package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js +15 -15
- package/dist/es/components/design/views/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/page-switch.vue.js +1 -1
- package/dist/es/components/design/views/design/view/page-switch.vue2.js +3 -3
- package/dist/es/components/design/views/design/view/view-design-display.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue.js +1 -1
- package/dist/es/components/design/views/design/view/view-design-preview.vue2.js +16 -18
- package/dist/es/style.css +38 -61
- package/package.json +4 -4
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent as e, resolveComponent as l, createBlock as o, openBlock as t, withCtx as a, createElementVNode as i, createVNode as u, withDirectives as r, createTextVNode as
|
|
1
|
+
import { defineComponent as e, resolveComponent as l, createBlock as o, openBlock as t, withCtx as a, createElementVNode as i, createVNode as u, withDirectives as r, createTextVNode as n, vShow as p, createElementBlock as d, Fragment as s, renderList as m } from "vue";
|
|
2
2
|
const f = { style: { padding: "8px 0px 0px 0px" } }, c = e({ __name: "common-style-tooltip", props: { configure: { type: Object, required: true }, chartType: Object }, setup(e2) {
|
|
3
3
|
const c2 = e2, g = ["8", "10", "12", "14", "16", "18", "20", "24", "28"];
|
|
4
4
|
return c2.configure.style.axisPointer || (c2.configure.style.axisPointer = { type: "line" }), (c3, b) => {
|
|
5
5
|
const y = l("el-switch"), x = l("el-form-item"), V = l("el-radio-button"), _ = l("el-radio-group"), v = l("el-option"), h = l("el-select"), T = l("el-checkbox"), N = l("el-col"), F = l("el-row"), U = l("el-input"), P = l("el-checkbox-group"), z = l("el-color-picker"), w = l("el-text"), O = l("el-collapse-item");
|
|
6
|
-
return t(), o(O, { title: "提示消息（tooltip）", name: "styleTooltip", class: "amb-design-attr-group-header" }, { default: a(() => [i("div", f, [u(x, { label: "是否显示", style: { "margin-top": "0px", "margin-bottom": "-15px" } }, { default: a(() => [u(y, { modelValue: e2.configure.style.enableTooltip, "onUpdate:modelValue": b[0] || (b[0] = (l2) => e2.configure.style.enableTooltip = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(u(x, { label: "触发类型", style: { "margin-top": "18px" } }, { default: a(() => [u(_, { modelValue: e2.configure.style.tooltipTrigger, "onUpdate:modelValue": b[1] || (b[1] = (l2) => e2.configure.style.tooltipTrigger = l2) }, { default: a(() => [u(V, { value: "" }, { default: a(() => [...b[12] || (b[12] = [
|
|
6
|
+
return t(), o(O, { title: "提示消息（tooltip）", name: "styleTooltip", class: "amb-design-attr-group-header" }, { default: a(() => [i("div", f, [u(x, { label: "是否显示", style: { "margin-top": "0px", "margin-bottom": "-15px" } }, { default: a(() => [u(y, { modelValue: e2.configure.style.enableTooltip, "onUpdate:modelValue": b[0] || (b[0] = (l2) => e2.configure.style.enableTooltip = l2) }, null, 8, ["modelValue"])]), _: 1 }), r(u(x, { label: "触发类型", style: { "margin-top": "18px" } }, { default: a(() => [u(_, { modelValue: e2.configure.style.tooltipTrigger, "onUpdate:modelValue": b[1] || (b[1] = (l2) => e2.configure.style.tooltipTrigger = l2) }, { default: a(() => [u(V, { value: "" }, { default: a(() => [...b[12] || (b[12] = [n("默认", -1)])]), _: 1 }), u(V, { value: "item" }, { default: a(() => [...b[13] || (b[13] = [n("item", -1)])]), _: 1 }), r(u(V, { value: "axis" }, { default: a(() => [...b[14] || (b[14] = [n("axis", -1)])]), _: 1 }, 512), [[p, "radar" != e2.chartType]])]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "触发位置", style: { "margin-top": "-10px" } }, { default: a(() => [u(h, { modelValue: e2.configure.style.tooltipPosition, "onUpdate:modelValue": b[2] || (b[2] = (l2) => e2.configure.style.tooltipPosition = l2), placeholder: "默认", clearable: "" }, { default: a(() => [u(v, { label: "inside", value: "inside" }), u(v, { label: "top", value: "top" }), u(v, { label: "left", value: "left" }), u(v, { label: "right", value: "right" }), u(v, { label: "bottom", value: "bottom" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip && "item" == e2.configure.style.tooltipTrigger]]), r(u(x, { label: "数据格式", style: { "margin-top": "-15px" } }, { default: a(() => [u(P, { modelValue: e2.configure.style.tooltipNumFormat, "onUpdate:modelValue": b[6] || (b[6] = (l2) => e2.configure.style.tooltipNumFormat = l2) }, { default: a(() => [u(F, null, { default: a(() => [u(N, { span: 14 }, { default: a(() => [u(T, { value: "precision", label: "小数位数", size: "large" })]), _: 1 }), u(N, { span: 8 }, { default: a(() => [u(h, { style: { width: "70px", "margin-top": "8px" }, size: "small", modelValue: e2.configure.style.tooltipNumPrecision, "onUpdate:modelValue": b[3] || (b[3] = (l2) => e2.configure.style.tooltipNumPrecision = l2), disabled: e2.configure.style.tooltipNumFormat && -1 == e2.configure.style.tooltipNumFormat.indexOf("precision"), placeholder: "默认", clearable: "" }, { default: a(() => [u(v, { label: "1", value: "1" }), u(v, { label: "2", value: "2" }), u(v, { label: "3", value: "3" }), u(v, { label: "4", value: "4" }), u(v, { label: "5", value: "5" }), u(v, { label: "6", value: "6" })]), _: 1 }, 8, ["modelValue", "disabled"])]), _: 1 })]), _: 1 }), u(F, { style: { "margin-top": "-10px" } }, { default: a(() => [u(N, { span: 14 }, { default: a(() => [u(T, { value: "prefix", label: "前缀", size: "large" })]), _: 1 }), u(N, { span: 8 }, { default: a(() => [u(U, { size: "small", style: { width: "70px", "margin-top": "8px" }, modelValue: e2.configure.style.tooltipNumPrefix, "onUpdate:modelValue": b[4] || (b[4] = (l2) => e2.configure.style.tooltipNumPrefix = l2), disabled: e2.configure.style.tooltipNumFormat && -1 == e2.configure.style.tooltipNumFormat.indexOf("prefix"), placeholder: "" }, null, 8, ["modelValue", "disabled"])]), _: 1 })]), _: 1 }), u(F, { style: { "margin-top": "-10px" } }, { default: a(() => [u(N, { span: 14 }, { default: a(() => [u(T, { value: "append", label: "后缀", size: "large" })]), _: 1 }), u(N, { span: 8 }, { default: a(() => [u(U, { size: "small", style: { width: "70px", "margin-top": "8px" }, modelValue: e2.configure.style.tooltipNumAppend, "onUpdate:modelValue": b[5] || (b[5] = (l2) => e2.configure.style.tooltipNumAppend = l2), disabled: e2.configure.style.tooltipNumFormat && -1 == e2.configure.style.tooltipNumFormat.indexOf("append"), placeholder: "" }, null, 8, ["modelValue", "disabled"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "文字颜色", style: { "margin-top": "-10px" } }, { default: a(() => [u(z, { modelValue: e2.configure.style.tooltipColor, "onUpdate:modelValue": b[7] || (b[7] = (l2) => e2.configure.style.tooltipColor = l2) }, null, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "文字字号", style: { "margin-top": "-10px" } }, { default: a(() => [u(h, { modelValue: e2.configure.style.tooltipFontSize, "onUpdate:modelValue": b[8] || (b[8] = (l2) => e2.configure.style.tooltipFontSize = l2), placeholder: "默认", clearable: "" }, { default: a(() => [(t(), d(s, null, m(g, (e3) => u(v, { label: e3, value: e3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "文字粗细", style: { "margin-top": "-10px" } }, { default: a(() => [u(h, { modelValue: e2.configure.style.tooltipWeight, "onUpdate:modelValue": b[9] || (b[9] = (l2) => e2.configure.style.tooltipWeight = l2), placeholder: "默认", clearable: "" }, { default: a(() => [u(v, { label: "bold", value: "bold" }), u(v, { label: "bolder", value: "bolder" }), u(v, { label: "lighter", value: "lighter" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "坐标轴指示器类型", style: { "margin-top": "-10px" } }, { default: a(() => [u(h, { modelValue: e2.configure.style.axisPointer.type, "onUpdate:modelValue": b[10] || (b[10] = (l2) => e2.configure.style.axisPointer.type = l2), placeholder: "none", clearable: "" }, { default: a(() => [u(v, { label: "line", value: "line" }), u(v, { label: "cross", value: "cross" }), u(v, { label: "shadow", value: "shadow" }), u(v, { label: "none", value: "none" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]]), r(u(x, { label: "内容定义", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: a(() => [u(U, { modelValue: e2.configure.style.tooltipFormatter, "onUpdate:modelValue": b[11] || (b[11] = (l2) => e2.configure.style.tooltipFormatter = l2), rows: 2, type: "textarea", placeholder: "{a} <br/>{b} : <strong>{d}%</strong>" }, null, 8, ["modelValue"]), u(w, { style: { "line-height": "15px", "margin-top": "5px" }, type: "success", size: "small" }, { default: a(() => [...b[15] || (b[15] = [n(" {a}：系列名；{b}：数据名；{c}：数据值；{@xxx}；{@[n]} ", -1)])]), _: 1 })]), _: 1 }, 512), [[p, e2.configure.style.enableTooltip]])])]), _: 1 });
|
|
7
7
|
};
|
|
8
8
|
} });
|
|
9
9
|
export {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, watch as l, resolveComponent as t, createElementBlock as n, openBlock as s, createElementVNode as u, normalizeClass as c, createTextVNode as
|
|
1
|
+
import { defineComponent as e, ref as a, watch as l, resolveComponent as t, createElementBlock as n, openBlock as s, createElementVNode as u, normalizeClass as c, createTextVNode as o, createBlock as r, createCommentVNode as i, withDirectives as g, createVNode as v, vShow as d } from "vue";
|
|
2
2
|
import f from "./gauge-attr-base.vue.js";
|
|
3
3
|
import m from "./gauge-attr-style.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import "@element-plus/icons";
|
|
5
5
|
import p from "./attr-advanced.vue.js";
|
|
6
|
+
import b from "../common/common-attr-events.vue.js";
|
|
6
7
|
const y = { class: "amb-design-attr-content" }, j = { class: "amb-design-attr-header" }, k = { class: "amb-design-attr-header-type" }, C = { class: "amb-design-attr-list" }, D = e({ __name: "gauge-attr", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
|
|
7
8
|
} } }, emits: [], setup(e2, { emit: D2 }) {
|
|
8
9
|
const h = e2, O = a("base");
|
|
@@ -16,7 +17,7 @@ const y = { class: "amb-design-attr-content" }, j = { class: "amb-design-attr-he
|
|
|
16
17
|
q();
|
|
17
18
|
}), (a2, l2) => {
|
|
18
19
|
const D3 = t("el-badge");
|
|
19
|
-
return s(), n("div", y, [u("div", j, [u("div", k, [u("label", { class: c({ selected: "base" == O.value }), onClick: l2[0] || (l2[0] = (e3) => O.value = "base") }, "属性", 2), u("label", { class: c({ selected: "style" == O.value }), onClick: l2[1] || (l2[1] = (e3) => O.value = "style") }, "样式", 2), u("label", { class: c({ selected: "event" == O.value }), onClick: l2[2] || (l2[2] = (e3) => O.value = "event") }, [l2[4] || (l2[4] =
|
|
20
|
+
return s(), n("div", y, [u("div", j, [u("div", k, [u("label", { class: c({ selected: "base" == O.value }), onClick: l2[0] || (l2[0] = (e3) => O.value = "base") }, "属性", 2), u("label", { class: c({ selected: "style" == O.value }), onClick: l2[1] || (l2[1] = (e3) => O.value = "style") }, "样式", 2), u("label", { class: c({ selected: "event" == O.value }), onClick: l2[2] || (l2[2] = (e3) => O.value = "event") }, [l2[4] || (l2[4] = o(" 事件 ", -1)), _.value > 0 ? (s(), r(D3, { key: 0, value: _.value }, null, 8, ["value"])) : i("", true)], 2), u("label", { class: c({ selected: "advanced" == O.value }), onClick: l2[3] || (l2[3] = (e3) => O.value = "advanced") }, "高级", 2)])]), u("div", C, [g(v(f, { configure: e2.configure }, null, 8, ["configure"]), [[d, "base" == O.value]]), g(v(m, { configure: e2.configure }, null, 8, ["configure"]), [[d, "style" == O.value]]), g(v(b, { configure: e2.configure }, null, 8, ["configure"]), [[d, "event" == O.value]]), g(v(p, { pageDesign: e2.pageDesign, configure: e2.configure }, null, 8, ["pageDesign", "configure"]), [[d, "advanced" == O.value]])])]);
|
|
20
21
|
};
|
|
21
22
|
} });
|
|
22
23
|
export {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { defineComponent as e, ref as a, watch as
|
|
1
|
+
import { defineComponent as e, ref as a, watch as n, resolveComponent as l, createElementBlock as t, openBlock as s, createElementVNode as u, normalizeClass as i, createTextVNode as c, createBlock as o, createCommentVNode as r, withDirectives as g, createVNode as v, vShow as d } from "vue";
|
|
2
2
|
import f from "./pie-attr-base.vue.js";
|
|
3
3
|
import p from "./pie-attr-style.vue.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import "@element-plus/icons";
|
|
5
|
+
import m from "./attr-advanced.vue.js";
|
|
6
|
+
import b from "../common/common-attr-events.vue.js";
|
|
6
7
|
const y = { class: "amb-design-attr-content" }, D = { class: "amb-design-attr-header" }, j = { class: "amb-design-attr-header-type" }, k = { class: "amb-design-attr-list" }, C = e({ __name: "pie-attr", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
|
|
7
8
|
} } }, emits: [], setup(e2, { emit: C2 }) {
|
|
8
9
|
const h = e2, O = a("base");
|
|
@@ -12,11 +13,11 @@ const y = { class: "amb-design-attr-content" }, D = { class: "amb-design-attr-he
|
|
|
12
13
|
const e3 = h.configure.events;
|
|
13
14
|
for (let a2 = 0; a2 < e3.length; a2++) e3[a2].selLogicCode && _.value++;
|
|
14
15
|
}
|
|
15
|
-
return q(),
|
|
16
|
+
return q(), n(h.configure.events, (e3) => {
|
|
16
17
|
q();
|
|
17
|
-
}), (a2,
|
|
18
|
-
const C3 =
|
|
19
|
-
return s(), t("div", y, [u("div", D, [u("div", j, [u("label", { class: i({ selected: "base" == O.value }), onClick:
|
|
18
|
+
}), (a2, n2) => {
|
|
19
|
+
const C3 = l("el-badge");
|
|
20
|
+
return s(), t("div", y, [u("div", D, [u("div", j, [u("label", { class: i({ selected: "base" == O.value }), onClick: n2[0] || (n2[0] = (e3) => O.value = "base") }, "属性", 2), u("label", { class: i({ selected: "style" == O.value }), onClick: n2[1] || (n2[1] = (e3) => O.value = "style") }, "样式", 2), u("label", { class: i({ selected: "event" == O.value }), onClick: n2[2] || (n2[2] = (e3) => O.value = "event") }, [n2[4] || (n2[4] = c(" 事件 ", -1)), _.value > 0 ? (s(), o(C3, { key: 0, value: _.value }, null, 8, ["value"])) : r("", true)], 2), u("label", { class: i({ selected: "advanced" == O.value }), onClick: n2[3] || (n2[3] = (e3) => O.value = "advanced") }, "高级", 2)])]), u("div", k, [g(v(f, { configure: e2.configure, pageDesign: e2.pageDesign }, null, 8, ["configure", "pageDesign"]), [[d, "base" == O.value]]), g(v(p, { configure: e2.configure }, null, 8, ["configure"]), [[d, "style" == O.value]]), g(v(b, { configure: e2.configure }, null, 8, ["configure"]), [[d, "event" == O.value]]), g(v(m, { pageDesign: e2.pageDesign, configure: e2.configure }, null, 8, ["pageDesign", "configure"]), [[d, "advanced" == O.value]])])]);
|
|
20
21
|
};
|
|
21
22
|
} });
|
|
22
23
|
export {
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { defineComponent as e, ref as a, watch as l, resolveComponent as t, createElementBlock as n, openBlock as s, createElementVNode as r, normalizeClass as u, createTextVNode as c, createBlock as o, createCommentVNode as i, withDirectives as v, createVNode as g, vShow as d } from "vue";
|
|
2
2
|
import f from "./radar-attr-base.vue.js";
|
|
3
3
|
import m from "./radar-attr-style.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import "@element-plus/icons";
|
|
5
5
|
import p from "./attr-advanced.vue.js";
|
|
6
|
+
import b from "../common/common-attr-events.vue.js";
|
|
6
7
|
const y = { class: "amb-design-attr-content" }, j = { class: "amb-design-attr-header" }, k = { class: "amb-design-attr-header-type" }, C = { class: "amb-design-attr-list" }, D = e({ __name: "radar-attr", props: { configure: { type: Object, required: true }, pageDesign: { type: Object, default: () => {
|
|
7
8
|
} } }, emits: [], setup(e2, { emit: D2 }) {
|
|
8
9
|
const h = e2, O = a("base");
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, createElementBlock as a, openBlock as
|
|
1
|
+
import { defineComponent as e, ref as t, createElementBlock as a, openBlock as n, createVNode as o, createElementVNode as i, unref as l, isRef as r, withDirectives as u, vShow as s } from "vue";
|
|
2
2
|
import g from "./statisticalTable-attr-base.vue.js";
|
|
3
3
|
import c from "./statisticalTable-attr-advanced.vue.js";
|
|
4
|
-
import
|
|
4
|
+
import m from "./statisticalTable-attr-style.vue.js";
|
|
5
5
|
import f from "../../data/component/attr-header.vue.js";
|
|
6
|
-
import
|
|
7
|
-
|
|
6
|
+
import p from "../common/common-attr-events.vue.js";
|
|
7
|
+
import d from "../../../../utils/eventBus.js";
|
|
8
|
+
const v = { class: "amb-design-attr-content" }, b = { class: "amb-design-attr-list" }, j = e({ __name: "statisticalTable-attr", props: { pageDesign: { type: Object, default: () => {
|
|
8
9
|
} }, configure: { type: Object, default: () => ({ title: "Text", props: { type: "input-text" } }) } }, setup(e2) {
|
|
9
|
-
let
|
|
10
|
-
const D = t({}),
|
|
11
|
-
return
|
|
12
|
-
D.value = e3.columnData,
|
|
13
|
-
}), (t2,
|
|
10
|
+
let j2 = t("base");
|
|
11
|
+
const D = t({}), y = t({});
|
|
12
|
+
return d.$on("selectColumn", (e3) => {
|
|
13
|
+
D.value = e3.columnData, y.value = e3.tableConfigure;
|
|
14
|
+
}), (t2, d2) => (n(), a("div", v, [o(f, { modelValue: l(j2), "onUpdate:modelValue": d2[0] || (d2[0] = (e3) => r(j2) ? j2.value = e3 : j2 = e3) }, null, 8, ["modelValue"]), i("div", b, [u(o(g, { pageDesign: e2.pageDesign, configure: e2.configure }, null, 8, ["pageDesign", "configure"]), [[s, "base" === l(j2)]]), u(o(c, { pageDesign: e2.pageDesign, configure: e2.configure, tableConfigure: y.value }, null, 8, ["pageDesign", "configure", "tableConfigure"]), [[s, "advanced" === l(j2)]]), u(o(p, { configure: e2.configure }, null, 8, ["configure"]), [[s, "event" == l(j2)]]), u(o(m, { configure: e2.configure }, null, 8, ["configure"]), [[s, "style" === l(j2)]])])]));
|
|
14
15
|
} });
|
|
15
16
|
export {
|
|
16
|
-
|
|
17
|
+
j as default
|
|
17
18
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as e, ref as o, onMounted as n, onUnmounted as l, watch as i, resolveComponent as u, createElementBlock as a, openBlock as t, createVNode as r, createElementVNode as s, withDirectives as c, createCommentVNode as p, normalizeStyle as d, normalizeClass as g, withCtx as f, Fragment as m, renderList as b, createBlock as v, createTextVNode as y, unref as h, vShow as C } from "vue";
|
|
2
2
|
import x from "../../../../utils/eventBus.js";
|
|
3
|
-
import { useDraggable as
|
|
4
|
-
import { caculateDetailComponentStyle as
|
|
3
|
+
import { useDraggable as j } from "vue-draggable-plus";
|
|
4
|
+
import { caculateDetailComponentStyle as S, caculateComponentProps as k } from "../../../../utils/form-design-util.js";
|
|
5
5
|
import { getTableColumnConf as D } from "../../../../utils/assemblys-config.js";
|
|
6
6
|
import { Plus as E, Delete as H } from "@element-plus/icons-vue";
|
|
7
7
|
import { ElMessageBox as O } from "element-plus";
|
|
@@ -12,6 +12,7 @@ import "agilebuilder-ui/src/utils/auth";
|
|
|
12
12
|
import "super-page-runtime";
|
|
13
13
|
import "../../../../../../stores/page-store.js";
|
|
14
14
|
import "@vueuse/core";
|
|
15
|
+
import "agilebuilder-ui/src/utils/json-util";
|
|
15
16
|
/* empty css */
|
|
16
17
|
import M from "../component/table-children-column.vue.js";
|
|
17
18
|
import { queryTableFields as W, changeFeieldToMap as _ } from "../../../../utils/page-table-util.js";
|
|
@@ -34,7 +35,7 @@ const B = { class: "amb-object-design-table-ref" }, P = { id: "tableDesignMenu",
|
|
|
34
35
|
}), x.$on("setHiddenColumsUuid", (e3) => {
|
|
35
36
|
e3.value ? Y.value = Y.value.filter((o2) => o2 != e3.uuid) : Y.value.push(e3.uuid);
|
|
36
37
|
}), i(z.configure.style, () => {
|
|
37
|
-
|
|
38
|
+
S(z.configure, K, L, U), z.configure.runtime.style = K.value, z.configure.runtime.class = L.value, z.configure.runtime.headerStyle = U.value;
|
|
38
39
|
}, { immediate: true }), i(z.configure.props, () => {
|
|
39
40
|
k(z.configure, I), function() {
|
|
40
41
|
let e3 = z.configure.props;
|
|
@@ -109,7 +110,7 @@ const B = { class: "amb-object-design-table-ref" }, P = { id: "tableDesignMenu",
|
|
|
109
110
|
function ce(e3, o2) {
|
|
110
111
|
for (var n2 = document.getElementsByClassName(o2.id), l2 = 0; l2 < n2.length; l2++) n2[l2].style.backgroundColor = "";
|
|
111
112
|
}
|
|
112
|
-
return
|
|
113
|
+
return j(".el-table__header-wrapper tr", z.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
|
|
113
114
|
}, onEnd(e3) {
|
|
114
115
|
z.configure.items.forEach((e4, o2) => {
|
|
115
116
|
e4.props.base.displayOrder = o2;
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-attr-base.vue.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as l, computed as a, resolveComponent as o, createBlock as u, openBlock as t, withCtx as s, createVNode as r, withDirectives as i, createCommentVNode as p, createElementVNode as
|
|
1
|
+
import { defineComponent as e, ref as l, computed as a, resolveComponent as o, createBlock as u, openBlock as t, withCtx as s, createVNode as r, withDirectives as i, createCommentVNode as p, createElementVNode as d, createElementBlock as n, Fragment as m, renderList as f, unref as c, vShow as b, createTextVNode as g } from "vue";
|
|
2
2
|
import { getFormComponentOptions as v } from "../../../../utils/assemblys-config.js";
|
|
3
3
|
import { componentNameChange as V } from "../../../../utils/form-design-util.js";
|
|
4
4
|
import { getCustomFuncs as _ } from "../../../../utils/page-event-util.js";
|
|
@@ -15,7 +15,7 @@ const j = { style: { padding: "8px 0px 0px 0px" } }, D = { class: "amb-design-at
|
|
|
15
15
|
const Y = e2, F = l(Y.configure.name), M = T2, W = l(["base"]), P = l(false);
|
|
16
16
|
Y.configure.isTable && (P.value = true);
|
|
17
17
|
const q = l("绑定变量"), H = a(() => {
|
|
18
|
-
const e3 = Y.configure.props.base, l2 = (!e3.type || "week" != e3.type
|
|
18
|
+
const e3 = Y.configure.props.base, l2 = (!e3.type || "week" != e3.type) && e3.dateScope;
|
|
19
19
|
return q.value = l2 ? "绑定变量1" : "绑定变量", l2 ? "默认值1" : "默认值";
|
|
20
20
|
});
|
|
21
21
|
function R(e3) {
|
|
@@ -26,7 +26,7 @@ const j = { style: { padding: "8px 0px 0px 0px" } }, D = { class: "amb-design-at
|
|
|
26
26
|
}
|
|
27
27
|
return (l2, a2) => {
|
|
28
28
|
const V2 = o("el-option"), T3 = o("el-select"), Y2 = o("el-form-item"), M2 = o("el-input"), C = o("el-radio"), O = o("el-radio-group"), B = o("el-input-number"), L = o("el-checkbox"), E = o("el-col"), G = o("el-row"), I = o("el-checkbox-group"), J = o("el-link"), K = o("el-icon"), N = o("el-tooltip"), Q = o("el-collapse-item"), X = o("el-collapse"), Z = o("el-form");
|
|
29
|
-
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: W.value, "onUpdate:modelValue": a2[22] || (a2[22] = (e3) => W.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [n("div", j, [r(Y2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(T3, { modelValue: F.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => F.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), d(f, null, m(c(v)(), (e3) => (t(), u(V2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), P.value ? p("", true) : (t(), u(Y2, { key: 0, label: q.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop", modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": A }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"])), r(Y2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 8, ["label"]), i(r(Y2, { label: "绑定变量2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop2", modelValue: e2.configure.props.base.prop2, paramTypes: ["data", "page"], "onUpdate:modelValue": a2[2] || (a2[2] = (e3, l3) => A(e3, l3, "prop2")) }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), i(r(Y2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", defaultValueProp: "defaultValue2", moreDefaultValueProp: "moreDefaultValue2", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), P.value ? p("", true) : (t(), u(Y2, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), P.value ? p("", true) : (t(), u(Y2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => [...a2[23] || (a2[23] = [g("显示", -1)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[24] || (a2[24] = [g("隐藏", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "inline" }, { default: s(() => [...a2[26] || (a2[26] = [g("不换行", -1)])]), _: 1 }), r(C, { value: "omit" }, { default: s(() => [...a2[27] || (a2[27] = [g("省略号", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.tittleShow && e2.configure.props.base.titleWidth > 0]]), r(Y2, { class: "amb-design-attr-item" }, { label: s(() => [i(n("span", null, "输入提示", 512), [[b, !e2.configure.props.base.dateScope]]), i(n("span", null, "开始提示", 512), [[b, e2.configure.props.base.dateScope]])]), default: s(() => [r(w, { modelValue: e2.configure.props.base.placeholder, "onUpdate:modelValue": a2[7] || (a2[7] = (l3) => e2.configure.props.base.placeholder = l3) }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "结束提示", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.endPlaceholder, "onUpdate:modelValue": a2[8] || (a2[8] = (l3) => e2.configure.props.base.endPlaceholder = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }, 512), [[b, e2.configure.props.base.dateScope]]), r(Y2, { label: "清除按钮", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.clearable, "onUpdate:modelValue": a2[9] || (a2[9] = (l3) => e2.configure.props.base.clearable = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => [...a2[28] || (a2[28] = [g("显示", -1)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[29] || (a2[29] = [g("隐藏", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "time" }, { default: s(() => [...a2[31] || (a2[31] = [g("时间", -1)])]), _: 1 }), r(C, { value: "datetime" }, { default: s(() => [...a2[32] || (a2[32] = [g("日期+时间", -1)])]), _: 1 }), r(C, { value: "week" }, { default: s(() => [...a2[33] || (a2[33] = [g("周", -1)])]), _: 1 }), r(C, { value: "month" }, { default: s(() => [...a2[34] || (a2[34] = [g("月", -1)])]), _: 1 }), r(C, { value: "year" }, { default: s(() => [...a2[35] || (a2[35] = [g("年", -1)])]), _: 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)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[37] || (a2[37] = [g("否", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, !e2.configure.props.base.type || "week" != e2.configure.props.base.type && "year" != e2.configure.props.base.type]]), i(r(Y2, { label: "快捷选项", class: "amb-design-attr-item" }, { default: s(() => [r(I, { modelValue: e2.configure.props.base.dateScopeDetails, "onUpdate:modelValue": a2[13] || (a2[13] = (l3) => e2.configure.props.base.dateScopeDetails = l3), class: "ml-4" }, { default: s(() => [i(r(L, { value: "today" }, { default: s(() => [...a2[38] || (a2[38] = [g("今天", -1)])]), _: 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)])]), _: 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)])]), _: 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)])]), _: 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)])]), _: 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 })]), _: 1 }), r(E, { span: 16 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.base.dateScopeDetails || !e2.configure.props.base.dateScopeDetails.includes("custom"), modelValue: e2.configure.props.base.scopeFunc, "onUpdate:modelValue": a2[12] || (a2[12] = (l3) => e2.configure.props.base.scopeFunc = l3), placeholder: "请选择自定义方法", filterable: "" }, { default: s(() => [(t(true), d(f, null, m(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "显示格式化", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.props.base.format, "onUpdate:modelValue": a2[14] || (a2[14] = (l3) => e2.configure.props.base.format = l3), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 }), i(r(Y2, { label: "值为时间戳", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.timestamp, "onUpdate:modelValue": a2[15] || (a2[15] = (l3) => e2.configure.props.base.timestamp = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => [...a2[44] || (a2[44] = [g("是", -1)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[45] || (a2[45] = [g("否", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[b, "time" != e2.configure.props.base.type]]), r(Y2, { label: "值格式化", class: "amb-design-attr-item" }, { default: s(() => [n("div", D, [r(M2, { modelValue: e2.configure.props.base.valueFormat, "onUpdate:modelValue": a2[16] || (a2[16] = (l3) => e2.configure.props.base.valueFormat = l3), placeholder: "请输入", disabled: true === e2.configure.props.base.timestamp }, null, 8, ["modelValue", "disabled"]), r(N, { placement: "top", effect: "light" }, { content: s(() => [a2[47] || (a2[47] = g(" 四位年:YYYY", -1)), a2[48] || (a2[48] = n("br", null, null, -1)), a2[49] || (a2[49] = g("两位年:YY", -1)), a2[50] || (a2[50] = n("br", null, null, -1)), a2[51] || (a2[51] = g("两位月:MM", -1)), a2[52] || (a2[52] = n("br", null, null, -1)), a2[53] || (a2[53] = g("两位日:DD", -1)), a2[54] || (a2[54] = n("br", null, null, -1)), a2[55] || (a2[55] = g("小时:hh", -1)), a2[56] || (a2[56] = n("br", null, null, -1)), a2[57] || (a2[57] = g("分钟:mm", -1)), a2[58] || (a2[58] = n("br", null, null, -1)), a2[59] || (a2[59] = g("秒:ss", -1)), a2[60] || (a2[60] = n("br", null, null, -1)), a2[61] || (a2[61] = g("占位:[占位符]", -1)), a2[62] || (a2[62] = n("br", null, null, -1)), a2[63] || (a2[63] = g("更多见： ", -1)), r(J, { href: "https://day.js.org/docs/en/display/format#list-of-all-available-formats", target: "_blank", type: "primary" }, { default: s(() => [...a2[46] || (a2[46] = [n("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", class: "link-icon" }, [n("path", { fill: "currentColor", d: "M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z" })], -1)])]), _: 1 }), a2[64] || (a2[64] = g(" 查看 Day.js 支持的所有格式。 ", -1))]), 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)])]), _: 1 }), r(C, { value: "default" }, { default: s(() => [...a2[66] || (a2[66] = [g("中", -1)])]), _: 1 }), r(C, { value: "small" }, { default: s(() => [...a2[67] || (a2[67] = [g("小", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "disabled" }, { default: s(() => [...a2[69] || (a2[69] = [g("禁用", -1)])]), _: 1 }), r(C, { value: "readonly" }, { default: s(() => [...a2[70] || (a2[70] = [g("只读", -1)])]), _: 1 }), r(C, { value: "hidden" }, { default: s(() => [...a2[71] || (a2[71] = [g("隐藏", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(r(U, { configure: e2.configure }, null, 8, ["configure"]), [[b, e2.configure.props.base.tittleShow]]), (t(), u(Q, { title: "校验", name: "verification", key: e2.configure.uuid, class: "amb-design-attr-group-header" }, { default: s(() => [n("div", z, [r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(L, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": a2[19] || (a2[19] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { label: "自定义", modelValue: e2.configure.props.verification.custom, "onUpdate:modelValue": a2[20] || (a2[20] = (l3) => e2.configure.props.verification.custom = l3) }, null, 8, ["modelValue"])]), _: 1 }), r(E, { span: 14 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.verification.custom, modelValue: e2.configure.props.verification.customFunc, "onUpdate:modelValue": a2[21] || (a2[21] = (l3) => e2.configure.props.verification.customFunc = l3), placeholder: "请选择校验方法", filterable: "" }, { default: s(() => [(t(true), d(f, null, m(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 })), P.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
29
|
+
return t(), u(Z, { "label-width": "80px", size: "small" }, { default: s(() => [r(X, { modelValue: W.value, "onUpdate:modelValue": a2[22] || (a2[22] = (e3) => W.value = e3), style: { "margin-top": "6px" } }, { default: s(() => [r(Q, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: s(() => [d("div", j, [r(Y2, { label: "组件类型", class: "amb-design-attr-item" }, { default: s(() => [r(T3, { modelValue: F.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => F.value = e3), onChange: R, placeholder: "请选择" }, { default: s(() => [(t(true), n(m, null, f(c(v)(), (e3) => (t(), u(V2, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(Y2, { label: "唯一编码", class: "amb-design-attr-item" }, { default: s(() => [r(M2, { modelValue: e2.configure.uuid, "onUpdate:modelValue": a2[1] || (a2[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), P.value ? p("", true) : (t(), u(Y2, { key: 0, label: q.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop", modelValue: e2.configure.props.base.prop, paramTypes: ["data", "page"], "onUpdate:modelValue": A }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 8, ["label"])), r(Y2, { label: H.value, class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 8, ["label"]), i(r(Y2, { label: "绑定变量2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(h, { isTable: e2.configure.isTable, key: e2.configure.uuid + "prop2", modelValue: e2.configure.props.base.prop2, paramTypes: ["data", "page"], "onUpdate:modelValue": a2[2] || (a2[2] = (e3, l3) => A(e3, l3, "prop2")) }, null, 8, ["isTable", "modelValue"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), i(r(Y2, { label: "默认值2", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(x, { isRange: true, key: e2.configure.uuid + "defaultValue", defaultValueProp: "defaultValue2", moreDefaultValueProp: "moreDefaultValue2", configure: e2.configure }, null, 8, ["configure"]))]), _: 1 }, 512), [[b, (!e2.configure.props.base.type || "week" != e2.configure.props.base.type) && e2.configure.props.base.dateScope]]), P.value ? p("", true) : (t(), u(Y2, { key: 1, label: "绑定权限", class: "amb-design-attr-item" }, { default: s(() => [(t(), u(k, { key: e2.configure.uuid, configure: e2.configure }, null, 8, ["configure"]))]), _: 1 })), P.value ? p("", true) : (t(), u(Y2, { key: 2, label: "标题显示", class: "amb-design-attr-item" }, { default: s(() => [r(O, { modelValue: e2.configure.props.base.tittleShow, "onUpdate:modelValue": a2[3] || (a2[3] = (l3) => e2.configure.props.base.tittleShow = l3), class: "ml-4" }, { default: s(() => [r(C, { value: true }, { default: s(() => [...a2[23] || (a2[23] = [g("显示", -1)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[24] || (a2[24] = [g("隐藏", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "inline" }, { default: s(() => [...a2[26] || (a2[26] = [g("不换行", -1)])]), _: 1 }), r(C, { value: "omit" }, { default: s(() => [...a2[27] || (a2[27] = [g("省略号", -1)])]), _: 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)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[29] || (a2[29] = [g("隐藏", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "time" }, { default: s(() => [...a2[31] || (a2[31] = [g("时间", -1)])]), _: 1 }), r(C, { value: "datetime" }, { default: s(() => [...a2[32] || (a2[32] = [g("日期+时间", -1)])]), _: 1 }), r(C, { value: "week" }, { default: s(() => [...a2[33] || (a2[33] = [g("周", -1)])]), _: 1 }), r(C, { value: "month" }, { default: s(() => [...a2[34] || (a2[34] = [g("月", -1)])]), _: 1 }), r(C, { value: "year" }, { default: s(() => [...a2[35] || (a2[35] = [g("年", -1)])]), _: 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)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[37] || (a2[37] = [g("否", -1)])]), _: 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)])]), _: 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)])]), _: 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)])]), _: 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)])]), _: 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)])]), _: 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 })]), _: 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)])]), _: 1 }), r(C, { value: false }, { default: s(() => [...a2[45] || (a2[45] = [g("否", -1)])]), _: 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", -1)), a2[48] || (a2[48] = d("br", null, null, -1)), a2[49] || (a2[49] = g("两位年:YY", -1)), a2[50] || (a2[50] = d("br", null, null, -1)), a2[51] || (a2[51] = g("两位月:MM", -1)), a2[52] || (a2[52] = d("br", null, null, -1)), a2[53] || (a2[53] = g("两位日:DD", -1)), a2[54] || (a2[54] = d("br", null, null, -1)), a2[55] || (a2[55] = g("小时:hh", -1)), a2[56] || (a2[56] = d("br", null, null, -1)), a2[57] || (a2[57] = g("分钟:mm", -1)), a2[58] || (a2[58] = d("br", null, null, -1)), a2[59] || (a2[59] = g("秒:ss", -1)), a2[60] || (a2[60] = d("br", null, null, -1)), a2[61] || (a2[61] = g("占位:[占位符]", -1)), a2[62] || (a2[62] = d("br", null, null, -1)), a2[63] || (a2[63] = g("更多见： ", -1)), 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 支持的所有格式。 ", -1))]), 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)])]), _: 1 }), r(C, { value: "default" }, { default: s(() => [...a2[66] || (a2[66] = [g("中", -1)])]), _: 1 }), r(C, { value: "small" }, { default: s(() => [...a2[67] || (a2[67] = [g("小", -1)])]), _: 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)])]), _: 1 }), r(C, { value: "disabled" }, { default: s(() => [...a2[69] || (a2[69] = [g("禁用", -1)])]), _: 1 }), r(C, { value: "readonly" }, { default: s(() => [...a2[70] || (a2[70] = [g("只读", -1)])]), _: 1 }), r(C, { value: "hidden" }, { default: s(() => [...a2[71] || (a2[71] = [g("隐藏", -1)])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 }), i(r(U, { configure: e2.configure }, null, 8, ["configure"]), [[b, e2.configure.props.base.tittleShow]]), (t(), u(Q, { title: "校验", name: "verification", key: e2.configure.uuid, class: "amb-design-attr-group-header" }, { default: s(() => [d("div", z, [r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(L, { modelValue: e2.configure.props.verification.required, "onUpdate:modelValue": a2[19] || (a2[19] = (l3) => e2.configure.props.verification.required = l3), label: "必填" }, null, 8, ["modelValue"])]), _: 1 }), r(Y2, { class: "amb-design-attr-item", "label-width": "0" }, { default: s(() => [r(E, { span: 8 }, { default: s(() => [r(L, { label: "自定义", modelValue: e2.configure.props.verification.custom, "onUpdate:modelValue": a2[20] || (a2[20] = (l3) => e2.configure.props.verification.custom = l3) }, null, 8, ["modelValue"])]), _: 1 }), r(E, { span: 14 }, { default: s(() => [r(T3, { style: { "margin-left": "4px" }, clearable: "", disabled: !e2.configure.props.verification.custom, modelValue: e2.configure.props.verification.customFunc, "onUpdate:modelValue": a2[21] || (a2[21] = (l3) => e2.configure.props.verification.customFunc = l3), placeholder: "请选择校验方法", filterable: "" }, { default: s(() => [(t(true), n(m, null, f(c(_)(), (e3) => (t(), u(V2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 })), P.value ? p("", true) : (t(), u(y, { key: e2.configure.uuid, size: e2.configure.props.size }, null, 8, ["size"]))]), _: 1 }, 8, ["modelValue"])]), _: 1 });
|
|
30
30
|
};
|
|
31
31
|
} });
|
|
32
32
|
export {
|
package/dist/es/components/design/views/assemblys/form/date-picker/datepicker-design.vue2.js
CHANGED
|
@@ -2,31 +2,31 @@ import { defineComponent as e, ref as a, watch as t, resolveComponent as l, crea
|
|
|
2
2
|
import { caculateDetailComponentStyle as g, caculateComponentProps as y } from "../../../../utils/form-design-util.js";
|
|
3
3
|
import h from "../common/title-suffix-element.vue.js";
|
|
4
4
|
import "super-page-runtime";
|
|
5
|
-
import { Clock as Y, Calendar as
|
|
6
|
-
const
|
|
7
|
-
const
|
|
8
|
-
|
|
5
|
+
import { Clock as Y, Calendar as D } from "@element-plus/icons-vue";
|
|
6
|
+
const b = e({ __name: "datepicker-design", props: { configure: { type: Object, required: true } }, setup(e2) {
|
|
7
|
+
const b2 = e2;
|
|
8
|
+
b2.configure.runtime || (b2.configure.runtime = {});
|
|
9
9
|
const F = a({}), k = a(""), S = a({}), V = a({}), x = a({});
|
|
10
|
-
return t(
|
|
11
|
-
g(
|
|
12
|
-
}, { immediate: true }), a([]), t(
|
|
13
|
-
y(
|
|
14
|
-
let e3 =
|
|
10
|
+
return t(b2.configure.style, () => {
|
|
11
|
+
g(b2.configure, F, k, S), b2.configure.runtime.style = F.value, b2.configure.runtime.class = k.value, b2.configure.runtime.headerStyle = S.value;
|
|
12
|
+
}, { immediate: true }), a([]), t(b2.configure.props, () => {
|
|
13
|
+
y(b2.configure, V, x), function() {
|
|
14
|
+
let e3 = b2.configure && b2.configure.props ? b2.configure.props.base : {};
|
|
15
15
|
e3 = e3 || {};
|
|
16
16
|
const a2 = {};
|
|
17
17
|
a2.moreDefaultValue = e3.moreDefaultValue, a2.defaultValue2 = e3.defaultValue2, a2.moreDefaultValue2 = e3.moreDefaultValue2, a2.prop2 = e3.prop2, e3.format && (a2.format = e3.format);
|
|
18
18
|
let t2 = e3.type ? e3.type : "date";
|
|
19
19
|
if (e3.dateScope) {
|
|
20
20
|
let l2 = "daterange";
|
|
21
|
-
"datetime" == t2 ? l2 = "datetimerange" : "week" == t2 ? l2 = "week" : "month" == t2 ? l2 = "monthrange" : "year" == t2 ? l2 = "
|
|
21
|
+
"datetime" == t2 ? l2 = "datetimerange" : "week" == t2 ? l2 = "week" : "month" == t2 ? l2 = "monthrange" : "year" == t2 ? l2 = "yearrange" : "time" == t2 ? l2 = "timerange" : "month" == t2 && (l2 = "monthrange"), a2.dateType = l2, e3.endPlaceholder && (a2.endPlaceholder = e3.endPlaceholder);
|
|
22
22
|
} else a2.dateType = t2;
|
|
23
|
-
e3.timestamp ? a2.valueFormat = "x" : (a2.valueFormat = e3.valueFormat, a2.valueFormat || ("datetime" === t2 ? a2.valueFormat = "YYYY-MM-DD HH:mm:ss" : "year" === t2 ? a2.valueFormat = "YYYY" : "month" === t2 ? a2.valueFormat = "YYYY-MM" : "time" === t2 ? a2.valueFormat = "hh:mm:ss" : ("date" === t2 || "week" === t2) && (a2.valueFormat = "YYYY-MM-DD"))), a2.sourceType = t2, a2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (a2.shortcutsFunc = e3.scopeFunc), Object.assign(V.value, a2);
|
|
24
|
-
}(),
|
|
23
|
+
e3.timestamp ? a2.valueFormat = "x" : (a2.valueFormat = e3.valueFormat, a2.valueFormat || ("datetime" === t2 ? a2.valueFormat = "YYYY-MM-DD HH:mm:ss" : "year" === t2 ? a2.valueFormat = "YYYY" : "month" === t2 ? a2.valueFormat = "YYYY-MM-DD" : "time" === t2 ? a2.valueFormat = "hh:mm:ss" : ("date" === t2 || "week" === t2) && (a2.valueFormat = "YYYY-MM-DD"))), a2.sourceType = t2, a2.dateScopeDetails = e3.dateScopeDetails, e3.dateScopeDetails && e3.dateScopeDetails.includes("custom") && e3.scopeFunc && (a2.shortcutsFunc = e3.scopeFunc), Object.assign(V.value, a2);
|
|
24
|
+
}(), b2.configure.runtime.props = V.value, b2.configure.runtime.titleExceedStyle = x.value;
|
|
25
25
|
}, { immediate: true }), (a2, t2) => {
|
|
26
|
-
const g2 = l("el-icon"), y2 = l("el-input"),
|
|
27
|
-
return u(), r(
|
|
26
|
+
const g2 = l("el-icon"), y2 = l("el-input"), b3 = l("el-form-item");
|
|
27
|
+
return u(), r(b3, { required: V.value.required, class: i([k.value, "remove-formLabel-formContent-blankStyle"]), "label-width": V.value.labelWidth, style: o(F.value) }, { label: m(() => [V.value.tittleShow ? (u(), s("div", { key: 0, style: o({ ...S.value, ...x.value, "padding-right": "12px" }) }, [V.value.prefixType ? (u(), r(h, { key: 0, configure: e2.configure }, null, 8, ["configure"])) : (u(), s(p, { key: 1 }, [f(v(V.value.title), 1)], 64))], 4)) : d("", true)]), default: m(() => [n(y2, { readonly: "", size: V.value.size, clearable: V.value.clearable, placeholder: V.value.placeholder, modelValue: V.value.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => V.value.value = e3) }, { prefix: m(() => ["timerange" == V.value.dateType || "time" == V.value.dateType ? (u(), r(g2, { key: 0 }, { default: m(() => [n(c(Y))]), _: 1 })) : (u(), r(g2, { key: 1 }, { default: m(() => [n(c(D))]), _: 1 }))]), _: 1 }, 8, ["size", "clearable", "placeholder", "modelValue"])]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
|
|
28
28
|
};
|
|
29
29
|
} });
|
|
30
30
|
export {
|
|
31
|
-
|
|
31
|
+
b as default
|
|
32
32
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
|
|
2
2
|
import { ElMessageBox as x, ElMessage as h } from "element-plus";
|
|
3
|
-
import C from "./config.
|
|
3
|
+
import C from "./config.vue.js";
|
|
4
4
|
import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
|
|
5
5
|
import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
|
|
6
6
|
import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./page-switch.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const p = t(e, [["__scopeId", "data-v-
|
|
4
|
+
const p = t(e, [["__scopeId", "data-v-5e4603f5"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as
|
|
1
|
+
import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as d, createBlock as r, unref as u, toDisplayString as c, createTextVNode as g } from "vue";
|
|
2
2
|
import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
|
|
3
3
|
import { ElMessageBox as w } from "element-plus";
|
|
4
4
|
import b from "agilebuilder-ui/src/utils/request";
|
|
@@ -26,7 +26,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
|
|
|
26
26
|
b.get(a2).then((e4) => {
|
|
27
27
|
t2(e4);
|
|
28
28
|
});
|
|
29
|
-
}, expandTrigger: "
|
|
29
|
+
}, expandTrigger: "click" }), V = t(-1), F = t("");
|
|
30
30
|
function R() {
|
|
31
31
|
S.value = true;
|
|
32
32
|
}
|
|
@@ -51,7 +51,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
|
|
|
51
51
|
return a(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
|
|
52
52
|
}), (t2, a2) => {
|
|
53
53
|
const l2 = n("el-icon"), w2 = n("el-button"), b2 = n("el-cascader-panel"), _2 = n("el-popover");
|
|
54
|
-
return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon: u(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(),
|
|
54
|
+
return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { type: "default", icon: u(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), r(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(u(h))]), _: 1 })) : (i(), r(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(u(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [d("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [d("div", I, ["menu" === t3.menuType ? (i(), r(l2, { key: 0 }, { default: p(() => [s(u(m))]), _: 1 })) : "page" === t3.menuType ? (i(), r(l2, { key: 1 }, { default: p(() => [s(u(f))]), _: 1 })) : (i(), r(l2, { key: 2 }, { default: p(() => [s(u(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
|
|
55
55
|
};
|
|
56
56
|
} });
|
|
57
57
|
export {
|
|
@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
|
|
|
16
16
|
import "@codemirror/language";
|
|
17
17
|
import "@codemirror/search";
|
|
18
18
|
import "js-beautify";
|
|
19
|
-
/* empty css
|
|
19
|
+
/* empty css */
|
|
20
20
|
import "../../../utils/assemblys-config.js";
|
|
21
21
|
import "../../../../../stores/page-store.js";
|
|
22
22
|
import "../../../../../stores/event-undo-redo-store.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./view-design-preview.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = i(e, [["__scopeId", "data-v-
|
|
4
|
+
const r = i(e, [["__scopeId", "data-v-28acfb1b"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import { defineComponent as e, computed as s, resolveComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
const u3 = i("el-dialog");
|
|
17
|
-
return t(), n(u3, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: m.value, onClose: g2[0] || (g2[0] = (e3) => c("close")) }, { default: o(() => [r(p(a), { style: l([{ margin: "0 auto" }, f.value]), pageDesign: e2.pageDesign, publishVersion: e2.pageDesign.systemVersion, dimensions: e2.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
|
|
1
|
+
import { defineComponent as e, computed as i, ref as s, resolveComponent as t, createBlock as r, openBlock as l, withCtx as o, createElementVNode as a, unref as u } from "vue";
|
|
2
|
+
import "super-page-runtime";
|
|
3
|
+
import p from "agilebuilder-ui/src/utils/auth-api";
|
|
4
|
+
import { getSystemFrontendUrlWith as n } from "agilebuilder-ui/src/utils/common-util";
|
|
5
|
+
import { setSessionCache as g } from "agilebuilder-ui/src/utils/auth";
|
|
6
|
+
const m = ["src"], c = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: c2 }) {
|
|
7
|
+
const d = e2, f = i(() => "预览【" + d.pageDesign.label + "】"), v = c2, w = d.pageDesign.systemCode;
|
|
8
|
+
let y = p.getSystemCacheFrontendUrlByCode(w);
|
|
9
|
+
y = n(y);
|
|
10
|
+
const D = d.pageDesign.code;
|
|
11
|
+
g("preview_" + D, JSON.stringify(d.pageDesign));
|
|
12
|
+
let _ = s(null);
|
|
13
|
+
return _.value = y + "#/dsc-full-screen/page?customSystem=" + w + "&pageCode=" + D + "&isNewPage=true&isPreview=true&_t_=" + (/* @__PURE__ */ new Date()).getTime(), (e3, i2) => {
|
|
14
|
+
const s2 = t("el-dialog");
|
|
15
|
+
return l(), r(s2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: f.value, onClose: i2[0] || (i2[0] = (e4) => v("close")) }, { default: o(() => [a("iframe", { class: "preview-page-iframe", src: u(_) }, null, 8, m)]), _: 1 }, 8, ["title"]);
|
|
18
16
|
};
|
|
19
17
|
} });
|
|
20
18
|
export {
|
|
21
|
-
|
|
19
|
+
c as default
|
|
22
20
|
};
|